add a tagging system to the website

static/css/doc.css

@@ -6,7 +6,10 @@ main.doc {
     align-items: start;
 
     & .vertical-center {
+        --article-padding: 12rem;
+
         min-height: 100vh;
+        padding: var(--article-padding) 0;
         max-width: 100%; /* prevent from blowing up */
         flex-grow: 1;
 
@@ -85,7 +88,8 @@ main.doc {
     }
 
     & section.feed {
-        max-width: 40ch;
+        width: 40ch;
+        flex-shrink: 0;
         padding: 0.8rem;
         padding-top: 3.2rem;
     }
@@ -97,6 +101,7 @@ main.doc {
         align-items: center;
 
         & .vertical-center {
+            --article-padding: 3.2rem;
             min-height: 0;
         }
 
@@ -105,7 +110,7 @@ main.doc {
         }
 
         & section.feed {
-            max-width: var(--doc-text-width);
+            width: var(--doc-text-width);
 
             margin-top: 2.4em;
             padding: 1.6rem;

static/css/main.css

@@ -439,17 +439,19 @@ section.feed {
 
     /* Titles */
 
-    & a,
-    & a:visited {
-        color: var(--text-color);
-    }
+    & h2 {
+        & a,
+        & a:visited {
+            color: var(--text-color);
+        }
 
-    & a:visited {
-        color: color-mix(
-            in srgb,
-            var(--background-color),
-            var(--text-color) 60%
-        );
+        & a:visited {
+            color: color-mix(
+                in srgb,
+                var(--background-color),
+                var(--text-color) 60%
+            );
+        }
     }
 
     & h1 {
@@ -496,12 +498,13 @@ section.feed {
             margin: 0;
             padding: 0;
 
-            & > *::before {
-                content: "#";
+            & > *:not(:first-child) {
+                padding-left: 1ch;
             }
 
-            & > *:not(:first-child)::before {
-                padding-left: 0.4rem;
+            & a,
+            & a:visited {
+                color: var(--text-color);
             }
         }
     }
@@ -647,7 +650,7 @@ h1.page-title {
     --recursive-wght: 900;
 
     line-height: 1.2;
-    padding-top: 3lh;
+    padding-top: 0.5lh;
     padding-bottom: 0.5lh;
 
     & a {
@@ -669,12 +672,6 @@ h1.page-title {
     }
 }
 
-@media (max-width: 1280px) {
-    h1.page-title {
-        padding-top: 0.25lh;
-    }
-}
-
 @media (max-width: 700px) {
     h1.page-title {
         font-size: 4rem;

static/js/command-line.js

@@ -190,16 +190,6 @@ CommandLine.registerCommand({
     },
 });
 
-CommandLine.registerCommand({
-    aliases: ["new", "n"],
-    description: "go to news feed",
-    immediate: true,
-
-    run() {
-        window.location = `${TREEHOUSE_SITE}/treehouse/new`;
-    },
-});
-
 CommandLine.registerCommand({
     aliases: ["index", "i", "-w-"],
     description: "go home",