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

@@ -16,6 +16,6 @@
           </a>
         </li>
       {{ end }}
-</ul>
-</div>
+    </ul>
+  </div>
 {{ end }}

layouts/_default/list.html

@@ -15,6 +15,6 @@
           </a>
         </li>
       {{ 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,6 +1,10 @@
 <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>