refactor: refactor index

- add introduction
- modify recent posts pieces
- modify background color

1 files changed, 5 insertions, 15 deletions

diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index ec4dae2..0c11755 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -4,10 +4,10 @@
     --font-secondary: monospace;
     --font-size-primary: 1rem;
     --font-size-secondary: .85rem;
-    --body-bg-color: #ffffff;
+    --body-bg-color: #fbfbf6;
     --bold-text-color: #222;
     --body-text-color: #444;
-    --link-color: #0066cc;
+    --link-color: #0355a6;
     --link-visited-color: #551a8b;
     --table-border-color: #f2f2f2;
     --table-th-bg-color: #f2f2f2;
@@ -68,7 +68,7 @@ h1, h2 {
     margin-top: 1.5em;
 }
 
-.post-meta-item a, .rss-icon a, .post-title a, header a, a.title h1, p {
+.post-meta-item a, .rss-icon a, .post-title a, a.title h1, p {
     color: var(--body-text-color)
 }
 
@@ -140,7 +140,6 @@ time {
 
 header {
     margin-top: 30px;
-margin-bottom: 2rem;
 }
 
 .title {
@@ -161,18 +160,10 @@ a.title h1 {
     font-weight: 400;
 }
 
-nav {
-    text-align: left;
-    margin-bottom: 20px;
-}
 
-nav a {
-    margin-right: 8px;
-    text-decoration: none !important;
-}
 
-nav a:hover {
-    text-decoration: underline 0.5px !important;
+nav a {
+  margin-right: 8px;
 }
 
 footer {
@@ -811,7 +802,6 @@ nav {
 
 header {
     margin-top: 30px;
-    margin-bottom: 2rem;
     display: block;
 }