feat: display fictions in index page

Former-commit-id: d8e62892c512c013ff4af462efac37482467380b

1 files changed, 21 insertions, 0 deletions

diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss
index 5deae15a..68adca84 100644
--- a/assets/css/components/_postlist.scss
+++ b/assets/css/components/_postlist.scss
@@ -29,6 +29,13 @@
                     color: var(--secondary-text-color);
                     font-family: var(--mono-font-family);
                 }
+                .posts-item-title {
+                    .posts-item-title-pill {
+                        font-size: 1rem;
+                        font-weight: normal;
+                        color: var(--secondary-text-color)
+                    }
+                }
             }
 
             .posts-item-category {
@@ -41,6 +48,20 @@
             }
             font-size: 1em;
         }
+
+        position: relative;
+        .posts-item-icon {
+            position: absolute;
+            top: 0;
+            right: 0;
+            opacity: 0.25;
+            z-index: -1;
+            transform: rotateY(180deg);
+            img {
+                width: 8rem;
+                height: 8rem;
+            }
+        }
     }
 }