From 6931e0dcc9b8816d6b57544cb3de34d2edd36ed7 Mon Sep 17 00:00:00 2001
From: James Shiffer <basedvioletfag@waifu.club>
Date: Fri, 12 Jun 2020 12:19:31 -0700
Subject: [PATCH] blockquote thing for article metadata

---
 src/routes/a/[slug].svelte | 24 +++++++++++++++++++-----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/routes/a/[slug].svelte b/src/routes/a/[slug].svelte
index 17341e7..8e46cd3 100644
--- a/src/routes/a/[slug].svelte
+++ b/src/routes/a/[slug].svelte
@@ -88,10 +88,16 @@
     }
 
     div.article-meta {
-        margin: 0 0 4rem 0;
+        margin: 0 0 2rem 0;
         padding: 0;
     }
 
+    div.article-meta blockquote {
+        border-left: 2px solid gray;
+        padding-left: 0.5rem;
+        margin: 0;
+    }
+
     div.article-meta h1 {
         margin-bottom: 0;
     }
@@ -114,6 +120,10 @@
     p.comment-meta {
         margin: 0;
     }
+
+    div.article-content {
+        margin-bottom: 2rem;
+    }
 </style>
 
 <svelte:head>
@@ -126,11 +136,15 @@
     </figure>
     <div class="article-meta">
         <h1 class="article-title">{article.title}</h1>
-        <p>Author: <strong>{article.author.realname}</strong></p>
-        <p>Published: <strong>{new Date(article.created_at).toLocaleString()}</strong></p>
-        <p>Views: <strong>{article.views}</strong></p>
+        <blockquote>
+            <p>Author: <strong>{article.author.realname}</strong></p>
+            <p>Published: <strong>{new Date(article.created_at).toLocaleString()}</strong></p>
+            <p>Views: <strong>{article.views}</strong></p>
+        </blockquote>
+    </div>
+    <div class="article-content">
+        {@html article.html}
     </div>
-    {@html article.html}
     <hr>
     <h3>Comments</h3>
     <div class="comments">