add template dir + minor css changes

1 files changed, 25 insertions, 13 deletions

diff --git a/src/assets/stylesheet.css b/src/assets/stylesheet.css
index f6b868e..e7f2e62 100644
--- a/src/assets/stylesheet.css
+++ b/src/assets/stylesheet.css
@@ -35,9 +35,6 @@
 
 .footpara { display: inline; }
 
-/* i don't want to display the date but it needs to exist for rss generation */
-#postamble { display: none; }
-
 body
 {
     background-color: var(--bg);
@@ -48,22 +45,37 @@ body
     font-size: 1.2em;
 }
 
-h1 { text-align: center; }
+h1, .subtitle { text-align: center; }
 
-h1::before
+h1::before, .subtitle::before
 {
-    content: ".:░ ";
-    color: var(--main);
+    content: "\25ca  ";
     display: none;
 }
 
-h1::after
+h1::after, .subtitle::after
 {
-    content: " ░:.";
-    color: var(--main);
+    content: " \25ca";
     display: none;
 }
 
+h1::after, h1::before
+{
+    color: var(--main);
+}
+
+.subtitle::before, .subtitle::after
+{
+    color: var(--accent);
+}
+
+.subtitle
+{
+    font-size: 20px;
+    line-height: 20px;
+    font-family: ibm-xga, serif;
+}
+
 h1, h2
 {
     font-size: 40px;
@@ -71,7 +83,7 @@ h1, h2
     font-family: ibm-xga, monospace;
 }
 
-/* also a h2 */
+/* footnotes is also a h2 */
 .footnotes
 {
     font-size: 20px;
@@ -102,7 +114,7 @@ h1, h2
 
 @media screen and (min-width: 425px)
 {
-    h1::before, h1::after { display: inline; }
+    h1::before, h1::after, .subtitle::before, .subtitle::after { display: inline; }
 }
 
 .buttons
@@ -130,7 +142,7 @@ ul { list-style-type: none; }
 
 ul li::before
 {
-    content: "\25ba  ";
+    content: "\25ca  ";
     color: var(--accent);
 }