diff options
Diffstat (limited to '_templates')
-rw-r--r-- | _templates/index.css | 90 | ||||
-rw-r--r-- | _templates/page.html | 48 |
2 files changed, 138 insertions, 0 deletions
diff --git a/_templates/index.css b/_templates/index.css new file mode 100644 index 0000000..eb1340b --- /dev/null +++ b/_templates/index.css @@ -0,0 +1,90 @@ +/*:root { + --bg-color: #A1EEBD; + --site-header-color: #7BD3EA; + --main-bg-color: #fff; + --border-color: #F6D6D6; + --main-width: 800px; +}*/ +:root { + --blue: #7BD3EA; + --green: #A1EEBD; + --pink: #F6D6D6; + --bg-color: #ffffeb; + --code-color: white; + --border-color: var(--pink); + --article-border-color: var(--green); + --article-border-outset-color: var(--blue); + --main-width: 800px; +} + +html, body { + margin: 0; + background-color: var(--bg-color); +} + +/* NAV */ + +#site-header { + margin: 16px; + text-align: center; +} + +#site-title { + font-size: 3em; + text-decoration: underline; + text-decoration-style: wavy; + text-decoration-color: var(--pink); + color: #000; + font-family: monospace; +} + +#cursor { + color: #444; +} + +nav { + margin: 4px 0; +} + +nav a:not(:first-child){ + margin-left: 4px; +} + +/* MAIN */ +main { + max-width: var(--main-width); + margin: auto auto; + border-color: var(--article-border-color); + border-right-color: var(--article-border-outset-color); + border-bottom-color: var(--article-border-outset-color); + border-radius: 4px; + border-style: solid; +} +main article { + margin: 16px; + line-height: 1.5em; +} + +main article h1 { + text-align: center; +} + +main footer { + background-color: var(--pink); + margin: 16px 0; + padding: 2px 16px; +} + + +footer { + font-size: .8em; + padding: 16px; +} +#copyright { + text-align: center; +} + +pre, code { + background-color: var(--code-color); + padding: 4px 16px; +} diff --git a/_templates/page.html b/_templates/page.html new file mode 100644 index 0000000..7f20b43 --- /dev/null +++ b/_templates/page.html @@ -0,0 +1,48 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <title>{PAGE_TITLE}</title> + <meta name="viewport" + content="width=device-width, initial-scale=1"> + <style> +{STYLE} + </style> + </head> + <body> + <header id='site-header'> + <a id='site-title' href='/'>senders.io{TYPE}</a> + <nav> + <a href="/blog"> + index + </a> + <a rel="external noopener noreferrer" + target="_blank" + href="https://git.senders.io"> + git + </a> + <a rel="me external noopener noreferrer" + target="_blank" + href="https://tech.lgbt/@senders"> + fedi + </a> + </nav> + </header> + <main> + {CONTENT} + <footer> + Posted: <time datetime="{POST_DATE_ISO}">{POST_DATE_DISP}</time> + {UPDATED} + {TAGS} + </footer> + </main> + <footer> + <section id='copyright'> + © 2024 senders dot io - + <a rel="license external noopener noreferrer" + target="_blank" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a> + unless otherwise noted. + </section> + </footer> + </body> +</html> |