Coat of paint
This commit is contained in:
parent
41d45a76ff
commit
8c95e4d8b6
@ -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;
|
||||||
}
|
}
|
@ -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; ?>
|
@ -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>
|
||||||
|
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<?= view('header', ['title' => 'Test']) ?>
|
<?= view('header', ['title' => 'The Illusion of Meaning']) ?>
|
||||||
|
|
||||||
<blockquote>Quote</blockquote>
|
<blockquote>Quote</blockquote>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user