home (#9)

* pretty home page

* rearrange; services > tools & quick > links

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>

src/tools.md

@@ -14,7 +14,7 @@ little easier in this uni… maybe…
 </header>
 
 
-- [Fee Payment Email Format](/services/feemailformat)
+- [Fee Payment Email Format](./feemailformat)
 
 <big class="container">MORE COMING SOON&hellip;</big>
 <p>&hellip;someone has to make them and they are lazy</p>

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;}