<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>
<li><a href="<?= cx_url($page->url); ?>"><?= $page->title ?></a></li>
<?php endforeach; ?>
</ul>
-</nav>
+
+</nav> */ ?>
<?= cx_template_content(); ?>
}
@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 */
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 {
font-weight: bold;
}
-main,
main > * + * {
margin-top: var(--layout-spacing);
}
color: #767676;
}
+article {
+ font-weight: lighter;
+}
+
article * + * {
margin-top: 1em;
}
}
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 */
/* Media */
article + article {
- border-top: 1px dashed #ccc;
+ border-top: 1px solid #ccc;
padding-top: var(--layout-spacing);
}