From fe3264781c1d8e830575941d70d272bc85ef2959 Mon Sep 17 00:00:00 2001
From: HitBlast <hitblastlive@gmail.com>
Date: Sat, 9 Nov 2024 13:41:57 +0600
Subject: [PATCH] attempting styling fix

---
 .gitignore                     |  3 ++-
 content/blogs/testblog copy.md |  8 ++++++++
 content/blogs/testblog.md      |  8 ++++++++
 static/css/styles.css          |  7 ++++++-
 templates/blogs.html           | 22 +++++++++++-----------
 5 files changed, 35 insertions(+), 13 deletions(-)
 create mode 100644 content/blogs/testblog copy.md
 create mode 100644 content/blogs/testblog.md

diff --git a/.gitignore b/.gitignore
index 496ee2c..a7cea66 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
-.DS_Store
\ No newline at end of file
+public
+.DS_Store
diff --git a/content/blogs/testblog copy.md b/content/blogs/testblog copy.md
new file mode 100644
index 0000000..8b589fd
--- /dev/null
+++ b/content/blogs/testblog copy.md	
@@ -0,0 +1,8 @@
++++
+title = "Test Blog"
+date = 2024-11-08
+description = "A simple test blog."
+[taxonomies]
+tags = ["test"]
++++
+Hello! This is the blog body.
diff --git a/content/blogs/testblog.md b/content/blogs/testblog.md
new file mode 100644
index 0000000..8b589fd
--- /dev/null
+++ b/content/blogs/testblog.md
@@ -0,0 +1,8 @@
++++
+title = "Test Blog"
+date = 2024-11-08
+description = "A simple test blog."
+[taxonomies]
+tags = ["test"]
++++
+Hello! This is the blog body.
diff --git a/static/css/styles.css b/static/css/styles.css
index c23cdfc..4331f8c 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1,6 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Borel&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&display=swap");
 
+/* Root modifiers (for Pico CSS especially) */
 :root {
     --pico-color: #c0bfc0;
     --pico-primary: rgb(203, 198, 182);
@@ -12,16 +13,19 @@
     --pico-text-underline-offset: 0.5rem;
     --pico-typography-spacing-vertical: 1.5rem;
     --pico-form-element-spacing-vertical: 1rem;
+    --pico-spacing: 1.5rem;
     --pico-form-element-spacing-horizontal: 1.25rem;
     --pico-box-shadow: 0 20px 2rem rgba(0, 0, 0, 0.331);
 }
 
+/* Element styling */
 html {
     scroll-behavior: smooth;
 }
 
 * {
     box-sizing: border-box;
+    transition: 0.1s ease-in-out;
 }
 
 body {
@@ -64,9 +68,9 @@ article {
     box-shadow: none;
     margin-top: 50px;
     padding: 100px 100px;
-    transition: 0.1s ease-in-out;
 }
 
+/* Utility classes */
 .visible-article {
     --pico-card-background-color: rgb(27, 21, 19);
 }
@@ -98,6 +102,7 @@ article {
     width: 100%;
 }
 
+/* Media queries */
 @media (min-width: 1025px) {
     .container {
         width: 1024px;
diff --git a/templates/blogs.html b/templates/blogs.html
index 2e11fd7..8618bf0 100644
--- a/templates/blogs.html
+++ b/templates/blogs.html
@@ -1,12 +1,12 @@
-{% extends "base.html" %}
+{% extends "base.html" %} {% block content %}
 
-{% block content %}
-{% if paginator.pages|length == 0 %}
-	<center>no blogs!</center>
-{%else%}
-	{% for page in paginator.pages %}
-		<a href="{{ page.permalink | safe }}">{{ page.title }}</a> on {{ page.date | date(format="%b %d, %Y") }} <br/>
-		<!-- {# COMMENT: find all attributes from https://www.getzola.org/documentation/content/page/ #} -->
-	{% endfor %}
-{% endif %}
-{% endblock content %}
\ No newline at end of file
+<center>
+    <h1>Latest Blogs</h1>
+    {% if paginator.pages|length == 0 %} no blogs! {%else%} {% for page in
+    paginator.pages %}
+
+    <a href="{{ page.permalink | safe }}">{{ page.title }}</a> on {{ page.date |
+    date(format="%b %d, %Y") }} <br />
+    <!-- {# COMMENT: find all attributes from https://www.getzola.org/documentation/content/page/ #} -->
+    {% endfor %} {% endif %} {% endblock content %}
+</center>