begin actual theming

content/blog/_index.md

@@ -1,5 +1,5 @@
 +++
-title = "List of blog posts"
+title = "Various Ramblings"
 sort_by = "date"
 template = "blog.html"
 page_template = "post.html"

static/main.css

@@ -7,8 +7,7 @@
 }
 
 body {
-    background-color: #11111b;
-    font-family: "JetBrains Mono", monospace;
+    background-color: #0a0a0a;
 
     max-width: max(800px, 45%);
     height: 100vh;
@@ -22,11 +21,28 @@ body {
     justify-content: flex-start;
 }
 
+:is(h1, h2, h3) {
+    font-family: "JetBrains Mono", monospace;
+    color: #8aadf4;
+}
+:is(a:link, a:visited) {
+    color: #91d7e3;
+}
+a:hover {
+    color: #8eeacd;
+}
+
+.subtitle {
+    color: #8bd5ca
+}
+
 .content {
 
 }
 
 header {
+    font-family: "JetBrains Mono", monospace;
+
     padding: 10px;
 
     nav {
@@ -36,7 +52,7 @@ header {
         a {
             padding-left: 4px;
             padding-right: 4px;
-            color: #a6e3a1;
+            color: #8aadf4;
         }
     }
 }
@@ -54,7 +70,7 @@ footer {
     }
 
     hr {
-        border: 2px dashed #89b4fa
+        border: 2px dotted #89b4fa
     }
 
     text-align: center;
@@ -69,8 +85,8 @@ footer {
 
     padding: 8px;
 
-    background-color: hsl(199deg, 76%, 39%);
-    border-color: hsl(189deg, 71%, 73%);
+    background-color: hsl(199deg, 76%, 20%);
+    border-color: hsl(189deg, 71%, 30%);
 }
 
 .insert-warning {

templates/base.html

@@ -21,7 +21,7 @@
     </header>
 
     <div id="new-site-warning">
-        Hey! This is a new version of my site rewritten from scratch!
+        <b>Hey!</b> This is a new version of my site rewritten from scratch!
         I still don't really know what I'm doing with web dev, and this is still <i>very</i> WIP.
         Stuff is still very broken/incomplete relative to the old site, but I'm working on it! (Hopefully)
     </div>

templates/blog.html

@@ -6,7 +6,7 @@
 </h1>
 <ul>
     {% for page in section.pages %}
-        <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+        <li>{{ page.date }} <a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
     {% endfor %}
 </ul>
 {% endblock content %}

templates/post.html

@@ -4,6 +4,6 @@
 <h1 class="title">
     {{ page.title }}
 </h1>
-<p class="subtitle"><strong>{{ page.date }}</strong></p>
+<p class="subtitle"><strong>{{ page.date }}</strong>{%if page.updated %} &ensp; Updated {{page.updated}}{% endif %}</p>
 {{ page.content | safe }}
 {% endblock content %}