simple shortcodes

2024-11-12 21:06:52 -07:00 · 2024-11-12 21:06:52 -07:00 · ba252d7d6a
commit ba252d7d6a
parent 1d39002bb5
10 changed files with 209 additions and 9 deletions
--- a/static/main.css
+++ b/static/main.css
@ -0,0 +1,124 @@
+@import url('https://fonts.googleapis.com/css?family=JetBrains Mono');
+
+
+@font-face {
+    font-family: "JetBrains Mono", monospace;
+    src: url("/fonts/JetBrainsMono-Regular.woff2")
+}
+
+body {
+    background-color: #11111b;
+    font-family: "JetBrains Mono", monospace;
+
+    max-width: max(800px, 45%);
+    height: 100vh;
+    margin: auto;
+
+    padding-left: 8px;
+    padding-right: 8px;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+}
+
+.content {
+
+}
+
+header {
+    padding: 10px;
+
+    nav {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+        a {
+            padding-left: 4px;
+            padding-right: 4px;
+            color: #a6e3a1;
+        }
+    }
+}
+
+footer {
+    align-self: flex-end;
+    justify-self: flex-end;
+    width: 100%;
+
+    margin-top: auto;
+
+    div {
+        align-self: center;
+        padding: 5px;
+    }
+
+    hr {
+        border: 2px dashed #89b4fa
+    }
+
+    text-align: center;
+    font-size: 14px;
+    font-family: "JetBrains Mono", monospace;
+}
+
+.insert-note {
+    border-style: dotted;
+    border-width: 3px;
+    border-radius: 5px;
+
+    padding: 8px;
+
+    background-color: hsl(199deg, 76%, 39%);
+    border-color: hsl(189deg, 71%, 73%);
+}
+
+.insert-warning {
+    border-style: dashed;
+    border-width: 3px;
+    border-radius: 5px;
+
+    padding: 8px;
+
+    background-color: hsl(343deg, 81%, 20%);
+    border-color: hsl(23deg, 92%, 40%);
+}
+
+.insert-important {
+    border-style: dashed;
+    border-width: 3px;
+    border-radius: 5px;
+
+    padding: 8px;
+
+    background-color: hsl(23deg, 92%, 30%);
+    border-color: hsl(350deg, 65%, 77%);
+}
+
+
+figure {
+    img {
+        max-width: 100%;
+        display: block;
+        margin: 0 auto;
+    }
+    margin: 0 auto;
+}
+
+figcaption {
+    width: 100%;
+    text-align: center;
+    margin: 5px auto;
+}
+
+#new-site-warning {
+    margin-top: 10px;
+    padding: 8px;
+
+    background-color: hsl(343deg, 81%, 20%);
+    border-color: hsl(23deg, 92%, 40%);
+
+    border-style: dashed;
+    border-radius: 5px;
+    border-width: 3px;
+}