Hugo gallery shortcode

gallery3.html

<div class="slider">
    <ul class="slides">
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 0 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 1 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 2 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
    </ul>
  </div>

gallery5.html

<div class="slider">
    <ul class="slides">
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 0 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 1 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 2 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 3 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
      <li>
        {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get 4 )) }}
        {{ .Scratch.Set "image" ($original.Fill "800x400") }}
        {{ $image := .Scratch.Get "image" }}
        <img src="{{ $image.RelPermalink }}">
      </li>
    </ul>
  </div>

index.md

title	date	resources
Whale Watching	2013-08-27 05:11:22 +0100	src whale.jpg src whale1.jpg src whale2.jpg src whale3.jpg src whale4.jpg

Letztes Wochenende gingen wir mit der Familie auf eine Whale Watching Tour. Whale Watching ist diese Veranstaltung, wo man hinter den Walen mit dem Boot herfährt.

Um rechtzeitig auf das Boot gehen zu können mussten wir am Sonntag morgen schon um 7 Uhr aufstehen. Dies ist sehr früh für ein Wochenende. Nach kleinem Z'Morgen und Dusche ging es dann zum Hafen in Cairns. Danach suchten wir einen schönen Platz auf dem obersten Deck des Schiffs. Allerdings hatte die Sonne wieder einmal kein Mitleid mit der Europäischen Haut, so dass Felix und ich dann schnell uns mal ins innere des Boots verkrochen. (Sogar meine Gasteltern fanden, dass die Sonne stark sei.) Wir hielten also aus den Fenstern ausschau nach Walen.

Doch lange Zeit sahen wir einfach keinen Wal. Ich ging also auf das Oberdeck und wollte etwas mit meinen Gasteltern sprechen. Genau in diesem Moment sahen wir einen Wal. Der Wal war nur etwa 300m entfernt. Der Kapitän steuerte natürlich dann auf die Wale zu und ich konnte ein sehr schönes Breaching sehen. Breaching ist dieses Aufspringen und dann nach hinten "plumpsen". Wir folgten also diesem Wal etwa eine halbe Stunde und dann mussten wir leider gleich wieder nach Hause.

Wir waren alle überglücklich die Wale gesehen zu haben. Der Kapitän sagte sogar, das er heute fast mit einem Donat (so nennt sich das wenn der Kapitän keine Wale findet) gerechnet hatte.

Zum Glück war das nicht der Fall.

Hier noch eine Gallerie mit den schönsten Bilder:

{{< gallery5 whale whale1 whale2 whale3 whale4 >}}