From 3ce389aa7d8517f2a513d0f3ddfd147f5538415d Mon Sep 17 00:00:00 2001 From: jovana Date: Tue, 19 Dec 2023 13:38:46 +0100 Subject: [PATCH] Implement design for the footer --- ckanext/kepa/assets/css/kepa.css | 70 +++++++++++++ ckanext/kepa/assets/css/kepa.css.map | 2 +- ckanext/kepa/assets/scss/kepa.scss | 96 +++++++++++++++--- ckanext/kepa/public/republic-kosovo.png | Bin 0 -> 3011 bytes ckanext/kepa/templates/footer.html | 81 ++++++++++----- ckanext/kepa/templates/header.html | 8 +- .../kepa/templates/home/snippets/search.html | 8 +- ckanext/kepa/templates/page.html | 1 - 8 files changed, 220 insertions(+), 46 deletions(-) create mode 100644 ckanext/kepa/public/republic-kosovo.png diff --git a/ckanext/kepa/assets/css/kepa.css b/ckanext/kepa/assets/css/kepa.css index 8d65206..861b01e 100644 --- a/ckanext/kepa/assets/css/kepa.css +++ b/ckanext/kepa/assets/css/kepa.css @@ -4,6 +4,15 @@ align-items: center; } +.align-center { + text-align: center; +} + +.column { + display: flex; + flex-direction: column; +} + .masthead { padding: 0 !important; background-color: #1C768F; @@ -58,6 +67,11 @@ max-height: 300px; } +@media screen and (max-width: 600px) { + .homepage .hero-placeholder .container img { + max-height: 150px; + } +} .heading { color: white; font-size: xx-large; @@ -138,6 +152,16 @@ height: 100%; } +@media screen and (max-width: 650px) { + .module-stats-center-flex { + flex-direction: column; + align-items: center; + } + + .module-feeds { + min-height: 500px !important; + } +} .module-feeds { min-height: 300px; background-color: #FAF3F1 !important; @@ -147,4 +171,50 @@ height: 200px; } +.attribution { + color: white; + margin-top: 20px; +} + +.attribution h2 { + margin-bottom: 20px; +} + +.address { + display: flex; + justify-content: end; + width: 100%; + padding-right: 30px; + align-items: center; + color: white; + font-weight: bolder; +} + +.address img { + padding-right: 20px; + height: 50px; +} + +.column a { + font-size: medium; +} + +.btn-primary { + background-color: #FA991C; + border: none; + outline: none; +} + +.breadcrumb .home a i { + color: #FA991C; +} + +.site-footer { + padding: 40px; +} + +.item-count { + background-color: #FA991C !important; +} + /*# sourceMappingURL=kepa.css.map */ diff --git a/ckanext/kepa/assets/css/kepa.css.map b/ckanext/kepa/assets/css/kepa.css.map index bf6d86c..7a333bb 100644 --- a/ckanext/kepa/assets/css/kepa.css.map +++ b/ckanext/kepa/assets/css/kepa.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA,kBCVY;;;ADahB;EACI,OCTI;EDUJ,aCRG;EDSH,WCRQ;;;ADWZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OCzDI;ED0DJ,WCtDO;EDuDP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBC5FI;ED6FJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCrHc;;;ADwHlB;EACI,OCrHI;EDsHJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WCzHQ;ED0HR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI","file":"kepa.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/kepa.scss","../scss/_variables.scss"],"names":[],"mappings":"AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,kBCnBY;;;ADsBhB;EACI,OClBI;EDmBJ,aCjBG;EDkBH,WCjBQ;;;ADoBZ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAEJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;;AAIR;EACI,OCxEI;EDyEJ,WCrEO;EDsEP;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI,kBC3GI;ED4GJ;EACA;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA,kBCpIc;;;ADuIlB;EACI,OCpII;EDqIJ;EACA;EACA;EACA;EACA;;;AAGJ;EACI,WCxIQ;EDyIR;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;EAGJ;IACI;;;AAIR;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,OC5KI;ED6KJ;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,OC1LI;ED2LJ,aCzLG;;;AD4LP;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI,kBC5Mc;ED6Md;EACA;;;AAGJ;EACI,OClNc;;;ADqNlB;EACI;;;AAGJ;EACI","file":"kepa.css"} \ No newline at end of file diff --git a/ckanext/kepa/assets/scss/kepa.scss b/ckanext/kepa/assets/scss/kepa.scss index df591c0..f0ca031 100644 --- a/ckanext/kepa/assets/scss/kepa.scss +++ b/ckanext/kepa/assets/scss/kepa.scss @@ -6,6 +6,15 @@ align-items: center; } +.align-center { + text-align: center; +} + +.column { + display: flex; + flex-direction: column; +} + .masthead { padding: 0 !important; background-color: $primary-color; @@ -45,7 +54,7 @@ background: url(/main-kepa-img.jpg) center/cover no-repeat; } -.homepage .hero-placeholder .container{ +.homepage .hero-placeholder .container { min-height: 600px; width: 50%; display: flex; @@ -55,10 +64,16 @@ text-align: center; } -.homepage .hero-placeholder .container img{ +.homepage .hero-placeholder .container img { max-height: 300px; } +@media screen and (max-width: 600px) { + .homepage .hero-placeholder .container img { + max-height: 150px; + } +} + .heading { color: $white; font-size: $xxl-size; @@ -84,7 +99,7 @@ border-radius: 0; } -.search-form{ +.search-form { margin-bottom: 0; padding: 0; } @@ -94,7 +109,7 @@ border-radius: 0; } -.tags{ +.tags { background-color: $white; height: 55px; padding: 0; @@ -102,33 +117,33 @@ align-items: center; } -.tags h4{ +.tags h4 { margin: 0 !important; padding-left: 10px; } -.tags a{ +.tags a { margin-bottom: 0 !important; margin-left: 10px; } -.card{ +.card { width: 200px; align-items: center; text-align: center; background-color: $secondary-color; } -.card a{ +.card a { color: $white; height: 100%; display: flex; flex-direction: column; - justify-content: center;; + justify-content: center; text-decoration: none; } -.card a h1{ +.card a h1 { font-size: $xxxl-size; margin-bottom: 0; } @@ -139,11 +154,68 @@ height: 100%; } +@media screen and (max-width: 650px) { + .module-stats-center-flex { + flex-direction: column; + align-items: center; + } + + .module-feeds { + min-height: 500px !important; + } +} + .module-feeds { min-height: 300px; background-color: $tertiary-color !important; } -.module-feeds .container{ +.module-feeds .container { height: 200px; -} \ No newline at end of file +} + +.attribution { + color: $white; + margin-top: 20px; +} + +.attribution h2 { + margin-bottom: 20px; +} + +.address { + display: flex; + justify-content: end; + width: 100%; + padding-right: 30px; + align-items: center; + color: $white; + font-weight: $bold; +} + +.address img { + padding-right: 20px; + height: 50px; +} + +.column a { + font-size: medium; +} + +.btn-primary { + background-color: $secondary-color; + border: none; + outline: none; +} + +.breadcrumb .home a i { + color: $secondary-color; +} + +.site-footer { + padding: 40px; +} + +.item-count { + background-color: $secondary-color !important; +} diff --git a/ckanext/kepa/public/republic-kosovo.png b/ckanext/kepa/public/republic-kosovo.png new file mode 100644 index 0000000000000000000000000000000000000000..df6afa938ff28010a5a44d12a313f5e47961c1ce GIT binary patch literal 3011 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 {% block footer_content %}
-
- {% block footer_nav %} - - - {% endblock %} +
+

{{_('The Kosovo dataportal')}}

+
+ {{_('About this website')}} + {{_('Open source on GitHub')}} + {{_('Feedback on dataportal.xk')}} + {{_('info@mail.xk')}} +
+
+
+

{{_('Toolbox for sharing data')}}

+
+ {{_('Documentation and services - Kosovo`s data portal')}} + {{_('Guidance for open and shared data')}} +
- {% block footer_attribution %} -

{% trans %}Powered by {% endtrans %}

- {% endblock %} - {% block footer_lang %} - {% snippet "snippets/language_selector.html" %} - {% endblock %} +

{{_('Social')}}

+
+ {{_('Network Open Source and Data')}} + {{_('Facebook')}} + {{_('Twitter')}} +
- {% endblock %} + +
+
+ + + {{_('Republika e Kosovës')}}
+ {{_('Republika Kosova - Republic of Kosovo')}}
+ {{_('Qeveria – Vlada - Government')}}
+
+ + + +{% endblock %} \ No newline at end of file diff --git a/ckanext/kepa/templates/header.html b/ckanext/kepa/templates/header.html index 00ebae3..31d99f1 100644 --- a/ckanext/kepa/templates/header.html +++ b/ckanext/kepa/templates/header.html @@ -102,13 +102,13 @@

{{ g.site_description }}

{% set group_type = h.default_group_type('group') %} {{ h.build_nav_main( - (dataset_type ~ '.search', h.humanize_entity_type('package', dataset_type, 'main nav') or _('DATASETS'), + (dataset_type ~ '.search', h.humanize_entity_type('package', dataset_type, 'main nav') or _('datasets').upper(), ["dataset", "resource"]), (org_type ~ '.index', - h.humanize_entity_type('organization', org_type, 'main nav') or _('ORGANIZATIONS'), ['organization']), + h.humanize_entity_type('organization', org_type, 'main nav') or _('organizations').upper(), ['organization']), (group_type ~ '.index', - h.humanize_entity_type('group', group_type, 'main nav') or _('GROUPS'), ['group']), - ('home.about', _('ABOUT US')) ) }} + h.humanize_entity_type('group', group_type, 'main nav') or _('groups').upper(), ['group']), + ('home.about', _('about us').upper()) ) }} {% endblock %} diff --git a/ckanext/kepa/templates/home/snippets/search.html b/ckanext/kepa/templates/home/snippets/search.html index 1d1bd93..626bbcf 100644 --- a/ckanext/kepa/templates/home/snippets/search.html +++ b/ckanext/kepa/templates/home/snippets/search.html @@ -1,7 +1,6 @@ {% set tags = h.get_facet_items_dict('tags', search_facets, limit=3) %} {% set placeholder = _('Search...') %} {% set dataset_type = h.default_package_type() %} -{% set testtags = ['tag', 'economy', 'test'] %}
@@ -20,10 +19,9 @@

{{ _("Search and explore data from Kosovo") }}

{{ _('Popular tags') }}

- {% for tag in testtags %} - - {{ tag|truncate(22) }} - + {% for tag in tags %} + {{ + tag.display_name|truncate(22) }} {% endfor %}
diff --git a/ckanext/kepa/templates/page.html b/ckanext/kepa/templates/page.html index f5e3803..507ee17 100644 --- a/ckanext/kepa/templates/page.html +++ b/ckanext/kepa/templates/page.html @@ -18,7 +18,6 @@ {# The content block allows you to replace the content of the page if needed #} {%- block content %} {% block maintag %}
{% endblock %} - YOU
{% block main_content %} {% block flash %}