fipguide · therobrob · Feb 18, 2025 · Feb 18, 2025 · Feb 18, 2025 · Feb 18, 2025
diff --git a/assets/images/logo.svg b/assets/images/logo.svg
diff --git a/assets/sass/headings.scss b/assets/sass/headings.scss
@@ -0,0 +1,27 @@
+h1 {
+  font-size: 3.6rem;
+  line-height: 1.25;
+  font-weight: 700;
+  margin-bottom: 2rem;
+}
+
+h2 {
+  font-size: 2.4rem;
+  line-height: 1.25;
+  margin-bottom: 1.6rem;
+  font-weight: 700;
+}
+
+h3 {
+  font-size: 2rem;
+  line-height: 1.25;
+  margin-bottom: 1.4rem;
+  font-weight: 700;
+}
+
+h4 {
+  font-size: 1.8rem;
+  line-height: 1.25;
+  margin-bottom: 1.2rem;
+  font-weight: 700;
+}
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
@@ -8,4 +8,5 @@
 @import "footer.scss";
 @import "content.scss";
 @import "textHighlight.scss";
+@import "headings.scss";
 @import 'node_modules/@material-design-icons/font/round.scss';
diff --git a/assets/sass/navigation.scss b/assets/sass/navigation.scss
@@ -45,6 +45,20 @@
   display: flex;
   padding: 1rem;
   margin: .3rem;
+  position: relative;
+
+  h1 {
+    position: absolute;
+    top: 1.6rem;
+    left: 1.7rem;
+    margin: 0;
+    font-size: 1.5rem;
+    color: black;
+  }
+
+  img {
+    width: 8rem;
+  }
 }
 
 .o-header__nav menu {

diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss
@@ -69,4 +69,16 @@ details[open] summary ~ * {
     opacity: 1;
     transform: translateY(0);
   }
+}
+
+p {
+  margin-bottom: 3.2rem;
+}
+
+p:has(p + ul) {
+  margin-bottom: 0;
+}
+
+article p:last-child {
+  margin-bottom: 0;
 }
diff --git a/assets/sass/teaser.scss b/assets/sass/teaser.scss
@@ -1,6 +1,12 @@
 .m-teaser {
     text-decoration: none;
     color: #000;
+
+    &:nth-child(-n+3) {
+        @include media-breakpoint-down(lg) {
+            margin-bottom: 2rem;
+        }
+    }
 }
 
 .m-teaser img {
@@ -9,6 +15,14 @@
     border-radius: 1rem;
 }
 
