summary refs log tree commit diff homepage
diff options
context:
space:
mode:
authorNguyễn Gia Phong <mcsinyx@disroot.org>2022-06-28 02:02:17 +0900
committerNguyễn Gia Phong <mcsinyx@disroot.org>2022-06-28 02:02:17 +0900
commit4fa6f1621b406ce58b91a4ae9a58b392d78b7008 (patch)
treecdf18a6881b65e57e5a57af443cf5bc54aab806e
parentb2195e98804c404e80a5cc4e649d4e59f0d40be7 (diff)
downloadphylactery-4fa6f1621b406ce58b91a4ae9a58b392d78b7008.tar.gz
Abstract template and style
-rw-r--r--static/archive.css4
-rw-r--r--static/base.css12
-rw-r--r--static/directory.css12
-rw-r--r--templates/archive.html5
-rw-r--r--templates/base-head.html5
-rw-r--r--templates/directory.html10
6 files changed, 34 insertions, 14 deletions
diff --git a/static/archive.css b/static/archive.css
index 7bd1c47..628461e 100644
--- a/static/archive.css
+++ b/static/archive.css
@@ -1,5 +1,3 @@
-body { margin: 0 }
-
 nav {
     display: flex;
     justify-content: space-around;
@@ -7,10 +5,8 @@ nav {
     top: 0;
 }
 nav > a {
-    color: white;
     flex: 1;
     text-align: center;
-    text-decoration: none;
 }
 nav > a:hover { font-weight: bold }
 #prev { background-color: #a40000 }
diff --git a/static/base.css b/static/base.css
new file mode 100644
index 0000000..549ac8f
--- /dev/null
+++ b/static/base.css
@@ -0,0 +1,12 @@
+html {
+    background-color: black;
+    font-size: min(max(100%, 2vw), 150%);
+    margin: auto;
+}
+
+body { margin: 0 }
+
+a {
+    color: white;
+    text-decoration: none;
+}
diff --git a/static/directory.css b/static/directory.css
new file mode 100644
index 0000000..b56cd6e
--- /dev/null
+++ b/static/directory.css
@@ -0,0 +1,12 @@
+main {
+    margin: auto;
+    max-width: 25rem;
+}
+
+p {
+    margin: 0;
+    padding: 1ex;
+}
+
+a:nth-child(2n) p { background-color: #5c3566 }
+a:hover { text-decoration: underline }
diff --git a/templates/archive.html b/templates/archive.html
index 3b20ae9..fbd2f7a 100644
--- a/templates/archive.html
+++ b/templates/archive.html
@@ -1,7 +1,4 @@
-<!DOCTYPE html>
-<html lang=en>
-<meta charset=utf-8>
-<link rel=icon href=/static/favicon.svg>
+{{template "base-head.html" -}}
 <link rel=stylesheet href=/static/archive.css>
 <title>{{.Title}}</title>
 <body>
diff --git a/templates/base-head.html b/templates/base-head.html
new file mode 100644
index 0000000..ebb981c
--- /dev/null
+++ b/templates/base-head.html
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<html lang=en>
+<meta charset=utf-8>
+<link rel=icon href=/static/favicon.svg>
+<link rel=stylesheet href=/static/base.css>
diff --git a/templates/directory.html b/templates/directory.html
index c89d388..6fc35fa 100644
--- a/templates/directory.html
+++ b/templates/directory.html
@@ -1,12 +1,10 @@
-<!DOCTYPE html>
-<html lang=en>
-<meta charset=utf-8>
-<link rel=icon href=/static/favicon.svg>
+{{template "base-head.html" -}}
+<link rel=stylesheet href=/static/directory.css>
 <title>{{.Title}}</title>
 <body>
   <main>
-    <p><a href=../>../</a></p>{{range .Entries}}
-    <p><a href="./{{.}}">{{.}}</a></p>{{end}}
+    <a href=../><p>../</p></a>{{range .Entries}}
+    <a href="./{{.}}"><p>{{.}}</p></a>{{end}}
   </main>
 </body>
 </html>