docs: migrate wiki into main repo

docs/examples/Config.md

@@ -0,0 +1,202 @@
+The below config shows a module of each type being used.
+
+The Corn format makes heavy use of variables 
+to show how module configs can be easily referenced to improve readability 
+and reduce config length when using multiple bars.
+
+<details>
+<summary>JSON</summary>
+
+```json
+{
+  "start": [
+    {
+      "all_monitors": false,
+      "name_map": {
+        "1": "ﭮ",
+        "2": "",
+        "3": "",
+        "Code": "",
+        "Games": ""
+      },
+      "type": "workspaces"
+    },
+    {
+      "favorites": [
+        "firefox",
+        "discord",
+        "Steam"
+      ],
+      "icon_theme": "Paper",
+      "show_icons": true,
+      "show_names": false,
+      "type": "launcher"
+    }
+  ],
+  "end": [
+    {
+      "music_dir": "/home/jake/Music",
+      "type": "mpd"
+    },
+    {
+      "host": "chloe:6600",
+      "type": "mpd"
+    },
+    {
+      "path": "/home/jake/bin/phone-battery",
+      "type": "script"
+    },
+    {
+      "format": [
+        "{cpu-percent}% ",
+        "{memory-percent}% "
+      ],
+      "type": "sys-info"
+    },
+    {
+      "type": "clock"
+    }
+  ]
+}
+```
+
+</details>
+
+<details>
+<summary>TOML</summary>
+
+```toml
+[[start]]
+all_monitors = false
+type = 'workspaces'
+
+[start.name_map]
+1 = 'ﭮ'
+2 = ''
+3 = ''
+Code = ''
+Games = ''
+
+[[start]]
+icon_theme = 'Paper'
+show_icons = true
+show_names = false
+type = 'launcher'
+favorites = [
+    'firefox',
+    'discord',
+    'Steam',
+]
+
+[[end]]
+music_dir = '/home/jake/Music'
+type = 'mpd'
+
+[[end]]
+host = 'chloe:6600'
+type = 'mpd'
+
+[[end]]
+path = '/home/jake/bin/phone-battery'
+type = 'script'
+
+[[end]]
+type = 'sys-info'
+format = [
+    '{cpu-percent}% ',
+    '{memory-percent}% ',
+]
+
+[[end]]
+type = 'clock'
+```
+
+</details>
+
+<details>
+<summary>YAML</summary>
+
+```yaml
+---
+start:
+  - all_monitors: false
+    name_map:
+      "1": ﭮ
+      "2": 
+      "3": 
+      Code: 
+      Games: 
+    type: workspaces
+  - favorites:
+      - firefox
+      - discord
+      - Steam
+    icon_theme: Paper
+    show_icons: true
+    show_names: false
+    type: launcher
+end:
+  - music_dir: /home/jake/Music
+    type: mpd
+  - host: "chloe:6600"
+    type: mpd
+  - path: /home/jake/bin/phone-battery
+    type: script
+  - format:
+      - "{cpu-percent}% "
+      - "{memory-percent}% "
+    type: sys-info
+  - type: clock
+```
+</details>
+
+<details>
+<summary>Corn</summary>
+
+```corn
+let {
+    $workspaces = {
+        type = "workspaces"
+        all_monitors = false
+        name_map = {
+            1 = "ﭮ"
+            2 = ""
+            3 = ""
+            Games = ""
+            Code = ""
+        }
+    }
+
+    $launcher = {
+        type = "launcher"
+        favorites = ["firefox" "discord" "Steam"]
+        show_names = false
+        show_icons = true
+        icon_theme = "Paper"
+    }
+
+    $mpd_local = { type = "mpd" music_dir = "/home/jake/Music" }
+    $mpd_server = { type = "mpd" host = "chloe:6600" }
+
+    $sys_info = {
+        type = "sys-info"
+        format = ["{cpu-percent}% " "{memory-percent}% "]
+    }
+
+    $tray = { type = "tray" }
+    $clock = { type = "clock" }
+    
+    $phone_battery = {
+    type = "script"
+    path = "/home/jake/bin/phone-battery"
+    }
+    
+    $start = [ $workspaces $launcher ]
+    $end = [ $mpd_local $mpd_server $phone_battery $sys_info $clock ]
+}
+in {
+    start = $start
+    end = $end
+}
+```
+</details>

docs/examples/Stylesheet.md

@@ -0,0 +1,142 @@
+The below example is a full stylesheet for all modules:
+
+```css
+* {
+    /* a nerd font is required to be installed for icons */
+    font-family: Noto Sans Nerd Font, sans-serif;
+    font-size: 16px;
+    border: none;
+}
+
+#bar {
+    border-top: 1px solid #424242;
+}
+
+.container {
+    background-color: #2d2d2d;
+}
+
+.container#end > * + * {
+    margin-left: 20px;
+}
+
+.popup {
+    background-color: #2d2d2d;
+    border: 1px solid #424242;
+}
+
+#workspaces .item {
+    color: white;
+    background-color: #2d2d2d;
+    border-radius: 0;
+}
+
+#workspaces .item.focused {
+    box-shadow: inset 0 -3px;
+    background-color: #1c1c1c;
+}
+
+#workspaces *:not(.focused):hover {
+    box-shadow: inset 0 -3px;
+}
+
+#launcher .item {
+    border-radius: 0;
+    background-color: #2d2d2d;
+    margin-right: 4px;
+}
+
+#launcher .item:not(.focused):hover {
+    background-color: #1c1c1c;
+}
+
+#launcher .open {
+    border-bottom: 2px solid #6699cc;
+}
+
+#launcher .focused {
+    color: white;
+    background-color: black;
+    border-bottom: 4px solid #6699cc;
+}
+
+#launcher .urgent {
+    color: white;
+    background-color: #8f0a0a;
+}
+
+#script {
+    color: white;
+}
+
+#sysinfo {
+    color: white;
+}
+
+#tray .item {
+    background-color: #2d2d2d;
+}
+
+#mpd {
+    background-color: #2d2d2d;
+    color: white;
+}
+
+#popup-mpd {
+    color: white;
+    padding: 1em;
+}
+
+#popup-mpd #album-art {
+    margin-right: 1em;
+}
+
+#popup-mpd #title .icon, #popup-mpd #title .label {
+    font-size: 1.7em;
+}
+
+#popup-mpd #controls * {
+    border-radius: 0;
+    background-color: #2d2d2d;
+    color: white;
+}
+
+#popup-mpd #controls *:disabled {
+    color: #424242;
+}
+
+#clock {
+    color: white;
+    background-color: #2d2d2d;
+    font-weight: bold;
+}
+
+#popup-clock {
+    padding: 1em;
+}
+
+#popup-clock #calendar-clock {
+    color: white;
+    font-size: 2.5em;
+    padding-bottom: 0.1em;
+}
+
+#popup-clock #calendar {
+    background-color: #2d2d2d;
+    color: white;
+}
+
+#popup-clock #calendar .header {
+    padding-top: 1em;
+    border-top: 1px solid #424242;
+    font-size: 1.5em;
+}
+
+#popup-clock #calendar:selected {
+    background-color: #6699cc;
+}
+
+#focused {
+    color: white;
+}
+```