diff options
| author | verdant <i@glowisle.me> | 2026-03-25 22:53:21 +0800 |
|---|---|---|
| committer | verdant <i@glowisle.me> | 2026-03-25 22:53:21 +0800 |
| commit | 2e4a0fee929f595eb180cce8583be7985e4b5331 (patch) | |
| tree | 606d62ad64528e3cc33f3432cf77203c5c50aebb /layouts | |
| parent | 03757128df8774136f68acddcd346ffa3ee275fe (diff) | |
| download | blog-2e4a0fee929f595eb180cce8583be7985e4b5331.tar.gz blog-2e4a0fee929f595eb180cce8583be7985e4b5331.zip | |
style: refactor index page
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_default/baseof.html | 11 | ||||
| -rw-r--r-- | layouts/_default/single.html | 2 | ||||
| -rw-r--r-- | layouts/partials/style.html | 32 | ||||
| -rw-r--r-- | layouts/shortcodes/recent-posts.html | 2 |
4 files changed, 35 insertions, 12 deletions
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index aad83c9..ebc6a41 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,4 +1,15 @@ <!doctype html> +<GNU> + ______ ____ _____ _____ _____ _________ _______ _ __ _ _ + .' ___ ||_ \|_ _||_ _||_ _| | _ _ | |_ __ \ / |_ [ | / |_ / |_ +/ .' \_| | \ | | | | | | |_/ | | \_|.---. _ .--. _ .--. _ __ | |__) |_ .--. ,--. `| |-'.---. | |--. .---.`| |-'`| |-' +| | ____ | |\ \| | | ' ' | | | / /__\\[ `/'`\][ `/'`\][ \ [ ] | ___/[ `/'`\]`'_\ : | | / /'`\] | .-. |/ /__\\| | | | +\ `.___] |_| |_\ |_ \ \__/ / _| |_ | \__., | | | | \ '/ / _| |_ | | // | |,| |,| \__. | | | || \__.,| |, | |, + `._____.'|_____|\____| `.__.' |_____| '.__.'[___] [___] [\_: / |_____| [___] \'-;__/\__/'.___.'[___]|__]'.__.'\__/ \__/ + \__.' + + "A man is not dead while his name is still spoken." +</GNU> <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}"> <head> <meta http-equiv="X-Clacks-Overhead" content="GNU Terry Pratchett" /> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 1cf2f18..d7b9807 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,7 +1,7 @@ {{ define "main" }} <header> <a href="{{ "" | relURL }}" class="title"> - <p class="site-title">{{ .Site.Title }}<p> + <p class="site-title">{{ .Site.Title }}</p> </a> <nav>{{- partial "nav.html" . -}}</nav> diff --git a/layouts/partials/style.html b/layouts/partials/style.html index 0c11755..4b29810 100644 --- a/layouts/partials/style.html +++ b/layouts/partials/style.html @@ -1,9 +1,10 @@ <style> + :root { - --width-max: 680px; + --width-max: 720px; --font-secondary: monospace; - --font-size-primary: 1rem; - --font-size-secondary: .85rem; + --font-size-primary: 1.1rem; + --font-size-secondary: .83rem; --body-bg-color: #fbfbf6; --bold-text-color: #222; --body-text-color: #444; @@ -33,6 +34,14 @@ margin-top: 1.6rem; } +.e-content h2, +.e-content h3, +.e-content h4, +.e-content h5, +.e-content h6 { + font-weight: 400; +} + h1, h2 { margin: 0; padding: 0; @@ -79,7 +88,6 @@ h1, h2 { body { - font-family: var(--font-primary); font-size: var(--font-size-primary); margin: auto; padding: 20px; @@ -202,14 +210,16 @@ footer { .post-title a.item-link { -font-size: 1.5rem; +font-size: 1.8rem; +} + +h1.post-title { + margin-top: 0; } .post-title { margin: 0 !important; display: inline-block; - font-size: 1.5rem !important; - } .post-date, .post-date-shortcode { @@ -781,15 +791,13 @@ color: var(--body-text-color); } .post-title { - margin: 20px 0 !important; - font-size: 1.5rem !important; + font-size: 26.4px; line-height: 1.4 !important; display: block !important; padding: 0 !important; } .post-title a { - margin: 0 !important; display: inline-block !important; padding: 0 !important; } @@ -805,4 +813,8 @@ header { display: block; } +gnu { + display: none; +} + </style> diff --git a/layouts/shortcodes/recent-posts.html b/layouts/shortcodes/recent-posts.html index 55f7cd4..ce5fba0 100644 --- a/layouts/shortcodes/recent-posts.html +++ b/layouts/shortcodes/recent-posts.html @@ -1,5 +1,5 @@ {{ $pages := where site.RegularPages "Type" "in" site.Params.mainSections }} -{{ $recent := first 12 $pages.ByDate.Reverse }} +{{ $recent := first 10 $pages.ByDate.Reverse }} <style> .recent-list { |