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 0000000..df6afa9 Binary files /dev/null and b/ckanext/kepa/public/republic-kosovo.png differ diff --git a/ckanext/kepa/templates/footer.html b/ckanext/kepa/templates/footer.html index 8043995..d7acbcd 100644 --- a/ckanext/kepa/templates/footer.html +++ b/ckanext/kepa/templates/footer.html @@ -2,32 +2,67 @@
{% 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 %}