docs: add logo to sidebar, fix footer positioning, and switch to em units for responsive consistency

doc/site/template.html

@@ -14,18 +14,20 @@
   <div class="page">
     <div class="main-column">
       <h1><a href="./">wren</a></h1>
-      <h2>a classy little scripting language</h2>
+      <h2>a classy little scripting language</h2>      
     </div>
   </div>
 </header>
 <div class="page">
   <nav class="big">
+    <a href="./"><img src="./wren.svg" class="logo"></a>
     <ul>
       <li><a href="getting-started.html">Getting Started</a></li>
       <li><a href="contributing.html">Contributing</a></li>
+      <li><a href="blog">Blog</a></li>
     </ul>
     <section>
-      <h2>language guide</h2>
+      <h2>guides</h2>
       <ul>
         <li><a href="syntax.html">Syntax</a></li>
         <li><a href="values.html">Values</a></li>
@@ -58,7 +60,7 @@
         <td><a href="contributing.html">Contributing</a></td>
       </tr>
       <tr>
-        <td colspan="2"><h2>language guide</h2></td>
+        <td colspan="2"><h2>guides</h2></td>
         <td><h2>reference</h2></td>
       </tr>
       <tr>
@@ -94,7 +96,7 @@
     </table>
   </nav>
   <main>
-    <h1>{title}</h1>
+    <h2>{title}</h2>
     {html}
   </main>
 </div>