improve style and base layout

layouts/tools/page.html

@@ -1,47 +1,41 @@
 {{ define "main" }}
+
+  <div id="page-header">
   <h1>{{ .Title }}</h1>
 
   {{ $dateMachine := .Date | time.Format "2006-01-02T15:04:05-07:00" }}
   {{ $dateHuman := .Date | time.Format ":date_long" }}
-  Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time>
+  <span class="time">Updated <time datetime="{{ $dateMachine }}">{{ $dateHuman }}</time></span>
+
+  </div>
 
   {{ with .Params.links }}
-  <section>
-    <h2>Links</h2>
-    <ul>
-      {{ range . }}
-        <li><a href="{{ .url }}" target="_blank" rel="noopener">{{ .title }}</a></li>
-      {{ end }}
-    </ul>
+  <section id="quick-links">
+    <h2>Quick Links</h2>
+    <div id="link-list">
+      <ul>
+        {{ range . }}
+          <li><a href="{{ .url }}" target="_blank" rel="noopener">{{ .title }}</a></li>
+        {{ end }}
+      </ul>
+    </div>
   </section>
   {{ end }}
 
-  {{ with .Params.website }}
-  <p>
-    Website: <a href="{{ . }}" target="_blank" rel="noopener">{{ . }}</a>
-  </p>
-  {{ end }}
-
-  {{ with .Params.github }}
-  <p>
-    <a href="{{ . }}" target="_blank" rel="noopener">View on GitHub</a>
-  </p>
-  {{ end }}
-
-  <section>
+  <section id="taxonomies">
     <h2>At a Glance</h2>
-    <table id="taxonomies">
-      <thead>
-        <tr>
-          <th>Taxonomy</th>
-          <th>Terms</th>
-        </tr>
-      </thead>
+    <table id="taxonomy-table">
       <tbody>
         {{ range $taxonomyname, $taxonomy := .Site.Taxonomies }}
         {{ with $taxonomy }}
         <tr>
-          <th>{{ $taxonomyname | strings.FirstUpper }}</th>
+          <td>
+            <a 
+              class="taxonomy-name" 
+              href="{{ "/" | relLangURL }}{{ $taxonomyname }}">
+              {{ $taxonomyname | strings.FirstUpper }}
+            </a>
+            </td>
           <td>
             {{ range $key, $value := $taxonomy }}
               {{ partial "term-link.html" (dict "name" $key "taxonomy" $taxonomyname) }}