diff options
| author | Kleidi Bujari <mail@4kb.net> | 2024-12-18 20:17:41 -0500 |
|---|---|---|
| committer | Kleidi Bujari <mail@4kb.net> | 2024-12-18 20:20:52 -0500 |
| commit | b847b87823dfd7e1b7870c67ea32199bc607f852 (patch) | |
| tree | 54a2923544e0bb765a3218e8c40c793f952ca421 /mod/web/blog/templates/base.html | |
| parent | eb13a9a552f9e50a66faba985521ba8e3483c447 (diff) | |
| download | depot-b847b87823dfd7e1b7870c67ea32199bc607f852.tar.gz depot-b847b87823dfd7e1b7870c67ea32199bc607f852.tar.bz2 depot-b847b87823dfd7e1b7870c67ea32199bc607f852.zip | |
Enable github actions
Moved personal blog to be built in this tree. Also enables github
actions to host the site on pages.
Diffstat (limited to 'mod/web/blog/templates/base.html')
| -rw-r--r-- | mod/web/blog/templates/base.html | 92 |
1 files changed, 77 insertions, 15 deletions
diff --git a/mod/web/blog/templates/base.html b/mod/web/blog/templates/base.html index 6757d02..5a91df5 100644 --- a/mod/web/blog/templates/base.html +++ b/mod/web/blog/templates/base.html @@ -3,24 +3,86 @@ <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <link href="/style.css" rel="stylesheet" /> - <link rel="preload" href="style.css" as="style" /> <title>{% block title %}4kb.net{% endblock title %}</title> </head> + <style> + :root { + --bg: #181616; + --fg: #c5c9c5; + --link: #76946a; + --linkhover: #98bb6c; + } + + html { + scroll-behavior: smooth; + color-scheme: dark; + } + + body { + font-family: serif; + padding: 0 0.75em; + max-width: 42em; + margin: auto; + background: var(--bg); + color: var(--fg); + } + + p { + line-height: 1.3em; + } + + th, + td { + padding: 0.2em 0.4em; + border: thin solid; + } + + table { + border: thin solid; + border-collapse: collapse; + } + + a, + a:link { + color: var(--link); + } + + a:hover { + color: var(--linkhover); + } + + article img { + display: block; + margin: 0 auto; + max-width: 80%; + height: auto; + object-fit: contain; + } + + pre { + padding: 1em; + overflow-x: scroll; + } + </style> <body> - <nav> - <span>4kb.net</span> - <div> - <a href="/">Home</a> - <a href="/posts">Posts</a> - <a href="/log">Log</a> - </div> - </nav> - <hr /> + <header + style=" + margin: 3em 0 3em 0; + display: flex; + gap: 8px; + flex-direction: column; + font-family: monospace; + " + > + <span + >Kleidi Bujari <<a href="mailto:mail@4kb.net">mail@4kb.net</a>></span + > + <nav style="display: flex; gap: 8px"> + <span><a href="/">4kb.net</a> |</span> + <a target="_blank" href="https://github.com/kbujari">git</a> + <a href="/atom.xml">rss</a> + </nav> + </header> <main>{% block content %} {% endblock %}</main> - <footer> - <hr /> - <span>© 2024 Kleidi Bujari</span> - </footer> </body> </html> |