+.m-teaser__dateline {
+    font-size: 1.4rem;
+}
+
+.m-teaser__headline {
+    margin-bottom: .5rem;
+}
+
 .o-stage {
     display: flex;
     justify-content: center;

diff --git a/content/_index.de.md b/content/_index.de.md
@@ -1,6 +1,8 @@
-### Hallo Welt
+## Willkommen beim FIP-Guide!
 
-Wir sind der FIP Guide, warum wieso weshalb
-Momentan gibt es die Infos für die Länder Belgien und Slowakei.
+Auf dieser Webseite findest du Informationen zu den FIP-Regelungen verschiedener europäischer Länder.
+Momentan gibt es die Infos für die Länder **Belgien** und **Slowakei**.
 
-Der FIPGuide soll wachsen: [GitHub Repository](https://github.com/fipguide/fipguide.github.io)
+### Unterstütze uns
+Du möchtest dein Wissen rund um FIP-Regelungen teilen? Schau auf unserem [GitHub Repository](https://github.com/fipguide/fipguide.github.io) vorbei, um Inhalte beizutragen.
+Alternativ kannst du uns auch über das [Kontaktformular]({{< ref "contact" >}}) schreiben.
diff --git a/content/_index.en.md b/content/_index.en.md
@@ -1,6 +1,11 @@
-### Hello World
+## Welcome to the FIP Guide!
+
+On this website, you will find information about the FIP regulations of various European countries.
+Currently, we have information for the countries **Belgium** and **Slovakia**.
+
+### Support Us
+Would you like to share your knowledge about FIP regulations? Visit our [GitHub Repository](https://github.com/fipguide/fipguide.github.io) to contribute content.
+Alternatively, you can also write to us via the [contact form]({{< ref "contact" >}}).
+
 
-We are the FIP Guide, explaining why and how
-Currently, there is information available for Belgium and Slovakia.
 
-The FIPGuide aims to grow: [GitHub Repository](https://github.com/fipguide/fipguide.github.io)
diff --git a/i18n/de.yaml b/i18n/de.yaml
@@ -5,7 +5,9 @@ country:
   other: Länder
 search-placeholder: Gib ein Land oder Bahnunternehmen ein
 search-button: Suchen
-footer-love: Made with ♥️ in Frankfurt & Köln
+footer-love:
+  text: Made with ♥️ in Frankfurt & Köln
+  aria-label: Made with love in Frankfurt & Köln
 menu-open: Menü
 menu-close: Schließen
 general: Übergreifendes

diff --git a/i18n/en.yaml b/i18n/en.yaml
@@ -5,7 +5,9 @@ country:
   other: countries
 search-placeholder: Type in a country or train operator
 search-button: Search
-footer-love: Made with ♥️ in Frankfurt & Cologne
+footer-love:
+  text: Made with ♥️ in Frankfurt & Cologne
+  aria-label: Made with love in Frankfurt & Cologne
 menu-open: Menu
 menu-close: Close
 general: general

diff --git a/layouts/_default/home.html b/layouts/_default/home.html
@@ -3,14 +3,10 @@
   {{ partial "stage.html" }}
   <section class="container">
     {{ .Content }}
-    {{ T "country"}}:
-    {{ range  where site.RegularPages "Section" "country"}}
-        <a href="{{ .Permalink }}">{{ .Title }}</a>
-    {{ end }}
   </section>
   <section class="container">
-      <div class="row">
-          <h3>Die neuesten Neuigkeiten 🔥</h3>
+      <div class="row justify-content-center">
+          <h2>Die neuesten Neuigkeiten 🔥</h2>
           {{ range first 3 (where site.RegularPages "Section" "news") }}
               {{ partial "teaser.html" . }}
           {{ end }}

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -2,7 +2,12 @@
   <div class="container">
     <h1 data-pagefind-meta="title">{{ .Title }}</h1>
     {{ .Content }} {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
-    {{ .Summary }} {{ end }}
+    <div class="m-teaser">
+      <a href="{{ .RelPermalink }}">
+        <h2 class="m-teaser__headline">{{ .LinkTitle }}</h2>
+      </a>
+      <div>{{ .Summary | plainify | truncate 200 }}</div>
+    </div>
+    {{ end }}
   </div>
 {{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,14 +1,12 @@
 {{ define "main" }}
-<div class="container">
+<article class="container">
     <h1 data-pagefind-meta="title">{{ .Title }}</h1>
 
     {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
     {{ $dateHuman := .Date | time.Format ":date_long" }}
     <div class="updateDate">
         <time datetime="{{ $dateMachine }}">Zuletzt aktualisiert: {{ $dateHuman }}</time>
     </div>
-    <br>
-    <br>
 
     <div class="content">
         {{ .Content }}
@@ -24,5 +22,5 @@ <h3>See Also</h3>
         </ul>
     {{ end }}
     {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
-</div>
+</article>
 {{ end }}
diff --git a/layouts/country/single.html b/layouts/country/single.html
@@ -1,18 +1,17 @@
 {{ define "main" }}
-<div class="container">
+<article class="container">
     <h1 data-pagefind-meta="title">{{ .Title }}</h1>
 
     {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
     {{ $dateHuman := .Date | time.Format ":date_long" }}
     <div class="updateDate">
         <time datetime="{{ $dateMachine }}">Zuletzt aktualisiert: {{ $dateHuman }}</time>
     </div>
-    <br>
-    <br>
-
+    <hr>
     <div class="tableOfContents">
         {{ .TableOfContents }}
     </div>
+    <hr>
 
     <div class="content" data-pagefind-weight="2">
         {{ .Content }}
@@ -28,5 +27,5 @@ <h3>See Also</h3>
         </ul>
     {{ end }}
     {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
-</div>
+</article>
 {{ end }}
diff --git a/layouts/operator/single.html b/layouts/operator/single.html
@@ -1,19 +1,17 @@
 {{ define "main" }}
-<div class="container">
+<article class="container">
     <h1 data-pagefind-meta="title">{{ .Title }}</h1>
 
     {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
     {{ $dateHuman := .Date | time.Format ":date_long" }}
     <div class="updateDate">
         <time datetime="{{ $dateMachine }}">Zuletzt aktualisiert: {{ $dateHuman }}</time>
     </div>
-    <br>
-    <br>
-
+    <hr>
     <div class="tableOfContents">
         {{ .TableOfContents }}
     </div>
-
+    <hr>
     <div class="content" data-pagefind-weight="3">
         {{ .Content }}
     </div>

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,5 +1,5 @@
 <div class="o-footer container">
-  <div>{{ T "footer-love"}}</div>
+  <div aria-label="{{ T "footer-love.aria-label"}}">{{ T "footer-love.text"}}</div>
   <div class="col-12">
     {{ $contactPage := site.GetPage "contact" }}
     {{ if $contactPage }}

diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -5,6 +5,7 @@
 <div class="container o-header">
   <a id="skip-link" class="o-header__skip-link" href="#content">zum Inhalt springen</a>
   <a href="/" aria-label="FIP-Guide Startseite" class="o-header__logo">
+    <h1>FIP-Guide</h1>
     <img aria-hidden="true" src="{{ $logo.RelPermalink }}" alt="">
   </a>
   <div class="o-header__curtain"></div>

diff --git a/layouts/partials/teaser.html b/layouts/partials/teaser.html
@@ -1,4 +1,4 @@
-<a href="{{ .RelPermalink }}" class="m-teaser col-12 col-lg-4">
+<a href="{{ .RelPermalink }}" class="m-teaser col-12 col-lg-4 col-md-6">
   {{ $image := .Page.Resources.GetMatch "image.webp" }}
   <div class="m-teaser__image">
     {{ partial "image.html" $image }}
@@ -8,6 +8,6 @@
   <time class="m-teaser__dateline" datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
   <h3 class="m-teaser__headline">{{ .Title }}</h3>
   <div class="m-teaser__text">
-    {{ .Summary | truncate 100 }}
+    {{ .Summary | plainify | truncate 100 }}
   </div>
 </a>