diff options
| -rw-r--r-- | static/fineburlap.gif | bin | 0 -> 15851 bytes | |||
| -rw-r--r-- | static/style.css | 47 | ||||
| -rw-r--r-- | static/wool3.gif | bin | 0 -> 28643 bytes | |||
| -rw-r--r-- | templates/base.html | 12 | ||||
| -rw-r--r-- | templates/partials/footer.html | 4 | ||||
| -rw-r--r-- | templates/partials/header.html | 14 | ||||
| -rw-r--r-- | templates/partials/nav.html | 4 | ||||
| -rw-r--r-- | templates/posts.html | 4 |
8 files changed, 66 insertions, 19 deletions
diff --git a/static/fineburlap.gif b/static/fineburlap.gif Binary files differnew file mode 100644 index 0000000..100ccc5 --- /dev/null +++ b/static/fineburlap.gif diff --git a/static/style.css b/static/style.css index 37e7ab5..c2ca2ef 100644 --- a/static/style.css +++ b/static/style.css @@ -1,23 +1,54 @@ +:root { + /* + --primary-bg-color: rgb(58, 169, 159); + --secondary-bg-color: rgb(36, 131, 123); + */ + --primary-bg-color: black; + --secondary-bg-color: rgb(16, 15, 15); +} + html { /* overflow-y needed for chromium browsers to not shift */ overflow-y: scroll; - background-image: url("/bg.webp"); + background-image: url("/wool3.gif"); background-repeat: repeat; } +header { + display: flex; + flex-direction: column; +} + + +#site-title { + margin: 0px; + font-family: sans-serif; + padding-left: 0.4rem; + background-color: var(--primary-bg-color); + color: white; +} + nav { + padding-left: 0.2rem; + padding-bottom: 3px; display: inline; + background-color: var(--secondary-bg-color); } -body { +.nav-item { + font-style: italic; + color: white; +} + +body { /* everything */ /* margin: 0 auto; */ background-color: white; - max-width: 50%; - padding: 2rem; - padding-top: 0.2rem; + box-shadow: 5px 5px 3px black; + max-width: 60%; } -img { - /* pixelated for aesthetics */ - image-rendering: pixelated; +main { /* main content */ + padding: 1rem; + padding-top: 0rem; } + diff --git a/static/wool3.gif b/static/wool3.gif Binary files differnew file mode 100644 index 0000000..5c0a854 --- /dev/null +++ b/static/wool3.gif diff --git a/templates/base.html b/templates/base.html index 752d091..7e9a668 100644 --- a/templates/base.html +++ b/templates/base.html @@ -8,13 +8,13 @@ <title>CHANGE ME</title> </head> +<body> {% include "partials/header.html" %} -{% include "partials/nav.html" %} -<body> - <section class="section"> - {% block content %} {% endblock content %} - </section> -</body> +<main> + {% block content %} {% endblock content %} + {% include "partials/footer.html" %} +</main> +</body> </html> diff --git a/templates/partials/footer.html b/templates/partials/footer.html new file mode 100644 index 0000000..472d9ea --- /dev/null +++ b/templates/partials/footer.html @@ -0,0 +1,4 @@ +<footer> +<hr class="divider" style="border-top: 2px solid #bbb;"> +<p>Code under AGPL, content under CC by SA.</p> +</footer> diff --git a/templates/partials/header.html b/templates/partials/header.html index 9dbc6eb..3400a2b 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -1,4 +1,16 @@ +<header> + <!-- if "title" is set in config.toml, display site name --> {% if config.title %} - <h1>{{ config.title }}</h1> +<div class="header-item"> + <h1 id="site-title">{{ config.title }}</h1> +</div> {% endif %} + +<!-- include navigation bar --> +<nav class="header-item"> + {% include "partials/nav.html" %} +</nav> + +</header> + diff --git a/templates/partials/nav.html b/templates/partials/nav.html index f8c0eff..f1f7d9b 100644 --- a/templates/partials/nav.html +++ b/templates/partials/nav.html @@ -1,7 +1,7 @@ {% if config.extra.navbar_items %} {% for item in config.extra.navbar_items %} -<nav> - <a href="{{ get_url(path=item.url) }}">{{ item.name }}</a> +<nav class="header-item"> + <a class="nav-item" href="{{ get_url(path=item.url) }}">{{ item.name }}</a> </nav> {% endfor %} {% endif %} diff --git a/templates/posts.html b/templates/posts.html index cb6c14b..169c75d 100644 --- a/templates/posts.html +++ b/templates/posts.html @@ -1,9 +1,9 @@ {% extends "base.html" %} {% block content %} -<h1 class="title"> +<h3 class="title"> {{ section.title }} -</h1> +</h3> <ul> {% for page in section.pages %} <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li> |
