From 15394615d468b256f2348a35faacb37468290137 Mon Sep 17 00:00:00 2001
From: Yuqian Yang <crupest@crupest.life>
Date: Mon, 3 Mar 2025 16:58:21 +0800
Subject: feat(www): update page and use hugo image.

---
 www/assets/home.css      | 79 ++++++++++++++++++++++++++++++++++++++++++++++++
 www/assets/real-home.css | 61 -------------------------------------
 2 files changed, 79 insertions(+), 61 deletions(-)
 create mode 100644 www/assets/home.css
 delete mode 100644 www/assets/real-home.css

(limited to 'www/assets')

diff --git a/www/assets/home.css b/www/assets/home.css
new file mode 100644
index 0000000..1db357e
--- /dev/null
+++ b/www/assets/home.css
@@ -0,0 +1,79 @@
+#slogan {
+  position: sticky;
+  z-index: 1;
+  top: 0;
+}
+
+#title-name {
+  font-family: monospace;
+  color: var(--bg-color);
+  background-color: var(--fg-color);
+}
+
+#avatar {
+  float: right;
+}
+
+#links {
+  font-family: monospace;
+
+  margin-block-end: 1rem;
+
+  > ul {
+    display: inline;
+    padding-inline-start: 0.5em;
+    >li {
+      display: inline;
+
+      &::after {
+        content: " | ";
+      }
+    }
+  }
+}
+
+#recent-posts {
+  margin-block-end: 1.5em;
+}
+
+#friends-container {
+  display: flex;
+  gap: 1em;
+}
+
+.friend {
+  flex-grow: 0;
+  text-align: center;
+}
+
+.friend a {
+  font-family: unset;
+}
+
+.friend-avatar {
+  object-fit: cover;
+}
+
+.friend-github {
+  width: 1em;
+  vertical-align: middle;
+  margin-right: -0.5em;
+}
+
+.friend-tag {
+  font-size: 0.8em;
+}
+
+.citation {
+  margin: auto;
+}
+
+.citation figcaption {
+  text-align: right;
+}
+
+html[data-theme="dark"] {
+  & .friend-github {
+    filter: invert(1);
+  }
+}
\ No newline at end of file
diff --git a/www/assets/real-home.css b/www/assets/real-home.css
deleted file mode 100644
index 83c865b..0000000
--- a/www/assets/real-home.css
+++ /dev/null
@@ -1,61 +0,0 @@
-#slogan {
-  position: sticky;
-  z-index: 1;
-  top: 0;
-}
-
-#title-name {
-  font-family: monospace;
-  color: var(--bg-color);
-  background-color: var(--fg-color);
-}
-
-#avatar {
-  float: right;
-}
-
-#recent-posts {
-  margin-block-end: 1.5em;
-}
-
-#friends-container {
-  display: flex;
-  gap: 1em;
-}
-
-.friend {
-  flex-grow: 0;
-  text-align: center;
-}
-
-.friend a {
-  font-family: unset;
-}
-
-.friend-avatar {
-  object-fit: cover;
-}
-
-.friend-github {
-  width: 1em;
-  vertical-align: middle;
-  margin-right: -0.5em;
-}
-
-.friend-tag {
-  font-size: 0.8em;
-}
-
-.citation {
-  margin: auto;
-}
-
-.citation figcaption {
-  text-align: right;
-}
-
-html[data-theme="dark"] {
-  & .friend-github {
-    filter: invert(1);
-  }
-}
-- 
cgit v1.2.3