feat: wiki

2 files changed, 130 insertions, 0 deletions

diff --git a/public/static/img/icons/book.png b/public/static/img/icons/book.png
new file mode 100644
index 0000000..5084b14
--- /dev/null
+++ b/public/static/img/icons/book.png
diff --git a/public/static/style.css b/public/static/style.css
index a39a3bd..739e76c 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -9,6 +9,9 @@
     --promo-button-background-hover: #ff9028;
     --promo-button-foreground: #662000;
     --promo-button-border: #ac6019;
+
+    --wiki-content-background: #fff;
+    --wiki-sidebar-background: #fefefe;
 }
 
 * {
@@ -189,6 +192,129 @@ button:hover {
 }
 
 /**
+--- WIKI
+*/
+
+.wiki-sidebar {
+    display: flex;
+    flex-direction: column;
+    position: sticky;
+    top: 0;
+    min-width: 256px;
+    max-height: 100vh;
+
+    overflow-y: scroll;
+
+    background: var(--wiki-sidebar-background);
+
+    padding: 8px;
+
+    font-size: 16px;
+    gap: 6px;
+
+    box-shadow: 2px 0 1px rgba(0, 0, 0, 0.25);
+}
+
+.wiki-sidebar h1 {
+    font-size: 20px;
+    font-weight: 600;
+}
+
+.wiki-sidebar h2 {
+    font-size: 18px;
+    font-weight: 600;
+    margin-left: 4px;
+}
+
+.wiki-sidebar h1,
+.wiki-sidebar h2 {
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+
+.wiki-sidebar ul {
+    list-style: none;
+    margin: 0 8px;
+}
+
+.wiki-sidebar a {
+    color: rgb(4, 120, 87);
+    text-decoration: underline;
+}
+
+.wiki-sidebar a:hover {
+    color: rgb(16, 185, 129);
+}
+
+
+div:has(.wiki-content) {
+    background: var(--wiki-content-background);
+}
+
+.wiki-content {
+    margin: 0 16px;
+    margin-bottom: 64px;
+}
+
+.wiki-content h1 {
+    font-size: 32px;
+    font-weight: 600;
+}
+
+.wiki-content h2 {
+    font-size: 24px;
+    font-weight: 600;
+}
+
+.wiki-content h3 {
+    font-size: 18px;
+}
+
+.wiki-content h1,
+.wiki-content h2,
+.wiki-content h3,
+.wiki-content h4 {
+    margin: 16px 0;
+}
+
+.wiki-content p {
+    margin: 16px 16px;
+}
+
+.wiki-content ul {
+    margin: 0 32px;
+}
+
+.wiki-content li {
+    list-style-type: disc;
+}
+
+.wiki-content a {
+    color: rgb(4, 120, 87);
+    text-decoration: underline;
+}
+
+.wiki-content a:hover {
+    color: rgb(16, 185, 129);
+}
+
+.wiki-content code {
+    background-color: rgba(243, 244, 246, 255);
+    color: rgba(5, 150, 105, 255);
+    padding: 2px;
+    border-radius: 2px;
+}
+
+.wiki-content blockquote {
+    background-color: rgba(243, 244, 246, 255);
+    padding: 2px;
+    margin: 16px 0;
+
+    border-left-width: 4px;
+    border-color: rgba(5, 150, 105, 255);
+}
+
+/**
 --- SHORTCUTS
 */
 
@@ -255,6 +381,10 @@ button:hover {
     padding: 16px;
 }
 
+.p-4 {
+    padding: 4px;
+}
+
 .border {
     border: 0.25px solid rgba(133, 133, 133, 0.25);
 }
\ No newline at end of file