style: show the summary of every post on recent-posts

4 files changed, 48 insertions, 19 deletions

diff --git a/layouts/partials/custom_head.html b/layouts/partials/custom_head.html
index a485758..ba9276e 100644
--- a/layouts/partials/custom_head.html
+++ b/layouts/partials/custom_head.html
@@ -14,10 +14,7 @@
 <link
   rel="stylesheet"
   href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
-/>
-<link
+/><link
   rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@idotj/mastodon-embed-timeline@4.7.0/dist/mastodon-timeline.min.css"
-  integrity="sha256-Qi3H+bdH6RuMuyR1trAlG5bMWJGl9y3jPiTc1PWQFpI="
-  crossorigin="anonymous"
+  href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
 />
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 5c8683c..3f0ea30 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,6 +1,6 @@
 <div class="copyright">
   {{ .Site.Params.footer.content }}
-  <div class="social-icons">
+  <div class="rss-icon">
     <a href="/atom.xml">
       <i class="fa fa-rss"></i>
     </a>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 9b49dfb..50b5fcb 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -2,4 +2,9 @@
   <h1>{{ .Site.Title }}</h1>
 </a>
 <nav>{{- partial "nav.html" . -}}</nav>
+<div class="social-icons">
+    <a href="https://c7.io/@Verdant"><i class="fa-brands fa-mastodon"></i></a>
+    <a href="https://github.com/yingyu5658/"><i class="fa-brands fa-github"></i></a>
+    <a href="mailto:i@glowisle.me"><i class="fa-solid fa-envelope"></i></a>
+</div>
 <hr>
diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 8429fdb..731db51 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -27,6 +27,23 @@
     --music-text-secondary: #666;
     --music-shadow:
       0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+    --summary-text-color: #4e4e4e;
+  }
+
+  div.summary a,
+  div.summary strong,
+  div.summary p {
+    color: var(--summary-text-color) !important;
+  }
+
+  .social-icons {
+    margin: 15px;
+    margin-top: 5px;
+    text-align: center;
+  }
+
+  .social-icons a {
+    padding: 5px 5px;
   }
 
   .booklist {
@@ -52,7 +69,7 @@
     box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
   }
 
-  .social-icons {
+  .rss-icon {
     display: inline;
     font-size: 16px;
     float: right;
@@ -272,6 +289,7 @@
   /* 暗色模式 */
   @media (prefers-color-scheme: dark) {
     :root {
+      --summary-text-color: #b4b4b4;
       --body-bg-color: #121212;
       --bold-text-color: #eee;
       --body-text-color: #ddd;
@@ -293,8 +311,12 @@
       --color-background: var(--body-bg-color) !important;
     }
 
-    blockquote strong {
-      font-weight: 600;
+    div.summary a {
+      text-decoration: underline 0.2px #6f6f6f;
+    }
+
+    strong {
+      font-weight: 650;
     }
 
     article p {
@@ -385,12 +407,12 @@
     color: var(--bold-text-color);
   }
 
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
+  article h1,
+  article h2,
+  article h3,
+  article h4,
+  article h5,
+  article h6 {
     margin: 16px 0;
   }
 
@@ -407,13 +429,17 @@
   }
 
   .title {
-    text-decoration: none;
-    border: 0;
+    text-align: center;
+    text-decoration: none !important;
+  }
+
+  a.title h1 {
+    margin: 15px;
+    margin-bottom: 15px;
   }
 
   header {
     margin-top: 30px;
-    margin-bottom: 30px;
   }
 
   .title:hover {
@@ -425,7 +451,8 @@
   }
 
   nav {
-    margin-bottom: 15px;
+    text-align: center;
+    margin-bottom: 20px;
   }
 
   nav a {