Merge branch 'spotlight-rework' into staging

content/spotlights/_index.md

@@ -0,0 +1,8 @@
+---
+cascade:
+- build:
+    list: local
+    publishResources: false
+    render: never
+title: spotlight section
+---

content/spotlights/ape/index.md

@@ -0,0 +1,26 @@
+---
+title: Piccolo ma potente
+weight: 1
+params:
+  style: style1 orient-right content-align-left image-position-right onscroll-image-fade-in
+  id: ape
+  button:
+    link: siena
+    label: Mehr erfahren
+---
+Die Ape Piaggio, eine Ikone der italienischen Mobilität, repräsentiert
+ein echtes Symbol für Ingenieurskunst und Design. Mit ihren drei Rädern
+und ihrem kompakten Design bewegt sich die Ape geschickt durch die engen
+Gassen der italienischen Städte und die malerischen ländlichen
+Landschaften. Ihre Vielseitigkeit macht sie ideal für eine Vielzahl von
+Anwendungen, von kleinen gewerblichen Transporten bis hin zum ambulanten
+Verkauf von Lebensmitteln.  Stellen Sie sich vor, eine Ape Piaggio,
+beladen mit frischem Obst und Gemüse, bahnt sich ihren Weg durch die
+belebten Märkte von Neapel, oder eine individuell gestaltete Version,
+die handgemachtes Eis entlang der Küsten Siziliens verkauft. Das Summen
+des Motors ist ein vertrautes Geräusch auf den italienischen Plätzen, wo
+die Ape ihre unermüdliche Arbeit mit Anmut und Zuverlässigkeit
+verrichtet.  
+Trotz ihrer geringen Größe hat die Ape Piaggio einen enormen Einfluss
+auf das tägliche Leben in Italien und beweist, dass die besten Dinge
+manchmal in kleinen Paketen kommen.

content/spotlights/monza/index.md

@@ -0,0 +1,24 @@
+---
+title: Monza
+weight: 3
+params:
+  style: style1 orient-right content-align-left image-position-right onscroll-image-fade-in
+  id: monza
+  button:
+    link: philipp
+    label: Mehr erfahren
+---
+Aufgrund der vielen positiven Momente von Siena gingen die Überlegungen
+schnell weiter, was als nächsten passieren könnte. Eine ähnliche Ape
+sollte es nicht werden, denn Konkurrenz aus dem eigenen Haus schien
+unsinnig. Ich stieß auf eine Ape, die ihrersgleichen suchte. Diese
+stellte keineswegs eine Konkurrenz zu Siena dar, da sie auf einem ganz
+anderen Niveau ihre Einsatzmöglichkeiten hatte. Ape Monza ist eindeutig
+zu höherem bestimmt und sollte die Straßen Norddeutschlands nicht
+selbstfahrend erleben. Sie soll auch nicht auf der Straße eingesetzt
+werden, sondern ausschließlich im Innenbereich zum Einsatz kommen.
+Zunächst sollte sie abgeholt und in der Garage geparkt werden. Die
+Einsätze sollen noch kommen, doch erst später. Im Juli, so die
+Abrsprache mit meiner Frau, soll zunächst ruhiger ablaufen. Kraft tanken
+und im Anschluss weiter durchstarten, das war der Plan. Die Geschichte
+der Ape Monza wird weitergehen und mit vielen Momenten gefüllt werden. 

content/spotlights/philipp/index.md

@@ -0,0 +1,12 @@
+---
+title: Philipp
+weight: 5
+params:
+  style: style1 orient-left content-align-left image-position-right onscroll-image-fade-in
+  id: philipp
+  button:
+    link: angebot
+    label: Zum Angebot
+---
+Philipp der Initiator hier der *Bar Filipo*. Leidenschaftlicher
+Gastronom und immer bereit eure Wünsche zu erfüllen.

content/spotlights/siena/index.md

