feat: add the option to identify the train operator

assets/sass/main.scss

@@ -13,6 +13,7 @@
 @import "expander.scss";
 @import "anchorlink.scss";
 @import "booking.scss";
+@import "operatorSearch.scss";
 @import "button.scss";
 @import "startpage.scss";
 @import "interactiveMap.scss";

assets/sass/operatorSearch.scss

@@ -0,0 +1,71 @@
+.o-operator-search__item {
+  margin-bottom: 2rem;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.o-operator-search__item-title {
+  margin-top: 0;
+  margin-bottom: 1.5rem;
+  font-size: 2rem;
+}
+
+.o-operator-search__item-content {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 3rem;
+  align-items: start;
+
+  @media (max-width: #{$breakpoint-md}) {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+}
+
+.o-operator-search__text {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
+
+.o-operator-search__image-wrapper {
+  order: 2;
+
+  @media (max-width: #{$breakpoint-md}) {
+    order: 1;
+  }
+
+  img {
+    width: 100%;
+    height: auto;
+    border-radius: var(--border-radius-m);
+  }
+}
+
+.o-operator-search__actions {
+  margin-top: 1rem;
+}
+
+.o-operator-search__separator {
+  margin: 3rem 0;
+}
+
+.o-operator-search__header {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  width: 100%;
+}
+
+.o-operator-search__title {
+  display: flex;
+  gap: 0.4rem;
+  align-items: center;
+  font-weight: 600;
+}
+
+.o-operator-search__title-text {
+  line-height: 1.1;
+}

content/country/czechia/index.de.md

@@ -19,6 +19,8 @@ Tschechien ist nicht das einfachste Land für die Nutzung von FIP, lässt sich j
 
 Jedoch ist zu beachten, dass nicht mehr auf allen Strecken, auf denen die ČD fährt, auch FIP gültig ist. Zudem gibt es einzelne _kommerzielle Verbindungen_, bei denen ein Aufschlag zu zahlen ist. Mit einem FIP-Freifahrtschein müssen diese Ausnahmen alle beachtet werden, bei durch die ČD verkauften FIP 50 Tickets sollte es einfacher erkenntlich sein, für welche Züge diese gelten. Bei den privaten Betreibern wie Arriva oder Die Länderbahn wird FIP in keinem Fall anerkannt, allerdings sind die Tickets in Tschechien vergleichsweise günstig.
 
+{{< operator-search operators="db-website,cd-website" >}}
+
 ## Wissenswertes
 
 Tschechien besitzt eines der dichtesten Bahnnetze weltweit. Es ist somit möglich, in viele Orte des Landes per Bahn zu gelangen. Die Geschwindigkeiten sind meist nicht besonders hoch, auch gibt es bisher keine Hochgeschwindigkeitsstrecken im Land. Trotzdem ist der Reisekomfort meistens gut oder es herrscht zumindest eine gewisse Nostalgie in älteren Zügen mit.

content/country/czechia/index.en.md

@@ -19,6 +19,8 @@ Czechia is not the easiest country for using FIP, but it is still quite possible
 
 However, note that FIP is no longer valid on all routes operated by ČD. There are also some _commercial services_ where a supplement must be paid. With a FIP Coupon, all these exceptions must be considered, while FIP 50 Tickets sold by ČD should make it easier to see which trains are valid. Private operators like Arriva or Die Länderbahn do not accept FIP at all, but tickets in Czechia are generally quite affordable.
 
+{{< operator-search operators="db-website,cd-website" >}}
+
 ## Interesting
 
 Czechia has one of the densest rail networks in the world. It is possible to reach many places in the country by train. Speeds are usually not very high, and there are currently no high-speed lines in the country. Nevertheless, travel comfort is usually good, or there is at least a certain nostalgia in older trains.

content/country/czechia/index.fr.md

@@ -19,6 +19,8 @@ La Tchéquie n'est pas le pays le plus simple pour utiliser la FIP, mais il rest
 
 Attention, la FIP n'est plus valable sur toutes les lignes exploitées par la ČD. Il existe aussi certains _services commerciaux_ nécessitant un supplément. Avec un Coupon FIP, il faut tenir compte de toutes ces exceptions, tandis que les Billets FIP 50 vendus par la ČD devraient permettre d'identifier plus facilement les trains valables. Les opérateurs privés comme Arriva ou Die Länderbahn n'acceptent pas du tout la FIP, mais les billets en Tchéquie restent généralement très abordables.
 
+{{< operator-search operators="db-website,cd-website" >}}
+
 ## Informations générales
 
 La Tchéquie possède l'un des réseaux ferroviaires les plus denses au monde. Il est possible de rejoindre de nombreux endroits du pays en train. Les vitesses ne sont généralement pas très élevées et il n'existe actuellement pas de lignes à grande vitesse. Le confort de voyage est cependant bon, ou il règne au moins une certaine nostalgie dans les trains plus anciens.

data/operator-search/cd-website/index.de.md

@@ -0,0 +1,7 @@
+---
+title: "DB Website"
+url: "https://example.com/de/mehr"
+---
+
+Willkommen auf unserer deutschen Seite!
+Hier erfährst du mehr über unsere Produkte.

data/operator-search/cd-website/index.en.md

@@ -0,0 +1,7 @@
+---
+title: "DB Website"
+url: "https://example.com/en/more"
+---
+
+Welcome to our English page!
+Find out more about our services here.

data/operator-search/cd-website/index.fr.md

@@ -0,0 +1,7 @@
+---
+title: "DB Website"
+url: "https://example.com/fr/plus"
+---
+
+Bienvenue sur notre page française!
+Découvrez nos services ici.

data/operator-search/db-website/index.de.md

@@ -0,0 +1,6 @@
+---
+title: "DB Website"
+url: "https://bahn.de"
+---
+
+Die Zug kann mit der Verbindungsauskunft gesucht werden. In den _Weiteren Informationen_ des Zuges ist der Betreiber (_Beförderer_) angegeben. Bei grenzüberschreitenden Verbindungen sind oftmals mehrere Betreiber beteiligt.

data/operator-search/db-website/index.en.md

@@ -0,0 +1,6 @@
+---
+title: "DB Website"
+url: "https://int.bahn.de/en"
+---
+
+You can search for trains using the journey planner. In the _More Information_ section for each train, the operator is specified. For cross-border connections, multiple operators are often involved.

data/operator-search/db-website/index.fr.md

@@ -0,0 +1,6 @@
+---
+title: "Site Web DB"
+url: "https://int.bahn.de/fr"
+---
+
+Vous pouvez rechercher des trains à l’aide du planificateur de voyage. Dans la section _Informations supplémentaires_ de chaque train, l’opérateur (_Transporteur_) est indiqué. Pour les liaisons transfrontalières, plusieurs opérateurs sont souvent impliqués.

i18n/de.yaml

@@ -78,6 +78,9 @@ menu:
 navigate-to-country: Gehe zu Land
 news-headline: Was gibt's Neues?
 news-other: Weitere News
+operator-search:
+  learn-more: Zur Website
+  title: Zugbetreiber identifizieren
 operators_without_fip: Betreiber ohne FIP
 related:
   countries: Verwandte Länder

i18n/en.yaml

@@ -77,6 +77,9 @@ menu:
 navigate-to-country: Navigate to country
 news-headline: What's new?
 news-other: Other News
+operator-search:
+  learn-more: To Website
+  title: Identify Train Operators
 operators_without_fip: Operators without FIP
 related:
   countries: Related Countries

i18n/fr.yaml

@@ -77,6 +77,9 @@ menu:
 navigate-to-country: Aller au pays
 news-headline: Quoi de neuf ?
 news-other: Autres actualités
+operator-search:
+  learn-more: Vers le site Web
+  title: Identifier les opérateurs de trains
 operators_without_fip: Opérateurs sans FIP
 related:
   countries: Pays associés

layouts/partials/operator-search.html

@@ -0,0 +1,52 @@
+<summary class="o-expander__summary o-expander__summary--operator-search">
+  <div class="o-operator-search__header">
+    <div class="o-operator-search__title">
+      {{- partial "icon" "search" -}}
+      <span class="o-operator-search__title-text"
+        >{{ T "operator-search.title" }}</span
+      >
+    </div>
+  </div>
+  {{- partial "icon" "keyboard_arrow_down" -}}
+</summary>
+<hr aria-hidden="true" />
+<div class="o-expander__content">
+  {{ range $index, $operator := .operators }}
+    {{ if gt $index 0 }}
+      <hr class="o-operator-search__separator" />
+    {{ end }}
+
+
+    <div class="o-operator-search__item">
+      <h3 class="o-operator-search__item-title">{{ $operator.title }}</h3>
+
+      <div class="o-operator-search__item-content">
+        <div class="o-operator-search__text">
+          <div class="o-single__content">
+            {{ $operator.content | $.original_page.RenderString | safeHTML }}
+          </div>
+
+          {{ if $operator.url }}
+            <div class="o-operator-search__actions">
+              <a
+                href="{{ $operator.url }}"
+                class="a-button"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                {{- partial "icon" "open_in_new" -}}
+                {{ T "operator-search.learn-more" }}
+              </a>
+            </div>
+          {{ end }}
+        </div>
+
+        {{ if $operator.image_resource }}
+          <div class="o-operator-search__image-wrapper">
+            {{- partial "image" $operator.image_resource -}}
+          </div>
+        {{ end }}
+      </div>
+    </div>
+  {{ end }}
+</div>

layouts/shortcodes/operator-search.html

@@ -0,0 +1,75 @@
+{{ $operatorsParam := .Get "operators" }}
+{{ $operators := split $operatorsParam "," }}
+{{ $lang := .Site.Language.Lang }}
+
+{{ $operatorData := slice }}
+
+{{ range $operators }}
+  {{ $operator := strings.TrimSpace . }}
+  {{ $dir := printf "data/operator-search/%s" $operator }}
+  {{ $file := printf "%s/index.%s.md" $dir $lang }}
+
+  {{ if not (fileExists $file) }}
+    {{ errorf "❌ Missing operator-search markdown: %q (language: %s)" $file $lang }}
+  {{ end }}
+
+  {{ $raw := readFile $file }}
+
+  {{ $url := "" }}
+  {{ $title := "" }}
+  {{ $content := $raw }}
+
+  {{ if strings.Contains $raw "---" }}
+    {{ $parts := split $raw "---" }}
+    {{ if ge (len $parts) 3 }}
+      {{ $frontmatterStr := index $parts 1 }}
+      {{ range split $frontmatterStr "\n" }}
+        {{ if strings.Contains . "url:" }}
+          {{ $url = trim (index (split . "url:") 1) "\" \n\r" }}
+        {{ end }}
+        {{ if strings.Contains . "title:" }}
+          {{ $title = trim (index (split . "title:") 1) "\" \n\r" }}
+        {{ end }}
+      {{ end }}
+      {{ $content = strings.TrimSpace (index $parts 2) }}
+    {{ end }}
+  {{ end }}
+
+  {{ $imagePath := printf "images/operator-search/%s.webp" $operator }}
+  {{ $imagePathLang := printf "images/operator-search/%s.%s.webp" $operator $lang }}
+  {{ $imageResource := "" }}
+  {{ with resources.Get $imagePathLang }}
+    {{ $imageResource = . }}
+  {{ else }}
+    {{ with resources.Get $imagePath }}
+      {{ $imageResource = . }}
+    {{ end }}
+  {{ end }}
+
+  {{ if not $imageResource }}
+    {{ errorf "❌ Missing image for operator-search: %q (language: %s). Expected %q or %q" $operator $lang $imagePathLang $imagePath }}
+  {{ end }}
+
+  {{ $item := dict
+    "title" $title
+    "image_resource" $imageResource
+    "url" $url
+    "content" $content
+  }}
+
+  {{ $operatorData = $operatorData | append $item }}
+{{ end }}
+
+{{ $params := dict
+  "operators" $operatorData
+  "original_page" .Page
+}}
+
+
+<details class="details-screen o-expander o-expander--operator-search">
+  {{- partial "operator-search" $params -}}
+</details>
+
+<details open class="details-print o-expander o-expander--operator-search">
+  {{- partial "operator-search" $params -}}
+</details>