Added tag filtering and RSS feed

styles/main.css

@@ -2,7 +2,7 @@
   --background-color: #1a1a1a;
   --foreground-color: #f0f0ea;
   --soft-color: #8a8a82;
-  --accent-color: #a5453a;
+  --accent-color: #197aa7;
   --rule-color: #333330;
   --code-bg: #242422;
 }
@@ -11,7 +11,7 @@
   --background-color: #f2f0ea;
   --foreground-color: #1a1a1a;
   --soft-color: #6b6a63;
-  --accent-color: #921b0e;
+  --accent-color: #197aa7;
   --rule-color: #d8d5cb;
   --code-bg: #e8e5da;
 }
@@ -60,28 +60,48 @@ hr {
   border-color: var(--accent-color);
 }
 
+/* tag filter row */
+#tags-list {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1em;
+  margin: 0.5em 0 1.5em;
+}
+.tag-btn {
+  background: none;
+  border: none;
+  color: var(--soft-color);
+  font-size: 11pt;
+  font-family: 'Times New Roman', Times, serif;
+  cursor: pointer;
+  padding: 0;
+}
+.tag-btn:hover {
+  color: var(--accent-color);
+}
+.tag-btn.active {
+  color: var(--accent-color);
+  text-decoration: underline;
+}
+
 /* post lists on the main page */
-#posts-section ul,
-#sticky-posts-section ul,
-#links-section ul {
+.custom-list {
   list-style: none;
   padding: 0;
 }
-#posts-section li,
-#sticky-posts-section li,
-#links-section li {
+
+.custom-list li {
   margin: 0.5em 0;
 }
-
-#posts-section li::before,
-#sticky-posts-section li::before,
-#links-section li::before {
-    content: "> ";
+.custom-list li::before {
+  content: "> ";
 }
 
 i.post-link-date {
   font-style: italic;
-  color: #6b6b65;
+  color: var(--soft-color);
   font-size: 11pt;
   text-decoration: none;
 }
@@ -89,6 +109,7 @@ i.post-link-date::before {
   content: " // ";
 }
 
+
 /* post.html */
 .back-link {
   display: inline-block;