From a32112651bf6b1475fc670eadbda323dcc5fff1e Mon Sep 17 00:00:00 2001
From: Reorx <novoreorx@gmail.com>
Date: Wed, 7 Sep 2022 22:51:34 +0800
Subject: [PATCH] finish newsletter section styling

---
 assets/css/extended/newsletter.scss | 38 ++++++++++++++++++++++++++---
 layouts/newsletter/section.html     |  4 ++-
 2 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/assets/css/extended/newsletter.scss b/assets/css/extended/newsletter.scss
index 776463d..1c8677c 100644
--- a/assets/css/extended/newsletter.scss
+++ b/assets/css/extended/newsletter.scss
@@ -10,9 +10,27 @@ body.type-newsletter {
   --signature-bg: rgba(203, 58, 87, 0.239);
   --signature-bg-dim: rgba(203, 58, 87, 0.147);
   --main-border: 5px solid var(--signature);
-  --link-hover-color: var(--signature);
   --icon-length: 50px;
 
+  // override theme-vars
+  --link-hover-color: var(--signature);
+  --link-hover-underline-color: var(--signature);
+  --link-hover-underline-shadow: 0 2px 0 var(--link-hover-underline-color);
+
+  .main {
+
+    a {
+      font-weight: 500;
+      color: var(--primary);
+      box-shadow: var(--link-underline-shadow);
+      // transition: var(--link-transition);
+      &:hover {
+        color: var(--link-hover-color);
+        box-shadow: var(--link-hover-underline-shadow);
+      }
+    }
+  }
+
   /* shared */
   .sub-form {
     display: flex;
@@ -87,14 +105,27 @@ body.type-newsletter.kind-section {
     .first-entry {
       margin-bottom: 0;
 
-      .entry-header h1 {
+      .entry-header {
         text-align: center;
+        margin-bottom: calc(var(--content-gap) * 1.5);
+        h1 {
+          // back to default
+          font-size: 36px;
+        }
+        .subtitle {
+          color: var(--secondary);
+        }
       }
       // .entry-content {
       //   font-size: 16px;
       // }
     }
 
+    h2 {
+      margin: 40px 0 20px;
+
+    }
+
     .list {
       display: flex;
       flex-direction: column;
@@ -118,8 +149,9 @@ body.type-newsletter.kind-section {
           a {
             display: block;
             width: 100%;
+            box-shadow: none;
           }
-          a:hover, a:active {
+          a:hover {
             color: var(--signature);
           }
           em {
diff --git a/layouts/newsletter/section.html b/layouts/newsletter/section.html
index 486aa8d..95bbf7d 100644
--- a/layouts/newsletter/section.html
+++ b/layouts/newsletter/section.html
@@ -15,6 +15,7 @@
 
   {{- $pages := where .Pages "Params.hidden" "!=" true }}
 
+  <h2>最近更新</h2>
 
   <div class="list">
   {{- range first 5 $pages }}
@@ -35,9 +36,10 @@
   {{- end }}
   </div>
 
+  <h2>相关链接</h2>
   <div>
     {{- with .Param "archivesSlug" }}
-      <a href="{{ $.RelPermalink }}{{ . }}/">Archives</a>
+      <a href="{{ $.RelPermalink }}{{ . }}/">Archives</a> •
     {{- end }}
     {{- with .Param "rssUrl" }}
       <a href="{{ site.BaseURL }}{{ . }}">RSS</a>