www: update article preview sep.

3 files changed, 17 insertions, 4 deletions

diff --git a/www/assets/res/css/article.css b/www/assets/res/css/article.css
index 9629597..86ecdb7 100644
--- a/www/assets/res/css/article.css
+++ b/www/assets/res/css/article.css
@@ -2,9 +2,6 @@
   font-size: 0.95em;
   padding-inline: 0.5em;
   padding-block: 0.5em;
-  margin-block-end: 0.5em;
-  border-radius: 3px;
-  background-color: hsl(33, 100%, 98%);
 
   & > p {
     font-size: 0.9em;
@@ -21,7 +18,6 @@
   & > .date {
     font-size: small;
     float: right;
-    margin-inline-end: 1.5em;
     color: hsl(0, 0%, 25%);
   }
 
@@ -40,3 +36,8 @@ html[data-theme="dark"]  {
     }
   }
 }
+
+hr.article-preview-hr {
+  border: none;
+  border-top: 1.5px dashed currentColor;
+}
diff --git a/www/assets/res/css/base.css b/www/assets/res/css/base.css
index 4449c40..77cd804 100644
--- a/www/assets/res/css/base.css
+++ b/www/assets/res/css/base.css
@@ -20,6 +20,12 @@ body {
   background-color: var(--body-bg-color);
 }
 
+/* https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements#specifying_a_uniform_font_size_for_h1 */
+h1 {
+  margin-block: 0.67em;
+  font-size: 2em;
+}
+
 .mono {
   font-family: monospace;
 }
diff --git a/www/layouts/_partials/preview/posts.html b/www/layouts/_partials/preview/posts.html
index f2cb640..291c4b2 100644
--- a/www/layouts/_partials/preview/posts.html
+++ b/www/layouts/_partials/preview/posts.html
@@ -1,5 +1,11 @@
 {{ $h := .h }}
+{{ $is_first := true}}
 {{ range .pages }}
+  {{ if $is_first }}
+    {{ $is_first = false }}
+  {{ else }}
+    <hr class="article-preview-hr">
+  {{ end }}
   {{ partial "preview/post.html" (dict
     "h" $h
     "page" .)