@@ -0,0 +1,60 @@
+---
+title: Siena
+weight: 2
+params:
+  style: style1 orient-left content-align-left image-position-right onscroll-image-fade-in
+  id: siena
+  button:
+    link: monza
+    label: Mehr erfahren
+---
+Im Internet gesehen, genauer gesagt auf der Plattform „subito.it“. Nicht
+ganz leicht gestaltete sich die erst Kontaktaufnahme, denn nur mit einer
+italienischen Telefonnummer ließ sich der Account verifizieren. Hier
+kommt zum ersten Mal Tante Biggi ins Spiel. Biggi ist die Tante meiner
+Frau, die es vor längerer Zeit der Liebe wegen nach Italien verschlagen
+hat. Sie stellte den Kontakt her, telefonierte mit Vittorio, einem
+jungen Italiener und besprach wichtige Details für den Kauf der Ape
+Siena.  Die Ape Siena ist aus dem Jahr 1981, in einem sehr guten Zustand
+befindliche Ape. Außergewöhnlich ist der Zustand aus dem Grunde, da die
+Ape sonst „schon auf dem Hänger vom Werk zum Kunden“ anfangen zu rosten.
+Nicht aber die Ape Siena, sie trotzte dem Wetter, was durchaus auch
+damit begündet war, dass sie den größten Teil ihres Autolebens in der
+Garage von Carlo verbrachte (Foto Garage und Carlo).  Nachdem der
+Kontakt da war, Biggi und ich diesen für seriös erachteten, mietete ich
+mir in Bremen einen Sprinter, der die Ape Siena in den Norden holen
+sollte.  Am Dienstagmittag brachte mich meine bezaubernde Frau Vanessa
+zur Mietstation nach Bremen. Die Reise begann. Nach einem nächtlichen
+Stop in Kempten erreichte ich am Folgetag um 15 Uhr Siena. Hier traf ich
+zum ersten Mal auf Vittorio, der auf mich zukam und mich freundlichst
+empfing. Er lud mich auf einen Espresso und ein Stück Süßgebäck ein.
+Nachdem ich in einem Hotel in der Innenstadt eingescheckt bin,
+verbrachten Vittorio und ich den kompletten Abend gemeinsam. Mein erster
+Kontakt zum Bier „ichnusa non infiltrata“, ein Bier aus dem Süden
+Italiens war hergestellt. Wir unterhielten uns den kompletten Abend auf
+Englisch, dessen Vittorio fließend sprechen konnte. Am Folgetag gingen
+wir in die officio traffico, denn selbst 50 ccm müssen in Italien
+offiziell abgemeldet werden.  Probleme bei der Bezahlung wurden gelöst,
+indem wir in eine Fahrschule im Siena fuhren und dort die Gebühren
+beglichen. Der Weg war also frei, die Ape in den Sprinter zu laden und
+zu verzurren. Nach etwas langer Zeit und ein paar Versuchen war die Ape
+fest mit dem Sprinter verbunden. Wir verabschiedeten uns voneinander,
+doch wusste zumindest ich, dass dies nur eine „Trennung“ auf Zeit war,
+ein gewisses Band schien uns zu verbinden.  Die Rückfahrt verlief ohne
+weitere Zwischenfälle, doch war ich froh, endlich wieder in Deutschland
+zu sein, denn lt. Tante Biggi war nach meiner Abfahrt die
+Brennerautobahn aufgrund von Nebel und daraus resultierender
+Vollsperrung die Brennerautobahn nicht mehr passierbar. 
+
+In Deutschland angekommen, konnte ich entspannen. Doch jetzt begann der
+Kontakt mit der deutschen Bürokratie, die Betriebserlaubnis und
+Erlangung von deutschen Papieren gestaltete sich zunächst sehr
+schwierig. Deutsche Ingeniereruskunst gepaart mit Engstirnigkeit führten
+dazu, das ein weiterer Prüungsgesellschaft aufgesucht werden musste.
+Dann ging alles schnell, die Ape Siena durfte auf deutschen Straßen
+fahren.  Durch Zufall kam Siena schon verfrüht zum Einsatz, nämlich als
+Candybar- mit frischen Waffeln auf einer Hochzeit in der Nähe von
+Oldenburg. Seit dem Zeitpunkt kam es zu weiteren gelegentlichen
+Buchungen. Ende August kam es dann zum Durchbruch und einer Vielzahl an
+Buchungen, die die Siena und seinen Besitzer Filipo bzw. Philipp ganz
+schön ins Schwitzen brachten…

data/ape.yml

