wip: New Application Architecture

Explore a new approach to clean up the implementation of an AppShell and individual pages. Will likely retire htmx for a lightweight custom page router.

src/public/styles.css

@@ -0,0 +1,97 @@
+body, a {
+    margin: 0px;
+    text-decoration: none;
+    color: black;
+}
+
+header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #f2f2f2;
+    padding: 15px;
+    height: 50px;
+}
+
+
+header span {
+    font-size: 30px;
+    font-weight: bold;
+}
+
+nav {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    text-align: center;
+    gap: 10px;
+}
+
+nav a {
+    text-decoration: none;
+    color: black;
+    font-size: 20px;
+}
+
+hr {
+    margin: 0px;
+    opacity: 75%;
+}
+
+.post-spotlight {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 30px;
+    padding: 4em;
+}
+
+article {
+    font-family: 'Arial Narrow Bold', sans-serif;
+}
+
+article > h2 {
+    font-size: 3em;
+    font-weight: bold;
+    margin: 15px;
+}
+
+article > div {
+    color: gray;
+}
+
+article > a {
+    text-decoration: none;
+    border: 1px solid black;
+    padding: 10px;
+    border-radius: 5px;
+    background-color: #f2f2f2;
+    color: black;
+    text-align: end;
+
+}
+
+aside {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    align-items: center;
+    margin: 15px;
+}
+
+aside h3 {
+    font-size: 2em;
+    font-weight: bold;
+}
+
+aside ul {
+    list-style-type: none;
+    padding: 0px;
+}
+
+.about ul {
+    display: flex;
+    flex-direction: row;
+    gap: 10px;
+}