update list styling

content/static/style.css

@@ -61,13 +61,11 @@ header {
 }
 
 .site-logo.hover-symbol::before {
-  content: "@";
-  /*  color: var(--main-bullet-color);*/
+  content: "~/";
 }
 
 .title.hover-symbol::before {
-  content: ">";
-  /*  color: var(--main-bullet-color);*/
+  content: "$";
 }
 
 .hover-symbol {
@@ -93,11 +91,28 @@ header {
 
 .hover-symbol:hover::before {
   opacity: 1;
-  color: var(--main-placeholder-color); /* only the symbol changes color */
+  color: var(--main-placeholder-color);
 }
 .hover-symbol:hover {
   background-color: transparent;
-  /*  color: var(--main-placeholder-color);*/
+}
+
+.toc ul {
+  font-family: monospace;
+  text-transform: lowercase;
+  margin: auto;
+  width: 50%;
+}
+
+.toc ul ul {
+  padding-left: 1em;
+  margin-left: 1em;
+  /*  list-style-type: "–– ";*/
+}
+.toc ul ul ul {
+  padding-left: 1em;
+  margin-left: 1em;
+  /*  list-style-type: "-- ";*/
 }
 
 .toclink {
@@ -105,6 +120,15 @@ header {
   text-decoration: none;
   color: inherit;
   transition: color 0.15s ease;
+  text-transform: lowercase;
+  font-family: monospace;
+}
+.post-list a {
+  position: relative;
+  text-decoration: none;
+  transition: color 0.15s ease;
+  text-transform: lowercase;
+  font-family: monospace;
 }
 
 .toclink::before {
@@ -212,8 +236,35 @@ h6 {
   font-weight: bold;
 }
 
+/*ul {*/
+/*  list-style-type: disc;*/
+/*}*/
+
 ul {
-  list-style-type: disc;
+  list-style-type: "– ";
+}
+ul ul {
+  padding-left: 1em;
+  margin-left: 1em;
+  list-style-type: "+ ";
+}
+ul ul ul {
+  list-style-type: "~ ";
+}
+ul ul ul ul {
+  list-style-type: "• ";
+}
+ul ul ul ul ul {
+  list-style-type: "– ";
+}
+ul ul ul ul ul ul {
+  list-style-type: "+ ";
+}
+ul ul ul ul ul ul ul {
+  list-style-type: "~ ";
+}
+ul ul ul ul ul ul ul ul {
+  list-style-type: "• ";
 }
 
 li::marker {

templates/post_list.html

@@ -0,0 +1,23 @@
+{% extends "base.html" %} {% block content %}
+
+{% if metadata.show_title %}
+{% include "title.html" %}
+{% endif %}
+
+<article>{{ content | safe }}</article>
+
+{% if post_list %}
+<div class="post-list">
+<ul>
+  {% for item in post_list %}
+  <li>
+    <time class="post-list-date" datetime="{{ item.metadata.date | safe }}"
+    >{{ item.metadata.date | safe}}</time>: <a href="/{{ item.url }}"
+    >{{ item.metadata.title }}</a>
+  </li>
+  {% endfor %}
+</ul>
+</div>
+{% endif %} {% endblock %}
+
+