feat(www): update page and use hugo image.

1 files changed, 79 insertions, 0 deletions

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