feat: Init with clean layout

assets/css/extended/custom.css

@@ -66,7 +66,7 @@
 }
 
 body {
-  font-family: "Space Grotesk", sans-serif;
+  font-family: "Space Grotesk", monospace;
 }
 
 nav #menu span {
@@ -139,3 +139,54 @@ main .post-entry {
   color: var(--post-entry-fg);
   border: 2px solid #383838;
 }
+
+/* *
+* NOTES SECTION - Compact list style
+* */
+.notes-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.note-item {
+  padding: 12px 0;
+  border-bottom: 1px solid var(--tertiary);
+}
+
+.note-item:last-child {
+  border-bottom: none;
+}
+
+.note-item a {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  text-decoration: none;
+  gap: 16px;
+}
+
+.note-item a:hover .note-title {
+  text-decoration: underline;
+  text-decoration-color: var(--green);
+  text-decoration-thickness: 2px;
+}
+
+.note-title {
+  font-size: 1.1rem;
+  font-weight: 500;
+  color: var(--primary);
+}
+
+.note-date {
+  font-size: 0.85rem;
+  color: var(--secondary);
+  white-space: nowrap;
+}
+
+.note-summary {
+  margin: 4px 0 0 0;
+  font-size: 0.9rem;
+  color: var(--secondary);
+  line-height: 1.4;
+}