Coat of paint

This commit is contained in:
William 2023-05-02 12:44:55 +02:00
parent 41d45a76ff
commit 8c95e4d8b6
4 changed files with 31 additions and 13 deletions

View File

@ -1,6 +1,7 @@
:root { :root {
--primary: #fff; --primary: #fff;
--secondary: #ddd; --secondary: #eee;
--border: #ccc;
--text: #111; --text: #111;
--links: #00f; --links: #00f;
} }
@ -9,6 +10,7 @@
:root { :root {
--primary: #111; --primary: #111;
--secondary: #222; --secondary: #222;
--border: #444;
--text: #eee; --text: #eee;
--links: #aaf; --links: #aaf;
} }
@ -19,15 +21,26 @@
body { body {
background: var(--primary); background: var(--primary);
margin: 0;
color: var(--text); color: var(--text);
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
font-size: 1rem; font-size: 1rem;
margin: 0;
}
main, header > nav {
padding: .75rem; padding: .75rem;
max-width: 40rem; max-width: 40rem;
margin: auto; margin: auto;
} }
header {
background: #335;
}
header > nav > a {
color: #eee;
text-decoration: none;
}
a { a {
color: var(--links); color: var(--links);
} }
@ -74,6 +87,6 @@ blockquote {
font-style: italic; font-style: italic;
padding: .5rem; padding: .5rem;
padding-left: 1.25rem; padding-left: 1.25rem;
border-left: .25rem solid var(--secondary); border-left: .25rem solid var(--border);
margin: 0; margin: 0;
} }

View File

@ -9,12 +9,19 @@ if (!isset($is_index)) {
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="<?=url('/')?>style.css"> <link rel="stylesheet" href="<?=url('/')?>style.css">
<title><?=$title?><?php if ($is_index) {echo '';} else {echo ' | Willy\'s Website';}?></title> <?php if ($is_index): ?>
<title>Willy's Website</title>
<?php else: ?>
<title><?=$title?> | Willy's Website</title>
<?php endif; ?>
</head> </head>
<body> <body>
<?php if (!$is_index): ?> <header>
<main> <nav>
<h1><a href="<?=url('/')?>">Willy's Website</a> | <?=$title?></h1> <a href="<?=url('/')?>">Willy's Website</a>
<?php endif; ?> </nav>
</header>
<main> <main>
<?php if (!$is_index): ?>
<h1><?=$title?></h1>
<?php endif; ?>

View File

@ -1,6 +1,4 @@
<?= view('header', ['is_index' => true, 'title' => 'Willy\'s Website']) ?> <?= view('header', ['is_index' => true]) ?>
<h1>Willy's Website</h1>
<p><blockquote>More than just willies! Some of the time.</blockquote></p> <p><blockquote>More than just willies! Some of the time.</blockquote></p>

View File

@ -1,4 +1,4 @@
<?= view('header', ['title' => 'Test']) ?> <?= view('header', ['title' => 'The Illusion of Meaning']) ?>
<blockquote>Quote</blockquote> <blockquote>Quote</blockquote>