diff options
| author | Nguyễn Gia Phong <mcsinyx@disroot.org> | 2022-06-28 02:02:17 +0900 |
|---|---|---|
| committer | Nguyễn Gia Phong <mcsinyx@disroot.org> | 2022-06-28 02:02:17 +0900 |
| commit | 4fa6f1621b406ce58b91a4ae9a58b392d78b7008 (patch) | |
| tree | cdf18a6881b65e57e5a57af443cf5bc54aab806e | |
| parent | b2195e98804c404e80a5cc4e649d4e59f0d40be7 (diff) | |
| download | phylactery-4fa6f1621b406ce58b91a4ae9a58b392d78b7008.tar.gz | |
Abstract template and style
| -rw-r--r-- | static/archive.css | 4 | ||||
| -rw-r--r-- | static/base.css | 12 | ||||
| -rw-r--r-- | static/directory.css | 12 | ||||
| -rw-r--r-- | templates/archive.html | 5 | ||||
| -rw-r--r-- | templates/base-head.html | 5 | ||||
| -rw-r--r-- | templates/directory.html | 10 |
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> |