<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ .Title }} - {{ .Site.Title }}</title>
    <link rel="stylesheet" type="text/css" href="/css/lichterei.css">
</head>
<body class="lampe-type">
{{- partial "header.html" . -}}
<main id="content">
<section class="lichterei-hero">
  <h1>{{ .Title }}</h1>
  <div class="intro">{{ .Content }}</div>
</section>
<section class="lampen-grid">
  {{ range $index, $lampe := .Params.lampen }}
  <figure class="lampe-card" style="animation-delay: {{ div $index 10 }}s">
    <img src="{{ $lampe.bild }}" alt="{{ with $lampe.text }}{{ . }}{{ else }}Lampe {{ add $index 1 }}{{ end }}" loading="lazy">
    {{ with $lampe.text }}<figcaption>{{ . }}</figcaption>{{ end }}
  </figure>
  {{ end }}
</section>
</main>
{{- partial "footer.html" . -}}
</body>
</html>
