Web-Projects/blog-static
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add custom style for spirits.

Browse Source
This commit is contained in:
Danila Fedorin
2026-04-18 23:48:09 -07:00
parent 8b9886cc8f
commit ac3804530c
3 changed files with 49 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
assets/scss/spirits.scss Normal file
View File

@@ -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;
}

3
content/writing/spirits/index.md
View File

@@ -1,7 +1,8 @@
--- ---
title: "Persistence of Vision" title: "Persistence of Vision"
date: 2026-04-18T23:26:00-07:00 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 Humid air swirls with colorful spirits. They trace its invisible currents

22
layouts/spirits/baseof.html Normal file
View File

@@ -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>