single.html

{{ define "title" }}
  {{ .Title }} – {{ .Site.Title }}
{{ end }}

{{ define "main" }}
  <div class="row mt-2 mb-3">
    <div class="col-md-4">
      <div class="bg-body p-2">
        <h1>Factsheet</h1>
        <ul>
          <li>Developer: Purple Sloth Studio e.G.</li>
          {{ if isset .Params.Facts "release" }}
            <li>Release Date: {{ .Params.Facts.release }}</li>
          {{ end }}
          {{ if isset .Params.Facts "plat1" }}
            <li>Platforms:
              <ul>
                <li>{{ .Params.Facts.plat1 }}</li>
                {{ if isset .Params.Facts "plat2" }}
                  <li>{{ .Params.Facts.plat2 }}</li>
                {{ end }}
                {{ if isset .Params.Facts "plat3" }}
                  <li>{{ .Params.Facts.plat3 }}</li>
                {{ end }}
              </ul>
            </li>
          {{ end }}

          <li>Website: <a href="https://purplesloth.studio/games/chronescher/">purplesloth.studio</a></li>
        </ul>
      </div>

      <div class="bg-body p-2">
        <h1>Contact</h1>

        <h2>Inquiries</h2>
        {{ if isset .Params.Contact "address" }}
          <a href="mailto:{{ .Params.Contact.address }}">{{ .Params.Contact.address }}</a>
        {{ else }}
          <a href="mailto:Info@purplesloth.studio">info@purplesloth.studio</a>
        {{ end }}

        <h2>Twitter</h2>
        <a href="https://twitter.com/studio_sloth">@studio_sloth</a>

        <h2>Web</h2>
        <a href="https://purplesloth.studio/">purplesloth.studio/</a>
      </div>

      {{ if isset .Params.Links "de" }}
        <a href="{{ .Params.Links.de }}" class="btn btn-block btn-big bg-brand mb-1">Deutsch</a>
      {{ end }}
      {{ if isset .Params.Links "en" }}
        <a href="{{ .Params.Links.en }}" class="btn btn-block btn-big bg-brand mb-1">English</a>
      {{ end }}
      {{ if isset .Params.Links "gamepage" }}
        <a href="{{ .Params.Links.gamepage }}" class="btn btn-block btn-big bg-brand mb-1">Game Page</a>
      {{ end }}
    </div>

    <div class="col-md-8">
      <div class="bg-body p-2">
        <h1>{{ .Title }}</h1>
        {{ .Content }}

        {{ if eq .Params.lang "en" }}
          <h2>Logo & Title</h2>
          <ul class="tiles mb-3">
            {{ range .Resources.Match "logos/*" }}
              {{ $thumbnail := .Resize "400x" }}
              <li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="w-100 img-cover"></a></li>
            {{ end }}
          </ul>

          <h2>Images</h2>
          <ul class="tiles mb-3">
            {{ range .Resources.Match "screenshots/*" }}
              {{ $thumbnail := .Resize "400x" }}
              <li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="h-100 w-100 img-cover img-border"></a></li>
            {{ end }}
          </ul>
          {{ range (where .Site.Pages "Type" "=" "aboutPPSen") }}
            {{ .Content }}
          {{ end }}
        {{ end }}
        {{ if eq .Params.lang "de" }}
          <h2>Logo & Titel</h2>
          <ul class="tiles mb-3">
            {{ range .Resources.Match "logos/*" }}
              {{ $thumbnail := .Resize "400x" }}
              <li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="w-100 img-cover"></a></li>
            {{ end }}
          </ul>

          <h2>Bilder</h2>
          <ul class="tiles mb-3">
            {{ range .Resources.Match "screenshots/*" }}
              {{ $thumbnail := .Resize "400x" }}
              <li><a href="{{ .RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .Title }}" class="h-100 w-100 img-cover img-border"></a></li>
            {{ end }}
          </ul>
          {{ range (where .Site.Pages "Type" "=" "aboutPPSde") }}
            {{ .Content }}
          {{ end }}
        {{ end }}
      </div>
    </div>
  </div>
{{ end }}