From: Ben Sherratt Date: Wed, 13 Mar 2024 22:22:48 +0000 (+0000) Subject: style update X-Git-Url: https://git.bts.cx/cx.git/commitdiff_plain/85fe5bf672260a88151fa02d1d6d224762edd6a2?ds=sidebyside;hp=eb6721b2250c796d202a16d4f9d01398b2acabe2 style update --- diff --git a/cx/templates/public/base.php b/cx/templates/public/base.php index f5e9670..95f8681 100644 --- a/cx/templates/public/base.php +++ b/cx/templates/public/base.php @@ -40,10 +40,11 @@

Find me @btsherratt or on itch.io

- + + */ ?> diff --git a/public/design/css/style.css b/public/design/css/style.css index e3e88d0..a09110f 100644 --- a/public/design/css/style.css +++ b/public/design/css/style.css @@ -5,25 +5,8 @@ } @font-face { - font-family: Fanwood; - src: url(/design/fonts/fanwood/fanwood-webfont.woff); -} - -@font-face { - font-family: Fanwood; - src: url(/design/fonts/fanwood/fanwood_italic-webfont.woff); - font-style: italic; -} - -@font-face { - font-family: "Fanwood Text"; - src: url(/design/fonts/fanwood/fanwood_text-webfont.woff); -} - -@font-face { - font-family: "Fanwood Text"; - src: url(/design/fonts/fanwood/fanwood_text_italic-webfont.woff); - font-style: italic; + font-family: "League Spartan"; + src: url(/design/fonts/raleway/LeagueSpartan-VF.woff); } /* Layout */ @@ -33,22 +16,31 @@ body { flex-direction: column; min-height: 100vh; padding: 5vh clamp(1rem, 5vw, 3rem) 1rem; - font-family: Fanwood, serif; + font-family: "League Spartan", sans-serif; font-size: 1.4em; line-height: 1.2em; color: #222; } body > * { - --layout-spacing: max(8vh, 3rem); - --max-width: 60ch; + --layout-spacing: 4em; + --max-width: 50ch; width: min(100%, var(--max-width)); margin-left: auto; margin-right: auto; } +header { + margin-bottom: 8vh; +} + header h1 { - font-size: 4em; + font-size: 2em; +} + +header h1 a { + color: #000; + text-decoration: none; } nav ul { @@ -69,7 +61,6 @@ nav [aria-current="page"] { font-weight: bold; } -main, main > * + * { margin-top: var(--layout-spacing); } @@ -86,6 +77,10 @@ body > footer div { color: #767676; } +article { + font-weight: lighter; +} + article * + * { margin-top: 1em; } @@ -104,11 +99,10 @@ article > h1 + .updated { } hr { - width: 80%; margin: 4em auto; border: 0; height: 1px; - background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); + background: #ccc; } /* Typography */ @@ -144,7 +138,7 @@ a:focus { /* Media */ article + article { - border-top: 1px dashed #ccc; + border-top: 1px solid #ccc; padding-top: var(--layout-spacing); } diff --git a/public/design/fonts/league_spartan/LeagueSpartan-VF.woff b/public/design/fonts/league_spartan/LeagueSpartan-VF.woff new file mode 100644 index 0000000..97f5f98 Binary files /dev/null and b/public/design/fonts/league_spartan/LeagueSpartan-VF.woff differ diff --git a/public/design/fonts/raleway/Raleway-Italic-VF.woff b/public/design/fonts/raleway/Raleway-Italic-VF.woff new file mode 100644 index 0000000..65b33ff Binary files /dev/null and b/public/design/fonts/raleway/Raleway-Italic-VF.woff differ diff --git a/public/design/fonts/raleway/Raleway-VF.woff b/public/design/fonts/raleway/Raleway-VF.woff new file mode 100644 index 0000000..f7ac9b6 Binary files /dev/null and b/public/design/fonts/raleway/Raleway-VF.woff differ