feat: STADTKLN-66 overview page (#5)

* feat: implement bootstrap icons * feat: setup homepage skeleton * feat: improved darkmode * feat: setup dataset overview page * feat: setup dataset-detail page * feat: setup apps page * feat: implement primary button styles * feat: improve homepage desktop with design * feat: implement responsive homepage * fix: deployment missing scripts * fix: missing bootstrap-cions * chore: remove bootstrap-icons dependency * chore: update theme link color * chore: rename overview page * feat: implement breadcrumbs component * feat: improve card component * chore: rename filters component * chore: merge main * feat: improved overview page * feat: improve lighthouse report * chore: remove old file * fix: link hover color * chore: remove unecessary files * feat: improve overview page responsiveness * feat: implement approachkoeln font * feat: minor design improvements * fix: minor lighthouse report warning * feat: font adjustment * chore: improve translations * chore: implement header dialog aria-label * Update src/partials/content-layout/cl_filters.twig --------- Co-authored-by: Deborah Köpfer <[email protected]>
virtualidentityag · Sep 3, 2024 · 072114d · 072114d
1 parent dbc1a2a
commit 072114d
Show file tree

Hide file tree

Showing 29 changed files with 505 additions and 353 deletions.
diff --git a/public/assets/fonts/ApproachKoeln-BdIt.ttf b/public/assets/fonts/ApproachKoeln-BdIt.ttf
diff --git a/public/assets/fonts/ApproachKoeln-RgIt.ttf b/public/assets/fonts/ApproachKoeln-RgIt.ttf
diff --git a/public/assets/fonts/ApproachKoeln-SmBdIt.ttf b/public/assets/fonts/ApproachKoeln-SmBdIt.ttf
diff --git a/src/layouts/base.twig b/src/layouts/base.twig
@@ -3,6 +3,10 @@
   <head>
     <meta charset='UTF-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <meta
+      name='description'
+      content='Entdecken und nutzen Sie eine umfangreiche Sammlung offener Daten der Stadt Köln. Transparent, kostenlos und zuverlässig – zur Förderung von Innovation und fundierten Entscheidungen für Bürger, Entwickler und Unternehmen.'
+    >
     <title>Offene Daten Köln</title>
 
     <link rel='stylesheet' href='/src/styles/styles.scss'>

diff --git a/src/pages/dataset-detail.twig b/src/pages/dataset-detail.twig
@@ -5,7 +5,7 @@
   <nav aria-label='breadcrumb'>
     <ol class='breadcrumb'>
       <li class='breadcrumb-item'><a href='./'>Startseite</a></li>
-      <li class='breadcrumb-item'><a href='./dataset-overview'>Daten</a></li>
+      <li class='breadcrumb-item'><a href='./overview'>Daten</a></li>
       <li class='breadcrumb-item active' aria-current='page'>Detail</li>
     </ol>
   </nav>

diff --git a/src/pages/dataset-overview.twig b/src/pages/dataset-overview.twig
diff --git a/src/pages/index.twig b/src/pages/index.twig
@@ -4,20 +4,20 @@
 {% block content %}
   <section class='row pb-5'>
     <div class='col-12'>
-      <h1 class='display-4 display-md-3 mb-4'>
+      <h1 class='display-3 display-md-3 mb-4'>
         Die beste Grundlage fur fundierte Entscheidungen: offene Daten aus Ihrer Region.
       </h1>
 
       <div class='row mb-5'>
         <div class='col-12 col-md-7'>
-          <form class='form-inline d-flex gap-2'>
+          <form class='form-inline d-flex gap-2' action='overview'>
             <input
-              class='form-control mr-sm-2'
+              class='form-control fs-5 mr-sm-2'
               type='search'
               placeholder='Datensatze suchen'
               aria-label='Datensatze suchen'
             >
-            <button class='btn btn-primary' type='submit' aria-label='Search'>
+            <button class='btn btn-primary fs-5' type='submit' aria-label='Search'>
               <i class='bi bi-search'></i>
             </button>
           </form>
@@ -36,7 +36,7 @@
       include 'partials::content-layout/cl_section-header.twig' with {
       title: 'Beliebte Datensätze',
       link: {
-      href: './dataset-overview',
+      href: './overview',
       text: 'Alle Datensätze',
       }
       }
@@ -75,7 +75,7 @@
     </div>
   </section>
 
-  <section class='row py-5 border-top'>
+  <section class='row py-5 border-top border-bottom'>
     {%
       include 'partials::content-layout/cl_section-header.twig' with {
       title: 'Daten über Schnittstelle nutzen'