From 32bb30b2562a81c9d25274448677045cd6edbdf1 Mon Sep 17 00:00:00 2001 From: Froge Date: Sun, 2 Feb 2025 22:14:29 +1000 Subject: [PATCH 1/5] Fix background styling & overflow issues on body element --- static/main.css | 18 +++++++----------- 1 file changed, 7 insertions(+), 11 deletions(-) diff --git a/static/main.css b/static/main.css index 92d98cc..d2b498b 100644 --- a/static/main.css +++ b/static/main.css @@ -1,25 +1,21 @@ -* { - margin: 0rem; - padding: 0rem; -} - +/* Magic fix which forces outer most element to full view size for background scaling */ html { - color: #000000; + min-height: 100%; + min-width: 100%; } -/* Magic background CSS lives here */ body { font-family: monospace; color: #e4e4e4; font-size: 18px; - margin: auto; + margin: 5rem auto; max-width: 57rem; line-height: 1.4; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; - text-align: center; - background: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(65,14,105, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0,1) 90%); + /* Fancy background CSS lives here */ + background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(60,14,90, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0, 1)); } ul { @@ -46,12 +42,12 @@ a:hover { } #site-content { - margin: 5rem auto; padding: 1rem; padding-bottom: 2rem; border-radius: 1rem; background: rgba(0,0,0, 0.7); box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5); + text-align: center; } #ascii-header { From a603a8993821b2e3ed6169e75fe0915fbbba10ce Mon Sep 17 00:00:00 2001 From: Froge Date: Sun, 2 Feb 2025 23:24:12 +1000 Subject: [PATCH 2/5] Update background colours & body transparency --- static/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/static/main.css b/static/main.css index d2b498b..877f258 100644 --- a/static/main.css +++ b/static/main.css @@ -15,7 +15,7 @@ body { -ms-hyphens: auto; hyphens: auto; /* Fancy background CSS lives here */ - background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(60,14,90, 1) 40%, rgba(55,17,95, 1) 50%, rgba(32,14,84, 1) 60%, rgba(0,0,0, 1)); + background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(65,15,70, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,85, 1) 60%, rgba(0,0,0, 1)); } ul { @@ -45,7 +45,7 @@ a:hover { padding: 1rem; padding-bottom: 2rem; border-radius: 1rem; - background: rgba(0,0,0, 0.7); + background: rgba(0,0,0, 0.78); box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5); text-align: center; } From 1e6e340f566cf9ca18960ac168c8d1b79f7bf078 Mon Sep 17 00:00:00 2001 From: Froge Date: Sun, 2 Feb 2025 23:30:25 +1000 Subject: [PATCH 3/5] Update background black fade level --- static/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/main.css b/static/main.css index 877f258..3f8635e 100644 --- a/static/main.css +++ b/static/main.css @@ -15,7 +15,7 @@ body { -ms-hyphens: auto; hyphens: auto; /* Fancy background CSS lives here */ - background: linear-gradient(to bottom right, rgba(0,0,0, 1), rgba(65,15,70, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,85, 1) 60%, rgba(0,0,0, 1)); + background: linear-gradient(to bottom right, rgba(0,0,0, 1) 2%, rgba(65,15,70, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,85, 1) 60%, rgba(0,0,0, 1) 98%); } ul { From cb89c32b1afb2f7eca6d78cc30aef38b75a174b5 Mon Sep 17 00:00:00 2001 From: Froge Date: Mon, 3 Feb 2025 00:11:05 +1000 Subject: [PATCH 4/5] Finale background colour change (I swear) --- static/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/main.css b/static/main.css index 3f8635e..22af083 100644 --- a/static/main.css +++ b/static/main.css @@ -15,7 +15,7 @@ body { -ms-hyphens: auto; hyphens: auto; /* Fancy background CSS lives here */ - background: linear-gradient(to bottom right, rgba(0,0,0, 1) 2%, rgba(65,15,70, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,85, 1) 60%, rgba(0,0,0, 1) 98%); + background: linear-gradient(to bottom right, rgba(0,0,0, 1) 2%, rgba(65,15,75, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,80, 1) 60%, rgba(0,0,0, 1) 98%); } ul { From a8657514081057aa3ac6270ab545ba59d331e3ec Mon Sep 17 00:00:00 2001 From: Froge Date: Mon, 3 Feb 2025 01:52:51 +1000 Subject: [PATCH 5/5] Finalize styling changes to main page --- static/main.css | 51 +++++++++++++++++++++++++++++++------------- templates/base.html | 17 +++++++-------- templates/index.html | 2 +- 3 files changed, 45 insertions(+), 25 deletions(-) diff --git a/static/main.css b/static/main.css index 22af083..c893f2c 100644 --- a/static/main.css +++ b/static/main.css @@ -1,15 +1,22 @@ +* { + margin: 0rem; +} + /* Magic fix which forces outer most element to full view size for background scaling */ html { min-height: 100%; min-width: 100%; + display: flex; + justify-content: center; + align-items: column; } body { font-family: monospace; color: #e4e4e4; + padding-top: 2rem; font-size: 18px; - margin: 5rem auto; - max-width: 57rem; + max-width: 55rem; line-height: 1.4; -webkit-hyphens: auto; -ms-hyphens: auto; @@ -18,13 +25,12 @@ body { background: linear-gradient(to bottom right, rgba(0,0,0, 1) 2%, rgba(65,15,75, 1) 40%, rgba(65,15,90, 1) 50%, rgba(30,15,80, 1) 60%, rgba(0,0,0, 1) 98%); } -ul { - margin-top: 4rem; +li { + list-style-type: none; } -li { - margin-top: 1rem; - list-style-type: none; +ul { + padding: 0rem; } a { @@ -42,21 +48,22 @@ a:hover { } #site-content { - padding: 1rem; - padding-bottom: 2rem; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + padding: 2rem; border-radius: 1rem; background: rgba(0,0,0, 0.78); box-shadow: 1rem 1rem 1rem 1rem rgba(0,0,0, 0.5); - text-align: center; } #ascii-header { font-size: 10px; color: #e4e4e4; text-decoration: none; - margin: 1rem; - padding-bottom: 14px; - border-bottom: #e4e4e4 8px dotted; + padding: 1rem; + text-align: center; } #ascii-header a { @@ -70,12 +77,26 @@ a:hover { } #welcome-message { - margin: 1rem; - padding-bottom: 14px; + padding: 1rem; font-weight: bold; + text-align: center; +} + +.dotted-border { border-bottom: #e4e4e4 8px dotted; + width: 100%; } .title { letter-spacing: -2px; + text-align: center; +} + +.blog-post-container { + padding: 1rem; + padding-top: 2rem; +} + +.blog-post-title { + padding-top: 2rem; } diff --git a/templates/base.html b/templates/base.html index 8657201..2b7c948 100644 --- a/templates/base.html +++ b/templates/base.html @@ -16,19 +16,18 @@ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██████ ██ ██████ ███████ ██ ██ ██ ██ ██ ██████ ██████ ██ ██ ██ ███████ +
-

- Welcome -

-

- This blog is made with 💜 and Zola! -
- It's currently running on Vultr for free with 500MB of RAM and OpenBSD +

Welcome

+

This blog is made with 💜 and Zola!

+

It's currently running on Vultr for free with 500MB of RAM and OpenBSD

-
- {% block content %} {% endblock %} +
+
+

View the latest posts

+ {% block content %} {% endblock %}
diff --git a/templates/index.html b/templates/index.html index 43f3a35..ab1d1d4 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,7 +5,7 @@ {% for page in section.pages %} -
  • {{ page.title }}
    • +
  • {{ page.date }} // {{ page.title }}
    • {% endfor %} {% endblock content %}