Add custom style for spirits.

2026-04-18 23:48:09 -07:00
parent 8b9886cc8f
commit ac3804530c
3 changed files with 49 additions and 1 deletions
--- a/assets/scss/spirits.scss
+++ b/assets/scss/spirits.scss
@@ -0,0 +1,25 @@
+$color-muted-plum: #3d2b3d;
+$color-ashy-orange: #4a3428;
+$color-storm: darken(#1e2a3d, 5%);
+
+html {
+  background-color: $color-storm;
+}
+
+body {
+  background-image: linear-gradient(
+    180deg,
+    $color-storm  0%,
+    $color-muted-plum  5%,
+    $color-ashy-orange 15%,
+    $color-storm 100%,
+  );
+}
+
+code {
+  background: none;
+  border: none;
+  padding: 0;
+  font-family: serif;
+  font-variant-caps: small-caps;
+}
--- a/content/writing/spirits/index.md
+++ b/content/writing/spirits/index.md
@@ -1,7 +1,8 @@
 ---
 title: "Persistence of Vision"
 date: 2026-04-18T23:26:00-07:00
-type: thevoid
+type: spirits
+description: "Humid air swirls with colorful spirits."
 ---

 Humid air swirls with colorful spirits. They trace its invisible currents
--- a/layouts/spirits/baseof.html
+++ b/layouts/spirits/baseof.html
@@ -0,0 +1,22 @@
+{{- /* Note: changing the baseof template because the title, tags, etc. of a regular post are still valid. */ -}}
+<!DOCTYPE html>
+<html lang="{{ .Site.Language.Lang }}">
+    {{- partial "head.html" . -}}
+    <body>
+        {{ $writingcss := resources.Get "scss/writing.scss" | css.Sass | resources.Minify }}
+        <link rel="stylesheet" href="{{ $writingcss.Permalink }}">
+        {{ $spiritscss := resources.Get "scss/spirits.scss" | css.Sass | resources.Minify }}
+        <link rel="stylesheet" href="{{ $spiritscss.Permalink }}">
+        {{- partial "header.html" . -}}
+        <div class="container"><hr class="header-divider"></div>
+        <main class="container">
+
+        {{- if .Draft -}}
+        {{- partial "warning.html" (i18n "postDraft") -}}
+        {{- end -}}
+
+        {{- block "main" . }}{{- end }}
+        </main>
+        {{- block "after" . }}{{- end }}
+    </body>
+</html>