feat: layout for GLNs

assets/css/datapage.scss

@@ -0,0 +1,47 @@
+@use "hugo:vars" as v;
+
+
+@media(min-width: v.$bp_mobile) {
+  .datapage {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+  }
+
+  .datapage__content {
+    order: 1;
+  }
+
+  .datapage__data {
+    order: 2;
+    min-width: 350px;
+  }
+
+  .datapage__datacard {
+    background-color: white;
+    box-shadow: 0 1.5rem 4rem rgba(22,28,45,0.05) !important;
+    padding: 1.5rem;
+  }
+}
+
+.datapage__datacard {
+  address {
+    white-space: preserve-breaks;
+    font-style: normal;
+  }
+
+  h3 {
+    font-weight: 600;
+  }
+
+  h4 {
+    color: v.$color_tertiary;
+    font-variant: small-caps;
+  }
+}
+
+.datapage__content {
+  img {
+    max-width: 100%;
+  }
+}

layouts/gln.html

@@ -0,0 +1,39 @@
+{{ define "main" }}
+
+  <h1 class="page__title">{{ .Title }}</h1>
+
+  {{ $dateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }}
+  {{ $dateHuman := .Lastmod | time.Format ":date_long" }}
+  <div class="page__date">
+    {{ T "Updated" }}
+    <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+  </div>
+<div class="datapage">
+  <div class="datapage__data">
+    <div class="datapage__datacard">
+      <h3>{{ T "Location Details" }}</h3>
+      <h4>{{ T "Address" }}</h4>
+      <address>{{ .Params.address }}</address>
+      <h4>
+        {{ T "Telephone" }}
+      </h4>
+      <p>
+        <a href="tel:{{ .Params.telephone }}">{{ .Params.telephone }}</a>
+      </p>
+      <h4 class="fw-bold text-uppercase text-gray-700 mb-2">
+        GLN
+      </h4>
+      <p>
+        {{ with resources.Get (printf "/images/gln/%s.png" .Params.gln) }}
+          <img src="{{ .RelPermalink }}" alt="{{ .Params.gln }}" style="width: 100%;">
+        {{ end }}
+      </p>
+    </div>
+  </div>
+  <div class="datapage__content">
+
+    {{ .Content }}
+    {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+  </div>
+</div>
+{{ end }}