Automatic creation of 'All Posts' post index based on existing MD files at application init

data/assets/public/style.css

@@ -1,21 +1,32 @@
 html{font-family:Monospace;background-color:#f1f6f0;color:#222323}
-body{margin:1% 2% ;font-size:20px;font-weight:300;text-align:left}
 a{text-decoration:none}
 h2{text-transform:uppercase}
 h3{margin:0.25em 0 0.25em 0}
 p{margin:0.4em 0 0.4em 0}
 a{color:#6D92AD}
-.main{margin:1em auto;max-width:75%}
-.htmx-indicator{display:none}::placeholder{color:#222323;opacity:1}
-.logo{margin:4% 3% 0 0;font-size:1.2vw;color:#435F5D;text-align:center}
+
+body {
+  margin: 1% 2%;
+  font-size: 1.25em;
+  font-weight: 300;
+  text-align: left
+}
+
+body li {
+  list-style-type: "~> ";
+}
+
+.main {
+  margin: 1em auto;
+  max-width: 60%;
+}
 
 .navContainer {
   width: 100%;
   text-align: center;
 }
 
-.mainNav{
-  list-style-type: none;
+.mainNav {
   margin: 0 auto;
   padding: 0;
   overflow: hidden;
@@ -23,6 +34,10 @@ a{color:#6D92AD}
   display: inline-flex;
 }
 
+.mainNav li {
+  list-style-type: none;
+}
+
 .mainNav li a {
   display: block;
   text-align: center;
@@ -38,5 +53,9 @@ a{color:#6D92AD}
 .notFound h1 {
   font-size: 500%;
   font-weight: 200;
-  color:#6D92AD}
+  color:#6D92AD
+}
+
+.postList {
+  font-size: 1.5em;
 }

data/posts/contact.md.example

@@ -0,0 +1,3 @@
+# Contact Me
+
+You can reach me at [YOUREMAIL@EXAMPLE.LOCAL](mailto:YOUREMAIL@EXAMPLE.LOCAL)

data/posts/home.md.example

@@ -0,0 +1,5 @@
+# Your Name Here
+
+### A blog about YOUR_INTERESTS_HERE
+
+I really love to blog about _____, _____, and _____!