Update styles and set up genres list page

layouts/_default/list.html

@@ -1,17 +0,0 @@
-{{ define "main" }}
-  <article>
-      <header>
-          <h1>{{.Title}}</h1>
-      </header>
-      <!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
-      {{.Content}}
-  </article>
-  <ul>
-  <!-- Ranges through content/posts/*.md -->
-  {{ range .Pages }}
-      <li>
-          <a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a>
-      </li>
-  {{ end }}
-  </ul>
-{{ end }}

layouts/_default/taxonomy.html

@@ -0,0 +1,21 @@
+{{ define "main"}}
+  <section>
+    <header style="margin-bottom: 30px;">
+      <h1>{{.Title}}</h1>
+    </header>
+
+    {{range .Pages }}
+      <section>
+        <header class="cluster spacing:between p1" style="align-items: flex-end;">
+          <h2>{{.Data.Term}}</h2>
+          <a href="{{ .Data.Term | urlize }}" class="button button:large">See more</a>
+        </header>
+        <div class="carasol">
+          {{range first 25 .Data.Pages | shuffle }}
+            {{ .Render "summary" }}
+          {{end}}
+        </div>
+      </section>
+    {{end}}
+  </section>
+{{ end }}