@@ -1,18 +0,0 @@
-####################### Spotlight #########################
-style: "style1 orient-right content-align-left image-position-right onscroll-image-fade-in"
-id: "first"
-title : "Piccolo ma potente"
-content: |
-  Die Ape Piaggio, oft liebevoll als "die Ape" bezeichnet, ist ein ikonisches italienisches Kultfahrzeug, das seit 1948 produziert wird. Ursprünglich von Enrico Piaggio und dem Flugzeugkonstrukteur Corradino D'Ascanio entwickelt, basiert das dreirädrige Nutzfahrzeug auf der berühmten Vespa-Roller-Plattform. Die Ape Piaggio zeichnet sich durch ihre Vielseitigkeit, Wirtschaftlichkeit und Robustheit aus, was sie besonders in engen städtischen Umgebungen und auf dem Land beliebt macht. Mit ihrem unverwechselbaren Design und ihrer Fähigkeit, in schwer zugänglichen Gebieten zu manövrieren, hat die Ape Piaggio eine treue Fangemeinde gewonnen und sich als Symbol italienischer Ingenieurskunst etabliert.
-  <br/>
-  <br/>
-  <strong>Alternative</strong><br/>
-  <br/>
-  Die Ape Piaggio, eine Ikone der italienischen Mobilität, repräsentiert ein echtes Symbol für Ingenieurskunst und Design. Mit ihren drei Rädern und ihrem kompakten Design bewegt sich die Ape geschickt durch die engen Gassen der italienischen Städte und die malerischen ländlichen Landschaften. Ihre Vielseitigkeit macht sie ideal für eine Vielzahl von Anwendungen, von kleinen gewerblichen Transporten bis hin zum ambulanten Verkauf von Lebensmitteln.
-  Stellen Sie sich vor, eine Ape Piaggio, beladen mit frischem Obst und Gemüse, bahnt sich ihren Weg durch die belebten Märkte von Neapel, oder eine individuell gestaltete Version, die handgemachtes Eis entlang der Küsten Siziliens verkauft. Das Summen des Motors ist ein vertrautes Geräusch auf den italienischen Plätzen, wo die Ape ihre unermüdliche Arbeit mit Anmut und Zuverlässigkeit verrichtet.
-  <br/>
-  Trotz ihrer geringen Größe hat die Ape Piaggio einen enormen Einfluss auf das tägliche Leben in Italien und beweist, dass die besten Dinge manchmal in kleinen Paketen kommen.
-button:
-  label: "Mehr erfahren"
-  link: "#second"
-image: "images/riccardo-orlando-lWrgk0AlUCA-unsplash.jpg"

data/ape_monza.yml

@@ -1,11 +0,0 @@
-####################### Spotlight #########################
-style: "style1 orient-right content-align-left image-position-right onscroll-image-fade-in"
-id: "third"
-title : "Monza"
-content: |
-  Coming soon.<br/>
-  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-button:
-  label: "Mehr erfahren"
-  link: "#forth"
-image: "images/gabor-papp-ZYAPxdsm_H0-unsplash.jpg"

data/ape_venecia.yml

@@ -1,11 +0,0 @@
-####################### Spotlight #########################
-style: "style1 orient-left content-align-left image-position-right onscroll-image-fade-in"
-id: "second"
-title : "Venecia"
-content: |
-  Die erste Ape.<br/>
-  Bisschen History. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-button:
-  label: "Mehr erfahren"
-  link: "#third"
-image: "images/joshua-kettle-aeacrl_enII-unsplash.jpg"

data/philipp.yml

@@ -1,11 +0,0 @@
-####################### Spotlight #########################
-style: "style1 orient-left content-align-left image-position-right onscroll-image-fade-in"
-id: "forth"
-title : "Philipp"
-content: |
-  Eine Ode an Philipp<br/>
-  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-button:
-  label: "Zum Angebot"
-  link: "#fifth"
-image: "images/joshua-kettle-aeacrl_enII-unsplash.jpg"

layouts/index.html

@@ -1,10 +1,7 @@
 {{ define "main" }}
 
 	{{ partial "banner" site.Data.banner }}
-	{{ partial "spotlight" site.Data.ape }}
-	{{ partial "spotlight" site.Data.ape_venecia }}
-	{{ partial "spotlight" site.Data.ape_monza }}
-	{{ partial "spotlight" site.Data.philipp }}
+	{{ partial "spotlight-headless" . }}
 	{{ partial "gallery" site.Data.gallery }}
 	{{ partial "items" site.Data.items }}
 	{{ partial "footer" . }}

layouts/partials/spotlight-headless.html

@@ -0,0 +1,20 @@
+{{ with .Site.GetPage "/spotlights" }}
+  {{ range .Pages }}
+    <section class="spotlight {{ .Params.style }}" id="{{ .Params.id }}">
+      <div class="content">
+	<h2>{{ .Title }}</h2>
+        <p>{{ .Content }}</p>
+        {{ with .Params.button }}
+        <ul class="actions stacked">
+          <li><a href="#{{ .link }}" class="button smooth-scroll-middle">{{ .label }}</a></li>
+        </ul>
+        {{ end }}
+      </div>
+      {{ range .Resources.ByType "image" }}
+      <div class="image">
+        <img src="{{ .RelPermalink }}" alt="" />
+      </div>
+      {{ end }}
+      </section>
+  {{ end }}
+{{ end }}