footer: Add margin between CCO icons

Treefmt output

assets/css/main.css

@@ -133,7 +133,11 @@ a {
     margin: 0.5rem;
     vertical-align: middle;
     fill: light-dark(var(--uchu-yin), var(--uchu-yang));
-    @media (prefers-color-scheme: dark) { path { fill: white; } }
+    @media (prefers-color-scheme: dark) {
+      path {
+        fill: white;
+      }
+    }
   }
 }
 
@@ -149,7 +153,9 @@ header {
       list-style: none;
       padding: 0 0.5rem;
 
-      a { color: light-dark(var(--uchu-yin), var(--uchu-yang)); }
+      a {
+        color: light-dark(var(--uchu-yin), var(--uchu-yang));
+      }
 
       .active {
         text-decoration: underline;
@@ -166,16 +172,21 @@ article {
   text-justify: inter-word;
   font-variant-numeric: oldstyle-nums;
 
-  img { width: 100%; }
+  img {
+    width: 100%;
+  }
 
-  >p:nth-of-type(2)::first-letter {
+  > p:nth-of-type(2)::first-letter {
     font-size: 3.3rem;
     float: left;
     line-height: 3rem;
     padding-right: 0.2rem;
   }
 
-  p, ul { font-family: var(--serif); }
+  p,
+  ul {
+    font-family: var(--serif);
+  }
 
   .dates {
     display: flex;
@@ -200,11 +211,17 @@ article {
     margin: 0;
   }
 
-  em { color: var(--uchu-red); }
+  em {
+    color: var(--uchu-red);
+  }
 
-  strong { color: var(--uchu-orange); }
+  strong {
+    color: var(--uchu-orange);
+  }
 
-  abbr { text-decoration-color: var(--uchu-blue); }
+  abbr {
+    text-decoration-color: var(--uchu-blue);
+  }
 
   table {
     border-collapse: collapse;
@@ -232,18 +249,25 @@ footer {
       text-decoration: none;
       color: light-dark(var(--uchu-yin), var(--uchu-yang));
 
-      &:hover { text-decoration: none; }
+      &:hover {
+        text-decoration: none;
+      }
     }
 
     svg {
       height: 0.75rem;
       width: 0.75rem;
       vertical-align: middle;
+      margin: 0 1px;
     }
 
     #title {
       svg {
-        @media (prefers-color-scheme: dark) { path { fill: white; } }
+        @media (prefers-color-scheme: dark) {
+          path {
+            fill: white;
+          }
+        }
       }
     }
   }
@@ -269,7 +293,9 @@ footer {
       text-decoration: none;
     }
 
-    h2 { margin: 0; }
+    h2 {
+      margin: 0;
+    }
 
     .lead {
       margin: 0;

flake.nix

@@ -41,6 +41,11 @@
       apps = eachSystem (pkgs: {
         default = {
           type = "app";
+          meta = {
+            description = "Build my blog";
+            homepage = "https://jankremer.eu";
+            license = nixpkgs.lib.licenses.cc0;
+          };
           program =
             (pkgs.writeShellScript "build-website" ''
               set -e

layouts/_default/home.html

@@ -4,18 +4,18 @@
     .Site.RegularPages "Type" "ne" "page")
   }}
   <div class="list">
-  <ul>
+    <ul>
-  {{ range $pages.Pages }}
+      {{ range $pages.Pages }}
-  <li>
+        <li>
-    <a href="{{ .RelPermalink }}" style="display: block">
+          <a href="{{ .RelPermalink }}" style="display: block">
-        <h2>{{ .Title }}</h2>
+            <h2>{{ .Title }}</h2>
-        <p class="lead">{{ .Description }}</p>
+            <p class="lead">{{ .Description }}</p>
-        {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+            {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
-        {{ $dateHuman := .Date | time.Format ":date_long" }}
+            {{ $dateHuman := .Date | time.Format ":date_long" }}
-        <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+            <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
-    </a>
+          </a>
-  </li>
+        </li>
-  {{ end }}
+      {{ end }}
-</ul>
+    </ul>
-</div>
+  </div>
 {{ end }}

layouts/_default/list.html

@@ -1,20 +1,20 @@
 {{ define "main" }}
-  {{ .Content }} 
+  {{ .Content }}
   <div class="list">
-  <ul>
+    <ul>
-  {{ range .Pages }}
+      {{ range .Pages }}
-  <li> 
+        <li>
-  <a href="{{ .RelPermalink }}" style="display: block">
+          <a href="{{ .RelPermalink }}" style="display: block">
-        <h2>{{ .Title }}</h2>
+            <h2>{{ .Title }}</h2>
 
-        <p class="lead">{{ .Description }}</p>
+            <p class="lead">{{ .Description }}</p>
 
-        {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
+            {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
-        {{ $dateHuman := .Date | time.Format ":date_long" }}
+            {{ $dateHuman := .Date | time.Format ":date_long" }}
-        <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+            <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
-    </a>
+          </a>
-  </li> 
+        </li>
-  {{ end }}
+      {{ end }}
-</ul>
+    </ul>
   </div>
 {{ end }}

layouts/_default/single.html

@@ -5,7 +5,12 @@
     {{ $lastmodDateHuman := .Lastmod | time.Format ":date_long" }}
     {{ $lastmodDateMachine := .Lastmod | time.Format "2006-01-02T15:04:05-07:00" }}
     <div class="dates">
-      <p>Editiert: <time datetime="{{ $lastmodDateMachine }}">{{ $lastmodDateHuman }}</time></p> 
+      <p>
+        Editiert:
+        <time datetime="{{ $lastmodDateMachine }}"
+          >{{ $lastmodDateHuman }}</time
+        >
+      </p>
       <p><time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></p>
     </div>
     <h1>{{ .Title }}</h1>

layouts/partials/footer.html

@@ -1,15 +1,19 @@
 <ul>
   <li>
-    <a href="https://creativecommons.org/publicdomain/zero/1.0/">
+    <a
+      href="https://creativecommons.org/publicdomain/zero/1.0/"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
       {{ partial "cc.svg" . }}
       {{ partial "zero.svg" . }}
     </a>
   </li>
   <li>
-  <a href="/about" id="title">
+    <a href="/about" id="title">
-    {{ partial "logo.svg" . }}
+      {{ partial "logo.svg" . }}
-    {{ site.Title }}
+      {{ site.Title }}
-  </a>
+    </a>
   </li>
   <li>2021–{{ now.Year }}</li>
 </ul>

layouts/partials/terms.html

@@ -12,11 +12,11 @@
   <div class="tags">
     <ul>
       <li>Tags:</li>
-    <ul>
+      <ul>
-      {{- range . }}
+        {{- range . }}
-        <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+          <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
-      {{- end }}
+        {{- end }}
-    </ul>
+      </ul>
     </ul>
   </div>
 {{- end }}