Style the homepage.

default_environment/stylesheet/main.css

@@ -1,10 +1,11 @@
 :root {
-    --unused-1: #6ccff6;
     --main-max-width: 800px;
     --site-background-color: #0a0a0a;
     --site-text-color: #fffffc;
     --header-divider-color: #6a687a;
 
+    --stream-divider-color: #6ccff6;
+
     --src-font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
 
     --src-block-background-color: #141414;
@@ -54,6 +55,30 @@ body {
     font-size: 1.2rem;
     line-height: 1.2;
 
+    /* A stand-alone blog post (not in a blog stream). */
+    .blog_post {
+        padding: 1rem 0 3rem 0;
+    }
+
+    .blog_stream {
+        .stream_divider {
+            color: var(--stream-divider-color);
+        }
+    }
+
+    /* A blog post in a blog stream (for example, the homepage). */
+    .blog_stream_post {
+        background: #1F1F1F;
+        padding: 1rem 0.2rem;
+    }
+
+    .blog_post_title {
+        font-size: 2.5rem;
+        font-weight: 700;
+        padding-bottom: 1rem;
+    }
+
+
     p {
         margin: 1rem 0;
     }
@@ -160,14 +185,3 @@ body {
         }
     }
 }
-
-/* A stand-alone blog post (not in a blog stream). */
-.blog_post {
-    padding: 1rem 0 3rem 0;
-}
-
-.blog_post_title {
-    font-size: 2.5rem;
-    font-weight: 700;
-    padding-bottom: 1rem;
-}

default_environment/templates/html/blog_stream.dust

@@ -1,5 +1,6 @@
 <div class="blog_stream">
   {#.children}
+    {@gt key=$idx value=0}<hr class="stream_divider" />{/gt}
     <div class="blog_stream_post">
       <div class="blog_post_intro">
         {?.title}{?.self_link}<a class="blog_post_title" href="{.self_link}">{.title}</a>{:else}<div class="blog_post_title">{.title}</div>{/.self_link}{/.title}