WIP grid buttons

render/templates/base.tmpl

@@ -10,9 +10,14 @@
         <link rel="alternate" type="application/rss+xml" title="RSS" href="/index.xml">
         
         <link rel='stylesheet' href='/static/pico.min.css'>
+        <link rel='stylesheet' href='/static/style.css'>
         <style>
+            :root {
+                --color-primary: {{.SiteConfig.HeaderColor}};
+            }
+
             header {
-                background-color: {{.SiteConfig.HeaderColor}};
+                background-color: var(--color-primary);
                 padding-bottom: 1rem !important;
             }
 

render/templates/views/admin.tmpl

@@ -3,11 +3,11 @@
 {{define "main"}}
 <h2>Write</h2>
 
-<ul>
+<div class="action-tile-list">
     {{range .Types}}
-    <li><a href="/editor/new/{{.}}/">{{.}}</a></li>
+    <div class="action-tile"><a href="/editor/new/{{.}}/">{{.}}</a></div>
     {{end}}
-</ul>
+</div>
 
 <h2>Content</h2>
 <ul>

web/static/style.css

@@ -0,0 +1,16 @@
+.action-tile-list {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+} 
+
+.action-tile {
+    border: 1px solid var(--color-primary);
+    padding: 20px;
+    flex: 1 1 0px;
+    margin: 6px;
+    min-width: 20%;
+    text-align: center;
+    background: var(--color-primary);
+    border-radius: 4px;
+}