From: Ben Sherratt <redacted>
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
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 @@
<body>
<header>
- <h1><?= cx_site_name(); ?></h1>
+ <h1><a href="<?= cx_url('/'); ?>"><?= cx_site_name(); ?></a></h1>
+ <p>Find me <a href="https://mastodon.gamedev.place/@btsherratt" rel="me">@btsherratt</a> or on <a href="https://bts.itch.io/">itch.io</a></p>
</header>
-<nav>
+<?php /*<nav>
<ul role="list">
<li><a href="<?= cx_url('/'); ?>">Home</a></li>
@@ -52,7 +53,8 @@
<li><a href="<?= cx_url($page->url); ?>"><?= $page->title ?></a></li>
<?php endforeach; ?>
</ul>
-</nav>
+
+</nav> */ ?>
<?= cx_template_content(); ?>
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