feat: 添加个人主页实现 (#1)

Reviewed-on: #1

YaeBlog/Pages/BlogIndex.razor.css

@@ -0,0 +1,96 @@
+.banner {
+    position: relative;
+    height: 100%;
+    overflow: hidden;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+}
+
+.blog-title {
+    color: white;
+    text-align: center;
+    top: 43%;
+    position: absolute;
+    width: 100%;
+}
+
+.scroll-down {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+}
+
+.scroll-down-tag {
+    font-family: "Font Awesome 6 Free", sans-serif;
+    font-size: 36px;
+    font-style: normal;
+    font-weight: 900;
+    color: white;
+    text-align: center;
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    animation: scroll-down-animation 1.5s infinite;
+}
+
+.scroll-down-tag::before {
+    content: "\f107";
+}
+
+@keyframes scroll-down-animation {
+    0% {
+        top: 0;
+        opacity: 0.4;
+    }
+
+    50% {
+        top: -20px;
+        opacity: 1;
+    }
+
+    100% {
+        top: 0;
+        opacity: 0.4;
+    }
+}
+
+.essay-description {
+    width: 100%;
+    line-height: 1.4rem;
+    word-break: break-word;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+
+.pagination {
+    font-size: 2em;
+}
+
+.pagination-item {
+    margin: auto 0 auto 0;
+}
+
+.chevron-left {
+    font-size: 1.2rem;
+    font-family: "Font Awesome 6 Free", sans-serif;
+    font-style: normal;
+    font-weight: 900;
+}
+
+.chevron-left::before {
+    content: "\f053";
+}
+
+.chevron-right {
+    font-size: 1.2rem;
+    font-family: "Font Awesome 6 Free", sans-serif;
+    font-style: normal;
+    font-weight: 900;
+}
+
+.chevron-right::before {
+    content: "\f054";
+}