M content/assets/style.css +1 -0
@@ 3,6 3,7 @@ body {margin: 0 auto;padding:0 2ch;max-w
body > header {position: absolute;top: 0;width: 76ch;display: flex;justify-content: space-between;}
h1,h2,h3,h4,h5,h6 {margin:0;font-size:1.2rem;}
main > header {margin: 4rem 0 2rem;}
+section {margin-bottom: 2rem;}
main > time {color:gray;}
#blog-list ul {list-style: none;padding: 0;}
#blog-list time {color: gray;font-style: italic;}
M content/index.html +12 -4
@@ 1,11 1,19 @@
<h1>home</h1>
-<p>The quick brown fox jumps over the lazy dog.</p>
+<section id="intro">
+ <p>The quick brown fox jumps over the lazy dog.</p>
+</section>
-<p><a class="btn" href="/whoami">whoami</a></p>
+<section id="subpages">
+ <h2>subpages</h2>
+ <p>
+ <a class="btn" href="/whoami">whoami</a> /
+ <a class="btn" href="/projects">projects</a>
+ </p>
+</section>
-<section id="notes">
- <h2 id="notes">notes</h2>
+<section id="writing">
+ <h2>writing</h2>
<div id="blog-list"></div>
</section>