From 2b39175011422a0d8f96d7f598f46e2a781dd28f Mon Sep 17 00:00:00 2001 From: Steph Enders Date: Thu, 29 Feb 2024 09:31:15 -0500 Subject: Initial rework commit: Build Script POC and CSS done I've created the main CSS layout and a proof of concept for the build script: this will actually build any "done" _post/ file and generate it as a workable HTML file. However, no index file generate, rss, or gemini is implemented --- _templates/index.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++ _templates/page.html | 48 ++++++++++++++++++++++++++++ 2 files changed, 138 insertions(+) create mode 100644 _templates/index.css create mode 100644 _templates/page.html (limited to '_templates') 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 @@ + + + + + {PAGE_TITLE} + + + + + +
+ {CONTENT} +
+ Posted: + {UPDATED} + {TAGS} +
+
+ + + -- cgit v1.2.3-54-g00ecf