@gov-cy/govcy-frontend-renderer 1.16.0 → 1.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -8
- package/package.json +1 -1
- package/src/njk/layouts/govcyBase.njk +3 -2
package/README.md
CHANGED
|
@@ -5,14 +5,16 @@
|
|
|
5
5
|
|
|
6
6
|
Use this package to render HTML for gov.cy elements, as they are defined in the [Unified Design System](https://gov-cy.github.io/govcy-design-system-docs/), using njk or json templates.
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
14
|
-
-
|
|
15
|
-
-
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
The project was developed to support the [gov.cy Unified Design System](https://gov-cy.github.io/govcy-design-system-docs/), so that the rendered HTML:
|
|
11
|
+
- is as close of a representation as possible of the design elements as they are defined in the [Unified Design System](https://gov-cy.github.io/govcy-design-system-docs/)
|
|
12
|
+
- includes the gov.cy branding
|
|
13
|
+
- uses the [govcy design system](https://gov-cy.github.io/govcy-design-system-docs/) css classes and javascript functions
|
|
14
|
+
- uses HTML best practices and be valid HTML
|
|
15
|
+
- uses accessibility best practices
|
|
16
|
+
- allows multiple languages
|
|
17
|
+
- is tested
|
|
16
18
|
|
|
17
19
|
Though the project is not intended to be used for production purposes and does provide any guaranties, your welcome to try it.
|
|
18
20
|
|
|
@@ -77,6 +79,7 @@ const inputData =
|
|
|
77
79
|
{"label": {"en":"Accessibility", "el":"Προσβασιμότητα"}, "href": "#"},
|
|
78
80
|
{"label": {"en":"Help us improve this service", "el":"Βοηθήστε μας να βελτιώσουμε αυτή την υπηρεσία"}, "href": "#"}
|
|
79
81
|
],
|
|
82
|
+
"copyrightText" : {"en":"Republic of Cyprus, 2025", "el":"Κυπριακή Δημοκρατία, 2025"},
|
|
80
83
|
"menu" : {"en":"Menu", "el":"Μενου"},
|
|
81
84
|
"title" : {"en":"Service title", "el":"Τιτλός υπηρεσίας"},
|
|
82
85
|
"headerTitle" : {"en":"Header title", "el":"Τιτλός επικεφαλιδας"},
|
|
@@ -171,6 +174,7 @@ const inputData =
|
|
|
171
174
|
{"label": {"en":"Accessibility", "el":"Προσβασιμότητα"}, "href": "#"},
|
|
172
175
|
{"label": {"en":"Help us improve this service", "el":"Βοηθήστε μας να βελτιώσουμε αυτή την υπηρεσία"}, "href": "#"}
|
|
173
176
|
],
|
|
177
|
+
"copyrightText" : {"en":"Republic of Cyprus, 2025", "el":"Κυπριακή Δημοκρατία, 2025"},
|
|
174
178
|
"menu" : {"en":"Menu", "el":"Μενου"},
|
|
175
179
|
"title" : {"en":"Service title", "el":"Τιτλός υπηρεσίας"},
|
|
176
180
|
"headerTitle" : {"en":"Header title", "el":"Τιτλός επικεφαλιδας"},
|
|
@@ -313,6 +317,7 @@ The `inputData` object has the following structure:
|
|
|
313
317
|
- **site.lang**: the language of the site. It is used both in the `<html lang` attribute and to define the default language to be used by the individual design elements defined in the template.
|
|
314
318
|
- **site.languages**: the languages in the language menu.
|
|
315
319
|
- **site.footerLinks**: the links of the footer.
|
|
320
|
+
- **site.copyrightText**: the text of the copyright in the footer, including the year.
|
|
316
321
|
- **site.menu**: the menu label.
|
|
317
322
|
- **site.title**: the title of the site. It is used in the `<title>`, `<meta property="og:title"` and `<meta property="twitter:title"` tags of the head.
|
|
318
323
|
- **site.description**: the description of the site. It is used in the `<meta name="description"`, `<meta property="og:description"` and `<meta property="twitter:description"` tags of the head.
|
package/package.json
CHANGED
|
@@ -15,7 +15,8 @@ To use this template you need to pass the following data:
|
|
|
15
15
|
{"label": {"en":"Cookies", "el":"Cookies"}, "href": "#"},
|
|
16
16
|
{"label": {"en":"Accessibility", "el":"Προσβασιμότητα"}, "href": "#"},
|
|
17
17
|
{"label": {"en":"Help us improve this service", "el":"Βοηθήστε μας να βελτιώσουμε αυτή την υπηρεσία"}, "href": "#"},
|
|
18
|
-
],
|
|
18
|
+
],
|
|
19
|
+
"copyrightText" : {"en":"Republic of Cyprus, 2025", "el":"Κυπριακή Δημοκρατία, 2025"},
|
|
19
20
|
"menu" : {"en":"Menu", "el":"Μενου"},
|
|
20
21
|
"title" : {"en":"Service title", "el":"Τιτλός υπηρεσίας"},
|
|
21
22
|
"headerTitle" : {"en":"Header title", "el":"Τιτλός επικεφαλιδας"},
|
|
@@ -184,7 +185,7 @@ To use this template you need to pass the following data:
|
|
|
184
185
|
{%- endif %}
|
|
185
186
|
<div class="govcy-d-flex govcy-align-items-center govcy-flex-wrap">
|
|
186
187
|
<span class="govcy-fs-2 govcy-fw-bold govcy-mr-6">gov.cy</span>
|
|
187
|
-
<span class="govcy-mr-6 govcy-mt-2 govcy-mb-2">©
|
|
188
|
+
<span class="govcy-mr-6 govcy-mt-2 govcy-mb-2">© {{ govcyLocalizeContent(site.copyrightText, site.lang) }}</span>
|
|
188
189
|
</div>
|
|
189
190
|
</div>
|
|
190
191
|
<div class="govcy-my-4">
|