Add full blogging functionality

2025-06-20 11:27:29 +02:00 · 2021-11-06 23:32:57 +00:00 · 2021-11-06 23:32:57 +00:00 · c8e8351b43
commit c8e8351b43
parent bb7486635c
14 changed files with 557 additions and 178 deletions
--- a/src/templates/blogPost.module.scss
+++ b/src/templates/blogPost.module.scss
@ -0,0 +1,70 @@
+@import "../variables";
+@import "../mixins";
+
+.scamboxSection {
+    flex-grow: 1;
+}
+
+.noticeBox {
+    background-color: $noticeColor;
+    padding: $layoutPadding;
+    border-radius: 10px;
+
+    > p {
+        margin-bottom: 0;
+    }
+}
+
+.meta {
+    display: block;
+    margin-top: -25px;
+    margin-bottom: $layoutPadding*2;
+}
+
+.chatBox {
+    width: 100%;
+    min-height: 600px;
+    border-radius: 10px;
+    position: relative;
+    margin-top: 20px;
+
+    > span {
+        position: relative;
+        top: 0;
+        left: 20px;
+        display: flex;
+        justify-content: left;
+        align-items: center;
+        z-index: 20;
+        font-size: 1.5em;
+        text-shadow: 0 0 10px black;
+
+        @media(prefers-color-scheme: light) {
+            text-shadow: 0 0 10px white;
+        }
+
+        > svg {
+            margin-right: 10px;
+        }
+    }
+
+
+    > iframe {
+        position: absolute;
+        top: 25px;
+        left: 0;
+        width: 100%;
+        height: calc(100% - 25px);
+        border: none;
+        outline: none;
+        border-radius: 10px;
+        box-shadow: -1px 11px 33px -10px rgba(127, 127, 127, 0.2),
+            -1px 11px 33px -10px rgba($accentColor, 0.25);
+
+        @media (prefers-color-scheme: light) {
+            box-shadow: -1px 11px 33px -10px rgba(29, 29, 29, 0.2),
+                -1px 11px 33px -10px rgba($accentColor, 0.25);
+        }
+    }
+
+}