WIP grid buttons

Dockerfile

@@ -1,7 +1,7 @@
 ##
 ## Build Container
 ##
-FROM golang:1.20-alpine as build
+FROM golang:1.21-alpine as build
 
 
 RUN apk add --no-cache --update git gcc g++

go.mod

@@ -7,7 +7,7 @@ require (
 	github.com/gofiber/fiber/v2 v2.47.0
 	github.com/google/uuid v1.3.0
 	github.com/jmoiron/sqlx v1.3.5
-	github.com/mattn/go-sqlite3 v1.14.17
+	github.com/mattn/go-sqlite3 v1.14.19
 	github.com/spf13/cobra v1.7.0
 	github.com/stretchr/testify v1.8.4
 	github.com/yuin/goldmark v1.5.4

go.sum

@@ -56,6 +56,8 @@ github.com/mattn/go-runewidth v0.0.14/go.mod h1:Jdepj2loyihRzMpdS35Xk/zdY8IAYHsh
 github.com/mattn/go-sqlite3 v1.14.6/go.mod h1:NyWgC/yNuGj7Q9rpYnZvas74GogHl5/Z4A/KQRfk6bU=
 github.com/mattn/go-sqlite3 v1.14.17 h1:mCRHCLDUBXgpKAqIKsaAaAsrAlbkeomtRFKXh2L6YIM=
 github.com/mattn/go-sqlite3 v1.14.17/go.mod h1:2eHXhiwb8IkHr+BDWZGa96P6+rkvnG63S2DGjv9HUNg=
+github.com/mattn/go-sqlite3 v1.14.19 h1:fhGleo2h1p8tVChob4I9HpmVFIAkKGpiukdrgQbWfGI=
+github.com/mattn/go-sqlite3 v1.14.19/go.mod h1:2eHXhiwb8IkHr+BDWZGa96P6+rkvnG63S2DGjv9HUNg=
 github.com/orisano/pixelmatch v0.0.0-20220722002657-fb0b55479cde/go.mod h1:nZgzbfBr3hhjoZnS66nKrHmduYNpc34ny7RK4z5/HM0=
 github.com/philhofer/fwd v1.1.1/go.mod h1:gk3iGcWd9+svBvR0sR+KPcfE+RNWozjowpeBVG3ZVNU=
 github.com/philhofer/fwd v1.1.2 h1:bnDivRJ1EWPjUIRXV5KfORO897HTbpFAQddBdE8t7Gw=

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