feat: Tables?

Author: worldwidepixel

static/app.css

@@ -83,6 +83,9 @@ html {
 
   p {
     @apply leading-6;
+    > * {
+      @apply my-4;
+    }
   }
 
   a {
@@ -131,7 +134,7 @@ html {
   }
 
   details {
-    @apply bg-mf-bg rounded-md;
+    @apply bg-mf-bg rounded-md mb-2;
     summary {
       @apply text-mf-heading font-bold cursor-pointer p-2 hover:bg-slate-950
         rounded-md px-4 transition select-none;
@@ -143,6 +146,29 @@ html {
       @apply pb-4;
     }
   }
+
+  table {
+    @apply border-[1px] border-mf-unknown border-separate border-spacing-0
+      max-w-full w-max rounded-xl overflow-auto block;
+    td {
+      @apply px-2 py-1 border-mf-unknown border-b-[1px];
+    }
+    tr {
+      @apply bg-mf-bg;
+    }
+    tr:nth-child(2n) {
+      @apply bg-mf-card;
+    }
+    tr:not(:last-of-type) td {
+      @apply border-solid;
+    }
+    tr:last-of-type td {
+      @apply border-b-0;
+    }
+    td:not(:last-of-type) {
+      @apply border-mf-unknown border-r-[1px];
+    }
+  }
 }
 [open] {
   summary {

static/assets/pages/md.md

@@ -0,0 +1,107 @@
+# Markdown Format
+
+---
+
+## Headings
+
+<hr>
+
+# Heading 1 (\#)
+
+## Heading 2 (\#\#)
+
+### Heading 3 (\#\#\#)
+
+#### Heading 4 (\#\#\#\#)
+
+---
+
+## Lists
+
+<hr>
+
+Some text above
+
+- Main point
+  - Subpoint
+    - Sub Subpoint
+    - Sub Subpoint
+      - Sub Sub Subpoint
+        - Five Dollar Sub Sub Sub Subpoint
+  - Subpoint 2
+    - Sub Subpoint
+- Yet another main point
+
+---
+
+## Block Quotes, Collapsibles & Centre Tags
+
+### Block Quotes
+
+> I'm blocking you.
+
+> Not really :3
+
+### Collapsibles
+
+<details>
+<summary>A secret??</summary>
+
+## Secret secrets
+
+Now I can tell you all of my deepest and darkest secrets!
+
+First of all, I ⡟❹ⵄ⦨♕⎂ ⛩⓯ⶵ⬏ⴹ.
+
+</details>
+
+### Centre tags
+
+<center>
+<h2>I like being in the centre of things.</h2>
+Seemingly does not support MD syntax in <code>center</code> tags.
+</center>
+
+---
+
+## Tables
+
+<table>
+  <tr>
+    <th>Company</th>
+    <th>Contact</th>
+    <th>Country</th>
+  </tr>
+  <tr>
+    <td>Alfreds Futterkiste</td>
+    <td>Maria Anders</td>
+    <td>Germany</td>
+  </tr>
+  <tr>
+    <td>Centro comercial Moctezuma</td>
+    <td>Francisco Chang</td>
+    <td>Mexico</td>
+  </tr>
+  <tr>
+    <td>Ernst Handel</td>
+    <td>Roland Mendel</td>
+    <td>Austria</td>
+  </tr>
+  <tr>
+    <td>Island Trading</td>
+    <td>Helen Bennett</td>
+    <td>UK</td>
+  </tr>
+  <tr>
+    <td>Laughing Bacchus Winecellars</td>
+    <td>Yoshi Tannamuri</td>
+    <td>Canada</td>
+  </tr>
+  <tr>
+    <td>Magazzini Alimentari Riuniti</td>
+    <td>Giovanni Rovelli</td>
+    <td>Italy</td>
+  </tr>
+</table>
+
+WorldWidePixel put this here and now it shall remain forever!