css progress and some cleaning upHEADmain

4 files changed, 50 insertions, 23 deletions

diff --git a/themes/simple/static/css/main.css b/themes/simple/static/css/main.css
index b54f2ce..458128f 100644
--- a/themes/simple/static/css/main.css
+++ b/themes/simple/static/css/main.css
@@ -32,6 +32,12 @@ a {
 
 h1 {
     font-size: 2em;
+    color: #99bb88;
+}
+
+h2 {
+    font-size: 1.5em;
+    color: #99bb88;
 }
 
 #container {
@@ -52,16 +58,13 @@ h1 {
     border-left: 1px solid rgb(60, 60, 60);
     border-right: 1px solid rgb(50, 50, 50);
     border-bottom: 1px solid rgb(0, 0, 0);
+
     border-radius: 30px 30px 0 0;
 
     box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5);
     box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5);
 }
 
-#header hgroup {
-    padding: 20px 20px 10px 20px;
-}
-
 #header::after {
     content: "";
     position: absolute;
@@ -77,16 +80,44 @@ h1 {
     border-radius: 30px 30px 30px 30px;
 }
 
+#footer {
+    position: relative;
+    background:
+        linear-gradient(
+            180deg,
+            rgba(50, 50, 50, 0.9) 0%,
+            rgba(72, 72, 72, 0.9) 15%,
+            rgba(20, 20, 20, 0.95) 100%
+        );
+    border-top: 1px solid rgb(50, 50, 50);
+    border-left: 1px solid rgb(50, 50, 50);
+    border-right: 1px solid rgb(50, 50, 50);
+    border-bottom: 1px solid rgb(0, 0, 0);
+
+    border-radius: 0 0 20px 20px;
+
+    box-shadow: 0px 8px 8px 4px rgba(20, 20, 20, 0.5);
+
+    padding: 10px;
+}
+
+#header hgroup {
+    padding: 20px 20px 10px 20px;
+}
+
 #nav-content {
     display: flex;
     flex-direction: row;
+    
+    box-shadow: 0px 8px 8px 0 rgba(20, 20, 20, 0.5);
+    box-shadow: 0px 0px 8px 4px rgba(20, 20, 20, 0.5);
 }
 
 aside {
-    border-top: 1px solid #666666;
-    border-left: 1px solid #666666;
-    border-right: 1px solid #666666;
-    background: rgba(30, 30, 30, 0.4);
+    border-top: 1px solid rgb(80, 80, 80);
+    border-left: 1px solid rgb(80, 80, 80);
+    border-right: 1px solid rgb(80, 80, 80);
+    background: rgba(30, 30, 30, 0.5);
 
     box-shadow: 8px 0px 4px -4px rgba(20, 20, 20, 0.5);
 }
@@ -172,8 +203,10 @@ main {
     height: 100%;
 }
 
-main article {
+#content {
     margin: 20px;
+
+    min-height: 500px;
 }
 
 article .formula {
diff --git a/themes/simple/templates/base.html b/themes/simple/templates/base.html
index 1667620..7ed67fe 100644
--- a/themes/simple/templates/base.html
+++ b/themes/simple/templates/base.html
@@ -91,15 +91,15 @@
           </div>
         </aside>
         <main>
-          {% block content %}
-          {% endblock content %}
+          <div id="content" >
+            {% block content %}
+            {% endblock content %}
+          </div>
         </main>
       </div>
-      <footer>
+      <footer id="footer">
         {% block footer %}
-        <address>
-          Made with <a rel="nofollow" href="https://getpelican.com/">Pelican</a>,
-        </address>
+        <p>&copy; 2026 Daniel Hader
         {% endblock footer %}
       </footer>
     </div>
diff --git a/themes/simple/templates/category.html b/themes/simple/templates/category.html
index bfad391..f546bbb 100644
--- a/themes/simple/templates/category.html
+++ b/themes/simple/templates/category.html
@@ -3,5 +3,6 @@
 {% block title %}{{ SITENAME|striptags }} - {{ category }} category{% endblock %}
 
 {% block content_title %}
-    <h2>Articles in the {{ category }} category</h2>
+<h2>Stuff I've written about {{ category }}</h2>
+<hr>
 {% endblock %}
diff --git a/themes/simple/templates/index.html b/themes/simple/templates/index.html
index 100a720..98e705e 100644
--- a/themes/simple/templates/index.html
+++ b/themes/simple/templates/index.html
@@ -11,13 +11,6 @@
             <section>{{ article.summary }}</section>
             <footer>
                 <p>Published: <time datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time></p>
-                {%- if article.authors %}
-                    <address>By
-                        {% for author in article.authors %}
-                            <a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a>
-                        {% endfor %}
-                    </address>
-                {%- endif %}
             </footer>
         </article>
     {% endfor %}