add: basic blog layout

Basic Blog Layout to work on
2025-06-11 20:41:34 +02:00 · 2025-06-11 20:41:34 +02:00 · 91b59e4ebe
commit 91b59e4ebe
parent 9d691974ce
15 changed files with 278 additions and 3 deletions
--- a/app/assets/css/blogCard.css
+++ b/app/assets/css/blogCard.css
@ -0,0 +1,44 @@
+.BlogCard {
+    overflow: hidden;
+    border-radius: 1rem;
+    background: var(--color-orange-black);
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    transition: 150ms;
+    gap: 1rem;
+
+    &:hover {
+        scale: 1.05;
+    }
+
+    & .card-content {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+        padding: 0 1.5rem 1rem;
+        gap: 1.5rem;
+    }
+
+    & .chip {
+        margin-bottom: 1rem;
+    }
+
+    & footer {
+        margin-top: auto;
+        display: flex;
+        flex-direction: column;
+        gap: .5rem;
+    }
+
+    & .tags {
+        display: flex;
+        flex-wrap: wrap;
+        gap: .5rem;
+        opacity: .5;
+
+        & .tag {
+            color: var(--color-orange);
+        }
+    }
+}