pretty home page

src/_includes/navlist.md

@@ -1,3 +1,3 @@
 
-- [Services](/services)
+- [Tools](/tools)
-- [Quick](/quick)
+- [Links](/links)

src/index.md

@@ -3,11 +3,20 @@ layout: base
 title: home
 ---
 
-<q>{{site.name}}</q> is called what it is
+<article>
-because it's a free domain that happened
+<p>These are supposed to be tools and the sort that will
-to also be pretty catchy.
+make EFL University a little easier.</p>
 
-These are supposed to be tools that will
+<nav style="width:50%;margin:auto;">
-make EFL University a little easier.
+        <a href="/tools" role="button">Tools</a>
+        <a href="/links" role="button">Links</a>
+</nav>
+</article>
+
+<aside>
+<p><q>{{site.name}}</q> is called what it is
+because it's a free domain that happened
+to also be pretty catchy.</p>
 
 PS: It's pronounced [kruh-**sahnt**] in English. ([Dictionary.com](https://www.dictionary.com/browse/croissant))
+</aside>

static/site.css

@@ -1 +1 @@
-body{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;min-height:100vh;}header{--spacing:.1rem;}header h1{--typography-spacing-vertical:0px;}footer h1{--typography-spacing-vertical:.3rem;--font-size:1rem;}main{flex-grow:1;}
+body{display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;min-height:100vh;}header{--spacing:.1rem;}header h1{--typography-spacing-vertical:0px;}footer h1{--typography-spacing-vertical:.3rem;--font-size:1rem;}main{flex-grow:1;}.m-a{margin:auto;}