diff options
| author | Shulhan <ms@kilabit.info> | 2022-06-21 23:51:28 +0700 |
|---|---|---|
| committer | Shulhan <ms@kilabit.info> | 2022-06-21 23:51:28 +0700 |
| commit | 9c09da3d24d6ea395c2c40aa3e35d9050fbe0e99 (patch) | |
| tree | 5dc4bc0ac15e81fe99e86ff42f8628e2bcf24416 /_content | |
| parent | 751f5f698c2cdc9ffd41bcfeca078d3fb6ac02a3 (diff) | |
| download | kilabit.info-9c09da3d24d6ea395c2c40aa3e35d9050fbe0e99.tar.xz | |
content: add fixed background image
Minimize dullness on the site ;)
Diffstat (limited to '_content')
| -rw-r--r-- | _content/assets/images/maple-leaf-transparent-540.png | bin | 0 -> 429830 bytes | |||
| -rw-r--r-- | _content/index.css | 8 | ||||
| -rw-r--r-- | _content/template.gohtml | 112 |
3 files changed, 65 insertions, 55 deletions
diff --git a/_content/assets/images/maple-leaf-transparent-540.png b/_content/assets/images/maple-leaf-transparent-540.png Binary files differnew file mode 100644 index 0000000..6486ff7 --- /dev/null +++ b/_content/assets/images/maple-leaf-transparent-540.png diff --git a/_content/index.css b/_content/index.css index ca57c40..bc2534d 100644 --- a/_content/index.css +++ b/_content/index.css @@ -66,6 +66,14 @@ pre { word-wrap: break-word; } +img.background { + position: fixed; + top: 0; + left: 0; + z-index: -1; + opacity: 0.1; +} + .topbar-left { font-size: 24px; font-weight: bold; diff --git a/_content/template.gohtml b/_content/template.gohtml index 1168631..c769552 100644 --- a/_content/template.gohtml +++ b/_content/template.gohtml @@ -1,63 +1,65 @@ <!DOCTYPE html> <html> - <head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - <meta name="theme-color" content="#375EAB" /> - <title>{{.Title}}</title> - <link href="/index.css" rel="stylesheet" type="text/css" media="all"> - </head> - <body> - <div class="topbar"> - <div class="topbar-left"> - <div> - <a href="/">kilabit.info</a> - </div> - <span - class="topbar-info" - title="Pick 2!" - > - Simple | Small | Stable | Secure - </span> - </div> - <div class="topbar-right"> - <a href="https://sr.ht/~shulhan" target="_blank"> - <span class="sourcehut-icon"> - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> - <path d="M256 8C119 8 8 119 8 256s111 248 248 248 +<head> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1" /> + <meta name="theme-color" content="#375EAB" /> + <title>{{.Title}}</title> + <link href="/index.css" rel="stylesheet" type="text/css" media="all"> +</head> + +<body> + <img class="background" src="/assets/images/maple-leaf-transparent-540.png" /> + + <div class="topbar"> + <div class="topbar-left"> + <div> + <a href="/">kilabit.info</a> + </div> + <span class="topbar-info" title="Pick 2!"> + Simple | Small | Stable | Secure + </span> + </div> + + <div class="topbar-right"> + <a href="https://sr.ht/~shulhan" target="_blank"> + <span class="sourcehut-icon"> + <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> + <path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"> - </path> - </svg> - </span> - </a> - <a href="https://github.com/shuLhan" target="_blank"> - <img src="/assets/images/github.svg" /> - </a> - <a href="https://twitter.com/_shuLhan" target="_blank"> - <img src="/assets/images/twitter.svg" /> - </a> - </div> - </div> + </path> + </svg> + </span> + </a> + <a href="https://github.com/shuLhan" target="_blank"> + <img src="/assets/images/github.svg" /> + </a> + <a href="https://twitter.com/_shuLhan" target="_blank"> + <img src="/assets/images/twitter.svg" /> + </a> + </div> + </div> + + <div class="page"> + <div class="container"> + {{.Body}} + </div> + <!-- .container --> + </div> + <!-- .page --> - <div class="page"> - <div class="container"> - {{.Body}} - </div> - <!-- .container --> - </div> - <!-- .page --> + <div class="footer"> + <div> + Copyright 2020, Shulhan <m.shulhan@gmail.com>. All rights + reserved. + </div> + <div> + Powered by + <a href="https://sr.ht/~shulhan/ciigo" target="_blank">ciigo</a> + </div> + </div> +</body> - <div class="footer"> - <p> - Copyright 2020, Shulhan <m.shulhan@gmail.com>. All rights - reserved. - </p> - <p> - Powered by - <a href="https://sr.ht/~shulhan/ciigo" target="_blank">ciigo</a> - </p> - </div> - </body> </html> |
