From b69ff6ca8ad816c63465d4fbd1bb696b7e9d3d01 Mon Sep 17 00:00:00 2001
From: venashial <venashial.levo@aleeas.com>
Date: Sat, 12 Mar 2022 01:34:09 -0800
Subject: [PATCH] docs: Improve header + sidebar docs: Create workflows lib:
 Start pagination

---
 .github/workflows/deploy.yml                  |  41 +++++++++
 .github/workflows/release.yml                 |  44 ++++++++++
 .idea/modules.xml                             |   2 +-
 .idea/{kleos.iml => omorphia.iml}             |   0
 README.md                                     |   6 +-
 mdsvex.config.js                              |   4 +
 package.json                                  |   6 +-
 pnpm-lock.yaml                                |  49 +++++------
 src/app.html                                  |   4 +-
 src/lib/components/elements/Pagination.svelte |  59 +++++++++++++
 src/routes/__layout.svelte                    |  32 ++++---
 src/routes/_docs/Header.svelte                |   4 -
 src/routes/_internal/assets/omorphia.svg      |   3 +
 src/routes/_internal/components/Header.svelte |  79 ++++++++++++++++++
 .../components}/Sidebar.svelte                |  13 ++-
 src/routes/_internal/layout/page.svelte       |  33 ++++++++
 .../styles/gh-markdown.css                    |  17 ++++
 .../styles/prism-one-dark.css                 |   0
 src/routes/components/buttons.md              |  10 +--
 src/routes/components/pagination.md           |  11 +++
 src/routes/getting-started/css.md             |   8 +-
 src/routes/getting-started/icons.md           |  10 +--
 src/routes/index.md                           |  28 +++----
 static/.nojekyll                              |   0
 static/assets/omorphia.png                    | Bin 0 -> 15501 bytes
 static/favicon.png                            | Bin 1571 -> 0 bytes
 svelte.config.js                              |  46 ++++++----
 tsconfig.json                                 |  44 +++++++++-
 28 files changed, 445 insertions(+), 108 deletions(-)
 create mode 100644 .github/workflows/deploy.yml
 create mode 100644 .github/workflows/release.yml
 rename .idea/{kleos.iml => omorphia.iml} (100%)
 create mode 100644 src/lib/components/elements/Pagination.svelte
 delete mode 100644 src/routes/_docs/Header.svelte
 create mode 100644 src/routes/_internal/assets/omorphia.svg
 create mode 100644 src/routes/_internal/components/Header.svelte
 rename src/routes/{_docs => _internal/components}/Sidebar.svelte (78%)
 create mode 100644 src/routes/_internal/layout/page.svelte
 rename src/routes/{_docs => _internal}/styles/gh-markdown.css (95%)
 rename src/routes/{_docs => _internal}/styles/prism-one-dark.css (100%)
 create mode 100644 src/routes/components/pagination.md
 create mode 100644 static/.nojekyll
 create mode 100644 static/assets/omorphia.png
 delete mode 100644 static/favicon.png

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 000000000..507e78068
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,41 @@
+name: Deploy
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: pnpm/action-setup@v2.1.0
+        with:
+          version: 6.32.0
+
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build
+        run: pnpm build
+
+      - name: Deploy
+        uses: JamesIves/github-pages-deploy-action@v4.2.5
+        with:
+          branch: gh-pages
+          folder: build
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 000000000..90db06163
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,44 @@
+name: Release
+on:
+  push:
+    branches:
+      - 'main'
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - uses: pnpm/action-setup@v2.1.0
+        with:
+          version: 6.32.0
+
+      - name: Setup Node
+        uses: actions/setup-node@v2
+        with:
+          node-version: '14'
+          registry-url: 'https://registry.npmjs.org'
+
+      - name: Cache pnpm modules
+        uses: actions/cache@v2
+        with:
+          path: ~/.pnpm-store
+          key: ${{ runner.os }}-${{ hashFiles('**/pnpm-lock.yaml') }}
+          restore-keys: |
+            ${{ runner.os }}-
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Package
+        run: pnpm package
+
+      - name: Publish
+        run: |
+          cd package
+          pnpm publish --no-git-checks
+
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.idea/modules.xml b/.idea/modules.xml
index a66d44ea0..8a6541ab6 100644
--- a/.idea/modules.xml
+++ b/.idea/modules.xml
@@ -2,7 +2,7 @@
 <project version="4">
   <component name="ProjectModuleManager">
     <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/kleos.iml" filepath="$PROJECT_DIR$/.idea/kleos.iml" />
+      <module fileurl="file://$PROJECT_DIR$/.idea/omorphia.iml" filepath="$PROJECT_DIR$/.idea/omorphia.iml" />
     </modules>
   </component>
 </project>
\ No newline at end of file
diff --git a/.idea/kleos.iml b/.idea/omorphia.iml
similarity index 100%
rename from .idea/kleos.iml
rename to .idea/omorphia.iml
diff --git a/README.md b/README.md
index 7ae86410c..a56eeff2d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Kleos
+# Omorphia
 
 *The Modrinth component library, in Svelte*
 
@@ -29,13 +29,13 @@ When creating a component, start with [GitHub's Primer styles](https://github.co
 Install the package:
 
 ```bash
-npm install kleos # or pnpm inst...
+npm install omorphia # or pnpm inst...
 ```
 
 Import a component:
 ```svelte
 <script>
-    import { Button } from "kleos"
+    import { Button } from "omorphia"
 </script>
 
 <Button> Click me! </Button>
diff --git a/mdsvex.config.js b/mdsvex.config.js
index 3162d782c..d46083269 100644
--- a/mdsvex.config.js
+++ b/mdsvex.config.js
@@ -9,6 +9,10 @@ const config = defineConfig({
 
   remarkPlugins: [],
   rehypePlugins: [],
+
+  layout: {
+    _: "./src/routes/_internal/layout/page.svelte",
+  }
 });
 
 export default config;
diff --git a/package.json b/package.json
index 255ef5c2a..151d454b5 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "kelos",
+  "name": "omorphia",
   "version": "0.0.1-alpha",
   "scripts": {
     "dev": "svelte-kit dev",
@@ -13,9 +13,11 @@
     "format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. ."
   },
   "devDependencies": {
+    "@iconify-json/carbon": "^1.1.1",
     "@iconify-json/heroicons-outline": "^1.1.1",
     "@iconify-json/lucide": "^1.1.7",
-    "@sveltejs/adapter-auto": "next",
+    "@poppanator/sveltekit-svg": "^0.3.1",
+    "@sveltejs/adapter-static": "^1.0.0-next.29",
     "@sveltejs/kit": "next",
     "@typescript-eslint/eslint-plugin": "^5.10.1",
     "@typescript-eslint/parser": "^5.10.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d69f434c7..f81cc28fd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,9 +1,11 @@
 lockfileVersion: 5.3
 
 specifiers:
+  '@iconify-json/carbon': ^1.1.1
   '@iconify-json/heroicons-outline': ^1.1.1
   '@iconify-json/lucide': ^1.1.7
-  '@sveltejs/adapter-auto': next
+  '@poppanator/sveltekit-svg': ^0.3.1
+  '@sveltejs/adapter-static': ^1.0.0-next.29
   '@sveltejs/kit': next
   '@typescript-eslint/eslint-plugin': ^5.10.1
   '@typescript-eslint/parser': ^5.10.1
@@ -31,9 +33,11 @@ specifiers:
   unplugin-icons: ^0.13.3
 
 devDependencies:
+  '@iconify-json/carbon': 1.1.1
   '@iconify-json/heroicons-outline': 1.1.1
   '@iconify-json/lucide': 1.1.7
-  '@sveltejs/adapter-auto': 1.0.0-next.31
+  '@poppanator/sveltekit-svg': 0.3.1_svelte@3.46.4
+  '@sveltejs/adapter-static': 1.0.0-next.29
   '@sveltejs/kit': 1.0.0-next.295_svelte@3.46.4
   '@typescript-eslint/eslint-plugin': 5.14.0_e3f5f4efe2bd492e36eb6c1c619dfc98
   '@typescript-eslint/parser': 5.14.0_eslint@7.32.0+typescript@4.6.2
@@ -214,8 +218,10 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
 
-  /@iarna/toml/2.2.5:
-    resolution: {integrity: sha512-trnsAYxU3xnS1gPHPyU961coFyLkh4gAD/0zQ5mymY4yOZ+CYvsPqUbOFSw0aDM4y0tV7tiFxL/1XfXPNC6IPg==}
+  /@iconify-json/carbon/1.1.1:
+    resolution: {integrity: sha512-ClOYc+82CKlDAKH1tfDTJTzNz4oHhYD04ALA5uemw9PdWXg05yIJb9bxWjSz4UgdUbH5N/yd8s9hNPI3h6jnlg==}
+    dependencies:
+      '@iconify/types': 1.0.12
     dev: true
 
   /@iconify-json/heroicons-outline/1.1.1:
@@ -268,6 +274,15 @@ packages:
       fastq: 1.13.0
     dev: true
 
+  /@poppanator/sveltekit-svg/0.3.1_svelte@3.46.4:
+    resolution: {integrity: sha512-atwGnEYD3S18hrwvM4S55sAB2EKzbvLPVBWoL9KSVqPgbSfRvKQb6aBrA7gWOQVz3uoCwDujUvvlbxvzYxmthw==}
+    peerDependencies:
+      svelte: 3.x
+    dependencies:
+      svelte: 3.46.4
+      svgo: 2.8.0
+    dev: true
+
   /@rollup/pluginutils/4.2.0:
     resolution: {integrity: sha512-2WUyJNRkyH5p487pGnn4tWAsxhEFKN/pT8CMgHshd5H+IXkOnKvKZwsz5ZWz+YCXkleZRAU5kwbfgF8CPfDRqA==}
     engines: {node: '>= 8.0.0'}
@@ -276,34 +291,12 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /@sveltejs/adapter-auto/1.0.0-next.31:
-    resolution: {integrity: sha512-N1ZFGxulcSAOJrtdFR567diwbWKUvLrHZiUE9TiEvIahnndeRa50MF9LDg/CuIvpa6fHqz5K827XXrADlPAr9g==}
+  /@sveltejs/adapter-static/1.0.0-next.29:
+    resolution: {integrity: sha512-0hjGnfT3BRyoHnzJ2w0/xL+xICRpKneDTm45ZzggiRrc0r71WJfF6toGeg8N4QUQnj8EJ3Itm453gsS1kt7VUQ==}
     dependencies:
-      '@sveltejs/adapter-cloudflare': 1.0.0-next.15
-      '@sveltejs/adapter-netlify': 1.0.0-next.50
-      '@sveltejs/adapter-vercel': 1.0.0-next.46
-    dev: true
-
-  /@sveltejs/adapter-cloudflare/1.0.0-next.15:
-    resolution: {integrity: sha512-kq3vNFpKmRVgAOfz4HrcleBnUADs++dfVF8S61EAFqNTEvGtOVdJKLql66Pe/uxlY0VxAp1dplxtEDf4/R70lQ==}
-    dependencies:
-      esbuild: 0.14.25
-    dev: true
-
-  /@sveltejs/adapter-netlify/1.0.0-next.50:
-    resolution: {integrity: sha512-lpHvjcHiC77SPyLp7OjhenJF9KYfKsXlmUua7icNh0Hc8SKtRQf0dn+a1Zy77AslikvOX7/4HZE8zPIyIvYYqw==}
-    dependencies:
-      '@iarna/toml': 2.2.5
-      esbuild: 0.14.25
       tiny-glob: 0.2.9
     dev: true
 
-  /@sveltejs/adapter-vercel/1.0.0-next.46:
-    resolution: {integrity: sha512-6Rwf3kZF6uX2JxDMoYgZWZe5TjVTTWZa57VukdNGjnlAT3CrfsEOBWyskX/8hx7AiYX5fucZaAtYPNZpUmueIA==}
-    dependencies:
-      esbuild: 0.14.25
-    dev: true
-
   /@sveltejs/kit/1.0.0-next.295_svelte@3.46.4:
     resolution: {integrity: sha512-4pO/swXByhU+7bhNikTjh1d4QxAMP9TZ74p7sdPuyJf5cg7Zrfk1nBtaMt0R+8+5j1xfC/XWRcxa3WnhT9bQMA==}
     engines: {node: '>=14.13'}
diff --git a/src/app.html b/src/app.html
index f41394532..3969c038b 100644
--- a/src/app.html
+++ b/src/app.html
@@ -3,11 +3,11 @@
 	<head>
 		<meta charset="utf-8" />
 		<meta name="description" content="" />
-		<link rel="icon" href="%svelte.assets%/favicon.png" />
+		<link rel="icon" href="%svelte.assets%/assets/omorphia.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%svelte.head%
 	</head>
 	<body>
-		<div>%svelte.body%</div>
+		%svelte.body%
 	</body>
 </html>
diff --git a/src/lib/components/elements/Pagination.svelte b/src/lib/components/elements/Pagination.svelte
new file mode 100644
index 000000000..e7149d312
--- /dev/null
+++ b/src/lib/components/elements/Pagination.svelte
@@ -0,0 +1,59 @@
+<script lang="ts">
+    // TODO: Modify to match new button props
+
+    import IconArrowRight from 'virtual:icons/heroicons-outline/arrow-right'
+    import IconArrowLeft from 'virtual:icons/heroicons-outline/arrow-left'
+    import IconMinus from 'virtual:icons/heroicons-outline/minus'
+    import Button from "./buttons/Button.svelte";
+    import { createEventDispatcher } from 'svelte'
+
+    export let page: number;
+    export let count: number;
+
+    $: options = count > 4
+        ? page + 3 >= count
+            ? [1, '-', count - 4, count - 3, count - 2, count - 1, count]
+            : page > 4
+                ? [1, '-', page - 1, page, page + 1, '-', count]
+                : [1, 2, 3, 4, 5, '-', count]
+        : Array.from({ length: count }, (_, i) => i + 1)
+
+    const dispatch = createEventDispatcher();
+</script>
+
+{#if count > 1}
+    <div class="pagination">
+        <Button icon={IconArrowLeft} color="raised" on:click={() => dispatch('change', page - 1)} disabled={page <= 1} title="Last page"/>
+        {#each options as option}
+            {#if option === '-'}
+                <IconMinus class="pagination__dash" />
+            {:else}
+                <Button label={option} color={option === page ? 'brand' : 'raised'} on:click={() => dispatch('change', option)} evenPadding={true} />
+            {/if}
+        {/each}
+        <Button icon={IconArrowRight} color="raised" on:click={() => dispatch('change', page + 1)} disabled={page >= count} title="Next page" />
+    </div>
+{/if}
+
+<style lang="postcss">
+    .pagination {
+        align-self: center;
+        display: flex;
+        grid-gap: 0.5rem;
+        align-items: center;
+
+        :global(&__dash) {
+            margin: 0 0.5rem;
+            width: 1rem;
+            height: 1rem;
+        }
+
+        @media (width <= 500px) {
+            grid-gap: 0.25rem;
+
+            :global(> *:nth-child(4)), :global(> *:nth-child(6)) {
+                display: none;
+            }
+        }
+    }
+</style>
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index 815bb1222..c8de20464 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
     import "$lib/styles/variables.postcss"
     import "$lib/styles/themes.postcss"
-    import "./_docs/styles/prism-one-dark.css"
-    import "./_docs/styles/gh-markdown.css"
-    import Sidebar from "./_docs/Sidebar.svelte"
+    import "./_internal/styles/prism-one-dark.css"
+    import "./_internal/styles/gh-markdown.css"
+    import Sidebar from "./_internal/components/Sidebar.svelte"
+    import Header from './_internal/components/Header.svelte'
 </script>
 
 <div class="app">
+    <Header />
     <Sidebar />
     <main class="app__content">
         <slot />
@@ -18,28 +20,34 @@
         margin: 0;
         font-size: var(--body-font-size);
         font-family: var(--body-font);
+        overflow-y: scroll;
+        --accent-color: hsl(331, 60%, 45%);
+        --accent-color-transparent: hsla(331, 60%, 45%, 0.15);
     }
 
     .app {
         display: grid;
         min-height: 100vh;
-        --sidebar-size: 250px;
-        padding-left: var(--sidebar-size);
+        overflow: hidden;
+        --sidebar-width: 250px;
+        --header-height: 56px;
         @media (width <= 500px) {
             display: flex;
             flex-direction: column;
         }
-        overflow: hidden;
+
+        :global(a) {
+            color: var(--accent-color);
+            &:hover {
+                text-decoration: underline;
+            }
+        }
 
         &__content {
-            padding: 5rem max(8vw, 1rem);
-            max-width: 100%;
+            padding: var(--header-height) 0 0 var(--sidebar-width);
             overflow-x: hidden;
             overflow-y: auto;
-
-            :global(a) {
-                color: hsl(216, 50%, 50%);
-            }
+            background-color: hsl(220, 13%, 91%);
 
             :global(h1) {
                 font-size: 54px;
diff --git a/src/routes/_docs/Header.svelte b/src/routes/_docs/Header.svelte
deleted file mode 100644
index cff8cd276..000000000
--- a/src/routes/_docs/Header.svelte
+++ /dev/null
@@ -1,4 +0,0 @@
-<header>
-    <div class="site-title">Kleos</div>
-</header>
-
diff --git a/src/routes/_internal/assets/omorphia.svg b/src/routes/_internal/assets/omorphia.svg
new file mode 100644
index 000000000..50a459a4b
--- /dev/null
+++ b/src/routes/_internal/assets/omorphia.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25">
+  <path stroke="var(--accent-color)" stroke-width="2" d="M15.933 18.394c-3.261-.286-11.074-1.466-14.644-8.469m22.422 0c-2.114 4.291-10.8 11.927-16.017 13.026m6.18-21.87C10.268 3.06 5.496 9.72 5.633 14.388m17.732-5.664c-2.232-1.888-9.562-5.15-16.943 1.716m8.652-3.947c1.888 1.087 5.492 3.288 4.806 8.369m-9.956 2.787c-.286-1.888-.103-6.213 2.918-8.41m4.12 4.977a2.43 2.43 0 0 0-.075-.4m0 0c-.528-1.965-2.354-5.652-6.963-5.908m6.963 5.908c-2.856 2.601-6.11 3.11-7.65 2.975m7.65-2.975c.752-.685 1.702-2.374 2.36-3.376m-8.98 2.575c.687.744 3.468 2.369 4.978 2.231M24 12.5C24 18.851 18.851 24 12.5 24S1 18.851 1 12.5 6.149 1 12.5 1 24 6.149 24 12.5Z"/>
+</svg>
diff --git a/src/routes/_internal/components/Header.svelte b/src/routes/_internal/components/Header.svelte
new file mode 100644
index 000000000..aa52c9538
--- /dev/null
+++ b/src/routes/_internal/components/Header.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+    import OmorphiaLogo from '../assets/omorphia.svg'
+    import IconLogoGithub from 'virtual:icons/carbon/logo-github'
+    import IconChat from 'virtual:icons/heroicons-outline/chat-alt-2'
+    import { onMount } from 'svelte'
+
+    let headerElement
+
+    onMount(() => {
+        let lastScrollTop: number
+        window.addEventListener('scroll', function () {
+            let scrollTop = window.pageYOffset || document.documentElement.scrollTop
+            if (scrollTop > lastScrollTop) {
+                headerElement.style.top = 'calc(var(--header-height) * -1)'
+            } else {
+                headerElement.style.top = '0'
+            }
+            lastScrollTop = scrollTop
+        })
+    })
+</script>
+
+<header class="header" bind:this={headerElement}>
+    <OmorphiaLogo height="32px" width="auto"/>
+    <div class="header__title">Omorphia</div>
+    <div class="header__links">
+        <a href="https://modrinth.com">Modrinth.com</a>
+        <span class="spacer-dot"></span>
+        <a href="https://rewrite.modrinth.com/discord"><IconChat /></a>
+        <a href="https://github.com/modrinth/omorphia"><IconLogoGithub /></a>
+    </div>
+</header>
+
+
+<style lang="postcss">
+    .header {
+        display: flex;
+        grid-gap: 10px;
+        align-items: center;
+        padding: 0 32px;
+        position: fixed;
+        height: var(--header-height);
+        left: 0;
+        right: 0;
+        top: 0;
+        z-index: 10;
+        background-color: hsl(0, 0%, 100%);
+        box-shadow: hsla(221, 39%, 11%, 0.2) 0 2px 4px 0, hsla(221, 39%, 11%, 0.05) 0 -2px 2px 0 inset;
+        transition: top 0.3s ease-in-out;
+
+        &__title {
+            font-size: 20px;
+            font-weight: 600;
+        }
+
+        &__links {
+            margin-left: auto;
+            display: flex;
+            grid-gap: 16px;
+            align-items: center;
+
+            :global(svg) {
+                height: 22px;
+                width: auto;
+            }
+
+            a:not(:hover) {
+                color: unset;
+            }
+        }
+    }
+
+    .spacer-dot {
+        background-color: hsla(0, 0%, 0%, 0.2);
+        border-radius: 999px;
+        width: 5px;
+        aspect-ratio: 1 / 1;
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/_docs/Sidebar.svelte b/src/routes/_internal/components/Sidebar.svelte
similarity index 78%
rename from src/routes/_docs/Sidebar.svelte
rename to src/routes/_internal/components/Sidebar.svelte
index 5e3fdf558..099414294 100644
--- a/src/routes/_docs/Sidebar.svelte
+++ b/src/routes/_internal/components/Sidebar.svelte
@@ -8,7 +8,7 @@
 
     <div class="section">
         <span class="section__title">Components</span>
-        {#each ['buttons'] as component}
+        {#each ['buttons', 'pagination'] as component}
             <a href="/components/{component}" class="section__link">{component}</a>
         {/each}
     </div>
@@ -19,11 +19,11 @@
         display: flex;
         flex-direction: column;
         grid-gap: 2rem;
-        background-color: hsl(216, 10%, 30%);
+        background-color: hsl(220, 15%, 40%);
         color: hsl(216, 10%, 80%);
-        padding: 1.5rem;
+        padding: 5.5rem 1.5rem 1.5rem;
         height: 100vh;
-        width: calc(var(--sidebar-size) - 3rem);
+        width: calc(var(--sidebar-width) - 3rem);
         position: fixed;
         left: 0;
         top: 0;
@@ -42,6 +42,11 @@
                 text-transform: capitalize;
                 color: hsl(216, 10%, 90%);
                 text-decoration: none;
+
+                &:hover {
+                    color: white;
+                    text-decoration: underline;
+                }
             }
         }
     }
diff --git a/src/routes/_internal/layout/page.svelte b/src/routes/_internal/layout/page.svelte
new file mode 100644
index 000000000..83941e9ab
--- /dev/null
+++ b/src/routes/_internal/layout/page.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+    import IconPencil from 'virtual:icons/heroicons-outline/pencil'
+    import { page } from '$app/stores'
+
+    export let title
+    let pageUrl = `https://github.com/modrinth/omorphia/edit/main/src/routes/${$page.url.pathname.replace('/', '') || 'index'}.md`
+</script>
+
+<svelte:head>
+    <title>{title ? `${title} - Omorphia` : 'Omorphia'}</title>
+</svelte:head>
+
+<article>
+    {#if title}<h1>{title}</h1>{/if}
+    <a class="edit-link" href={pageUrl}>
+        <IconPencil/>
+        Edit this page on GitHub</a>
+    <slot/>
+</article>
+
+<style lang="postcss">
+    article {
+        max-width: 800px;
+        padding: 5rem max(8vw, 1rem);
+    }
+
+    .edit-link {
+        display: flex;
+        align-items: center;
+        grid-gap: 8px;
+        margin-bottom: 64px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/_docs/styles/gh-markdown.css b/src/routes/_internal/styles/gh-markdown.css
similarity index 95%
rename from src/routes/_docs/styles/gh-markdown.css
rename to src/routes/_internal/styles/gh-markdown.css
index 400a406fd..46d9d3112 100644
--- a/src/routes/_docs/styles/gh-markdown.css
+++ b/src/routes/_internal/styles/gh-markdown.css
@@ -364,4 +364,21 @@ pre {
 pre code, pre tt {
     background-color: transparent;
     border: none;
+}
+
+/* Custom styles */
+
+h1 {
+    font-weight: 600;
+}
+
+h2 {
+    font-weight: 500;
+}
+
+blockquote {
+    border-left: 4px solid var(--accent-color);
+    padding: 15px 15px;
+    color: unset;
+    background-color: var(--accent-color-transparent);
 }
\ No newline at end of file
diff --git a/src/routes/_docs/styles/prism-one-dark.css b/src/routes/_internal/styles/prism-one-dark.css
similarity index 100%
rename from src/routes/_docs/styles/prism-one-dark.css
rename to src/routes/_internal/styles/prism-one-dark.css
diff --git a/src/routes/components/buttons.md b/src/routes/components/buttons.md
index 8bfee9356..450b229e0 100644
--- a/src/routes/components/buttons.md
+++ b/src/routes/components/buttons.md
@@ -1,13 +1,11 @@
+---
+title: Buttons
+---
+
 <script lang="ts">
     import Button from "$lib/components/elements/buttons/Button.svelte"
 </script>
 
-<svelte:head>
-    <title>Buttons - Kleos</title>
-</svelte:head>
-
-# Buttons
-
 <Button>Eat cake</Button>
 
 <Button size="sm" color="primary">Small piece</Button>
diff --git a/src/routes/components/pagination.md b/src/routes/components/pagination.md
new file mode 100644
index 000000000..80885f728
--- /dev/null
+++ b/src/routes/components/pagination.md
@@ -0,0 +1,11 @@
+---
+title: Pagination
+---
+
+<script lang="ts">
+    import Pagination from "$lib/components/elements/Pagination.svelte"
+</script>
+
+TODO
+
+<Pagination page={20} count={50} />
\ No newline at end of file
diff --git a/src/routes/getting-started/css.md b/src/routes/getting-started/css.md
index 104b140b0..1331b7b7f 100644
--- a/src/routes/getting-started/css.md
+++ b/src/routes/getting-started/css.md
@@ -1,8 +1,6 @@
-<svelte:head>
-    <title>CSS - Kleos</title>
-</svelte:head>
-
-# CSS Configuration
+---
+title: CSS Configuration
+---
 
 Use [PostCSS](https://postcss.org/) to process your css in components and `.postcss` files.
 
diff --git a/src/routes/getting-started/icons.md b/src/routes/getting-started/icons.md
index 4d80f6063..94863033d 100644
--- a/src/routes/getting-started/icons.md
+++ b/src/routes/getting-started/icons.md
@@ -1,13 +1,11 @@
+---
+title: Icons
+---
+
 <script>
       import IconHeart from 'virtual:icons/heroicons-outline/heart'
 </script>
 
-<svelte:head>
-    <title>Icons - Kleos</title>
-</svelte:head>
-
-# Icons
-
 Use [unplugin-icons](https://github.com/antfu/unplugin-icons) to import icons as Svelte components.
 
 ## Installation
diff --git a/src/routes/index.md b/src/routes/index.md
index dcfc27fae..73d0b633d 100644
--- a/src/routes/index.md
+++ b/src/routes/index.md
@@ -1,30 +1,28 @@
-<svelte:head>
-    <title>Introduction - Kleos</title>
-</svelte:head>
+---
+title: Introduction
+---
 
-# Introduction
+## What is Omorphia?
 
-> Kleos is in early development, and not ready for use in any application. Contribute to it on [GitHub](https://github.com/modrinth/kleos).
+> Omorphia is in early development, and not ready for use in any application. Contribute to it on [GitHub](https://github.com/modrinth/omorphia).
 
-### What is Kleos?
-
-Kleos is Modrinth's style and reusable component library for use in all of its frontend applications, including [knossos](https://github.com/modrinth/knossos) (modrinth.com), [theseus](https://github.com/modrinth/theseus) (launcher), and planned projects such as Modrinth's in-house auth and ad-server.
+Omorphia is Modrinth's style and reusable component library for use in all of its frontend applications, including [knossos](https://github.com/modrinth/knossos) (modrinth.com), [theseus](https://github.com/modrinth/theseus) (launcher), and planned projects such as Modrinth's in-house auth and ad-server.
 
 It uses [Svelte](https://svelte.dev/) to deliver the best performance with the least boilerplate.
 
-### Getting started
+## Getting started
 
-Adding Kleos to your project is as easy as:
+Adding Omorphia to your project is as easy as:
 
 ```bash
-pnpm add kleos
+pnpm add omorphia
 ```
 
-#### Components
+### Components
 
 Import a component with:
 ```js
-import { Button } from "kleos"
+import { Button } from "omorphia"
 ```
 
 Then, use it in your HTML:
@@ -35,8 +33,8 @@ Then, use it in your HTML:
 
 For more information on each component, check out the pages on the sidebar navigation.
 
-> To get Svelte language support in your code editor, [use this list.](https://sveltesociety.dev/tools#editor-support)
+> To get Svelte language support in your code editor, [use this list of extensions.](https://sveltesociety.dev/tools#editor-support)
 
-#### Icons, Styles, and more
+### Using icons and styles
 
 Follow the guides on the sidebar to learn how to use [icons](/getting-started/icons) and general concepts.
\ No newline at end of file
diff --git a/static/.nojekyll b/static/.nojekyll
new file mode 100644
index 000000000..e69de29bb
diff --git a/static/assets/omorphia.png b/static/assets/omorphia.png
new file mode 100644
index 0000000000000000000000000000000000000000..1c09e0c0b8093c897a41d08421cd3157fd5ffd6b
GIT binary patch
literal 15501
zcmajGcRZY5w?2H&=)L#e34+mkZ^4KX1X03>-fKiBL<`ZPi%3LBNVF)!MDIePjv6&#
z5R%b(?|h%<ch2v;=bZQb!^hmS_Fl8s+T~vBTGxJZ8?H-6%uEab0GYm?mMH*0z>g4s
z5Fh+!>;J|D0C4Nw%&h{gj0_c=e7tTtI{Vy5+zj>d1?2#sq#Ek$=;VP2<h+k~;O4E&
zz2DZ!&FSW>%xx)cByQxZiEwq(d+3iadk8modg$RK@64^LLaY?304nf81UhntdU<*W
zD1<6=|D#s{{QUQ8F>cO(ngn_%b6XkR=G64@M{r8tl)fp>twPMH<nQdFV5+6_@6O<p
zGPi4Bps#|MSV&07%@E0(KK>8HB;@7g#l&G^FqkOVLNp-EJJ2yy)H{IZuZn-^&_V<_
z`MdcBy7_o>{?+Mt-zO+gnVTDwbN*X7BGm0awR;Er+kDUwVt*xK5;w)g{_p02ZZ7{z
z^S_e+*4)?CC(tLr)yMZg4EQfU@gL&<))92y|J)_i(f5C9Y-IHR-Q3ITznBpas2vPC
z;@?jFFJt;YKM-IZ=8F(BMFjW+`8y%BgAv|=JpXv&uU`~yyM-b=t+d>{5Z(cxca^ze
z(lY-q>D~WLs_EnD<8KBoD}*w)#6O+>`c6UL%kcri(#<*0^*^=!r@#>5{oubz{*KNw
z=<oF2@pc34f&Hg8tN)ZKbIZcOh4pvR|Iv5%e-!=4TqyiAJ|iDzaCnmc^!iVczNY4F
ze;*e&Pf!+Ms;j}NudOK~Aul5%3cL9)Q^1K+0Q<VRglRbjf~{cU;QADo6qS%LmylDC
zl2?Gqi;BxBi2rLm|Fj18gR^6x<Nsg#zpI*43G88Hq@d>(5a{C{_Rm-UTIyy9zkfab
z>(SHgpEb_O`Oi!%I6D1xk}|iizmIc}6T<l)vp{wKk_Py=1co^JBh(*&ldR0G?&9JG
zx-*RP_TSaZDREQ&-?sfnhY(l9-zooJO%wa~z{LJ;y8kmWC9(fDcBOwB{9n5i?Dwzl
zz}*iXBVzw?j(`vUaS|cC!Q;mtJZDn5?dHL=EXEC-mH##y03etdlsRmmp-!8q+9)_A
z{zf~6o_gw5Hz}{I`Ym%xDwm8Y9Um1aM_zbNMw7bD3r_d19wt%hUUAdvw`tWIQm3`O
zZh3FLF4HPm9XZ{U4Ir0%fMSLVGa(0Y@;&WHjPQ$6GWi}1lgR8^{aSf?qg6pgR#sE<
zyuJT^pH1`K>R&BU?;@n%3p=>cv74ETiYf6a)t6WrEm7@Rm`>bTm2}MGXQ1tn{9~11
zZv?kEK|71G62~^0&F0svS+NNViSmeuRjOv)6r4JLF7~0np5%!7yeE8uNJ1YF_-aVm
z(=Q&GAMxoIj8~X>Jv{R0!Jz(o?)qC)Y0}Rs2G*z>Ij7dBY0CQ%6+#7<*Jw*+iSO^s
zn+eKJ=fsx?$`C9=eBCDsu+&3|*^(8Q&G0x|*LLFetAgn$Al*o=^R3&5d!J@wOLV2*
zYDe)Eev;0NZZ_LaQkx-b5Vd@0vADGk>0&v&GgH@05$C`3;SeWo;K7kHJJA;S!XWb1
zyBh!iBs72jAV5J8BLHv$`daGdp+%VDkmtqPfBIDe@u+UA)8d*dI2vx7K=n`XbQP!{
z3YwZHi^rO~K_S^PvCwi;4Vnz@Ai-N%<PiLfx6s(~q_RN0(@Q@WS=qw2aI~W2{$hmc
zcmM}aOUS14amf)}ek<JNWqGyV&<I2XPlP~(cx1V2hsN=Fb4;^!D3VwSr@ahW%zRpE
zMU^?{&vJW$6`pU*1z$RDloAi&uUEk>(T)9VD2BmA!RE{-pmzX4CU|~JjC6D+>TtyO
z_xO54HQCi@YV?7WFU3I_7TaB8ac4w}4uH|*9`HneSd}JzE?aH#E0p0A$%$sDvZ)u>
zp($Q;j~v2<z~cVn?phL&jHx$|E*L(seIg?wG<Nr?L^Qf4nczj^$|2|pWVBc#N$Y&=
zQf>`<j1c0_c=*_ld5)J=5(AmOLyw>*{B=CvPo~COrC;N865Isde_QG(o-0w;|MN;D
zqpp;LWEb%Kys|i4xp{Ae*n!&DCdm6XD`)~xIU?TkLjWip_Z)NB+D9dz@aEA1{w!ZH
z=8!U@B3LP2lXmV253EqqJPh|PoozYt@`1NgYvv80A<4`oY=zPx+#!8r)11&OCM9~U
zvDtV_=5^s4s9KgB;xSGlbge4V8-Y+buvwAAU|zPQ{lI@K=8sbZ<B8$mo(ZK}><&U{
zVK5ObWI~d6fH!ewE;8#KSBV2vk=n<H1S?i6!5GZ%g}&^x8^AY8)+n5wU%D<bmE~4@
zc>GXV^B4#GI{={^q7R}9dA!y1iu=Y>fWY0yXVgoNiSZDE5~^qPC9b>UZFA$9KT};P
z7Mrv1c-?sbAGFyPbsWthp~?92zUwa;UtZr<EcWF>-@1d|U!mX%se={R>(=KrRLMMA
zbyJ2{TJr_~&VoAjRB@x}Re5$10c!>F($ZVgRDu_(COCO2<I7s-;1Y0SXtYqTYi3UK
z#kT7g0#KJbDj((E;#IYMgB{vYjf{|M=8|A)fN%=#?^3WDA8+k;LKn!CdP$3sJ~+#R
zu35UQ>q})3bt00#Ni2a5e39IV4({i%HTZD$np@g&FmMnmI7Lr+{{-?h4#`CUCHwkz
zL@^jChg!oXBnd0z!aQ8@Ri|u1#oJf;ToKcwxAbOk6g_;di_sb7Oo4x0B6Gmfy7S|R
z-<Lp=^=k0pocrg~D9CQ^bh{lpPSfO)3i>C3rrMh+4OXKNH?9s+&zDG~Vl$UE%oVEU
zn~sy&zVB^y*qKCVV{1h7^AkK@J|=*2HIuanvRjLc=uG<T{w+gR^UBD8R>Ir)HMiS$
z0rFhY&t-%FJU@ZTk+2w@i{FlCn?C!{vfjQtqahGd7o>$gTkAx<pGOPdH=>L^7Sysu
z7*u$e<hM}G>W80OduuAZ+QCuN`*}*Xk@LL(e<5D(QhFX8Vsq;2n@&RY=fyXrXp!*i
z0(Xtdk#^MUfwwC=sNJef?@Y^Rug2z(4Vem>Rv7@dUyf1kv45mKyJpeVeGH}=LrRGq
zRmH)IOxE$s<H_+p5a6gB*?P{^hRv}JCPkUA_^$LXw(@Nc0hA@woe-HZF9Wv7r$w3z
z6K-==W}B|-B)QL?MlUutZwZt%+iP&LrtNml40{;ed#`SRBl>P{NNol$`U~%o^-6V%
z*ALAX#8UA52#8IOmFNL~T?-bA?KzT3GjkE;rS!~3=c+7_c}{v6nY7&i;>i_dA;OzY
zeBx~K-xT5D=T;_h3W#8>Lq^j>28V8Mswt5wowcm!z1QhFh||x~Jwo-+?-%w1UL+rn
z+bHE;xF-4yc|vXV=c`A;qeokRnYYE?7!`xq@8_z`)BRll{JuB`RSQj=1mU{9a!esZ
zH7U3)Vae>_z)kIs3&btU;|XS)DJYYH7)NhAT?@10Etv|cR}|m``f!?#x1c?>-~H_r
z8#rVXMi8mwYt>xhF!NH&nqnVn<LYzIMG?Q^8~8Jl5IKhDk}sKjcv|*VQ(iICl-M0-
z$yi=dVlYHRTLwB$zLmV@tgcRh&5LusA_KKwMrTPD`UyR|Vm6W;6FSm&rsy!Ok^gxR
zf${pu@_0R4Z{JT9gQ?2*dSf7j6K%H1xKfwOuSBv-XCp7O-fgcr|F&1TvH1aik(i?T
zuhT6QjA>L(Cp=uM?{vqsm9+I>eSG7BBfjMh_uO`A#@J~kkNl<P&?%&$xfu}V(Z9pt
z3|sT9966R8T@-s|4T)F2#>;;lML%mAzGG&%nLS5#f=F)3co@$%+|FPGdPq2l_vB-~
z;q%+Cmo?p>YI2y)$4Uf|43KbFpXFN;`DQLsz9eo}@60l!rk44iR}1?NjZhTfdFDBu
z38DHBEo_3?0O9dP6zAog<#W^$O1^4dTON_C1HUj^mon70khbJ|UR_Q22d@oUiNj%_
zblHZQg{>1gQvh7u`%f#355t&En!}W);^Fytne0Ks0tNnCFuFh4RF$b3O}N8+C1*hn
zm<6V|yA%))|8q0NYdqA?C&f|lb!&;7qkT*HD5tLcad$oUkXtHb3$%|oS>~W>Z+;pS
zqp#WPNXj=4gS*1iKkiK%OU?9rTvE)-Jh(SYHAmf^=lhcnV0gqua<>V1QF2W`nfto~
z-?I!EA-Gxu9!)aZ4cDf=^!_vUjVSN9FS_6HCtVOrIH|)g1TvHWT)xt3ec{bt(7FyR
zwk19QigfG9(*K&dZR&9T;>!d-KRh3iIrYPos1iwEHDG9+m+3^}EACdjjAK8#esRP}
zU?^0y%oTE(a}=VNp?uAJxTxRThf*in!l5RJzFie$*d??NOiwIb@vIg#7HJjaIv;cA
zJed1^j?XfW?!?)FhVU0*pRe!?>NVjJPA)!u21g#>aA>m)+Joo6qgw2my`ZzIXX#aH
zg;b98M;l~Z;R%J}F_yd~F?mL(HhXN$U3^rU#*13_ze2>=^F9A5%3EFIf29|{|0TD=
z0BuM5oc0mFLRAw$@a(-?zl7e`A(3!LP!km-Yc^>6YxFzt<)~BgV1VW!XJld^dd3GJ
zsCX`TM$h^CXIrt<L$5i5o5iqBjlC=<NnZD}VVy41KUJvK58+fg_aN~%k$D+?r{nnP
zhT_JZ@$P-JW7h^Nl|-9W&vSV6>e-&-oTQm;ew7e-(gY<8f9|1gwjW9NacevnZ!`NY
zbb{={dA-V8*Ppq3AS>vW;K#dwe#Kqhi~X+4i|d3;jUpk@j;px99nATeZgQ!C-cCo6
z6hYh!&n15OIzbO9K)@Nx@S%k!({b#zJ4@{1XwSa&ky2eQ7W-%5NQ$?jHWH7K-L5-&
z98wC|9CDrxT)E>yMmo+jXeCCU!^PxH;0>J?y5Ek^T82~>>O+}8)$}UcpPm>*J>AV(
zN>v(<mP2$96w!wjTyu|=Harwjn#jBV_~mhX>x<$Ldplj|=k8T$rW21gbuROeCCHmD
zk(zPy^|!~X<pejuMOEB(o>U4PL7%PW2@eu%dl~*B{N*tuJGEp-6A-(yD~wYOtFP~0
znqFTgb0H_DfQm`6(1Kx&?tH8$-7pFjhZ-nvZjpeZ*pqIC8`|M?<nkb!bL$w|S*&;t
z%>~?iUfPl*bk%&&yYW*eyLt5Ctt;pPqg}J~jY*;~ju0Mn>GRzeNagAQ2+7|=Ogs8P
zQsMa(`?ICO_P4cS@ciziDA`98;;jSS?+(7r6Z)O~iGIo;jpba&Szl=s;8e2o38HL5
zhEN|rIK{7P$71cZ$*ckaIf~h;0g0Wu6fAaOAV7*Y@UW%yQ)^@`kJ}42=|WP2^E;G@
z%W@Yj<;qvF*(Ap`<PZOVF;yGTnXYslHjnn9leTh%aMDWj+${P8P#q0e@36z8IrzQv
zzW+#yRJZw_>FCzU{{4W(R21WMAmh&#%FgW}%cdVzN*T6fqTTpLm=}n*FwA;_eu{C^
z>Jx5!HZCHEfJ3oQl}10zqq}V`Gt6Abw6+5cCR6T_Bd(I=u5)^37$31(@l^<hXqgPp
z>{HF0F6-hd4X<4A#9VS42e3^3XcFp5cJ}D`WtPohIWokMY50vNW_D&$m`7#i!>&!g
zaP*fbjN5nm&fWJ&Ba?fwoQ|)K#1Bc5dQ~$cuB(k^>uC?}Iml``f4sj94w-Y-WO<0&
z0;r^%ITho+`h2T?*T8nGG~Jc)_s#{^&cSswG9&9^vN5DuuS+0fvjrUp)6)fiBJkHH
zyw4R?k8-b4z>;bW{E15bG-?2!TAE(81LHe2Z!0Xfy-juU;fKiWh*^5CTA*vnbj0?W
zA_H2wJH{cG_G#>z_Mp4tdO}E&)bETf`jmUjexmqdRw%%uP1dQ{6C$HFspaHn_*SPl
zjqu}Ap-$0#;yTSz#SQ70wG0tta`F{p3}Mp3m$5|jJT$)YdJ#1ctg?(d&Mn#+(CEL{
zD|AG(V%+29;9r5oZi_GHQS~q1`2L74E+sre#!0jmI)4w6%3pGXvwIJJi-J|%b}Ncd
zPK8jFm3&vf!+$<`Z@oGx_7~<|WZfdo`txUcc|rbfOnBk>IZwj3u2t$34<c5^2ShbD
zF6b~{a*dl<0S#`$nus6h9^;R0$-axh^nTK0B|s#>1*6GC)f?BmKSeN)#<Lf}7C?QG
zIm19^F~1D$z*x`zy-&=GLNz8PaBJ*nE;QQAMb6ZUI<7zFD^J=YH9Y?`+9?2SVlu(a
zB9G{p93rs32VtH6es1G9PEB-gFL4`vM`~PZy=nda%6`5V(@?|uOCx(61%w4q;<+Iy
zDy|>SVxwCo1a4DpEnX*C?6%7igk94b`KP^PJFCA=iu+!P23_mjCC38+Ga~{EPYcD5
zIUcCECu<jGZZ8f+A-bmWQKI|Y3KUuStGiL&yk_r^5lcc}Un=}In{1ljds@o*s<ry@
zj613TwIH8%<M|w={bI|UtSqk*ojupslateVbTLmV8m7K-L^LS{6H=_jS%!MQi}={A
z>6#ZzdDvT237{1mIWS)Pcg^JXnc|$kda21n?^GH>=x3I$>L*wVm2qZs<=_%*aw=V)
zF#bw8N5=<lS_?trWwKvn=F!Iu&AME~w`S-aYy^tv733h`D^xc;ycioSwqk%H9$@++
zs@B|OQ<}wJjazsRVyNSvp0eqW@e(q%qtP!25*Fh$J{VTaaUyYBx8eDWcrj+=ky3@)
zoJT|AOsv>awZG*wae7NwO&Cruy`SGUBEwO8qZ8gvndO4`gvEZ)bCNYWF<na8B@jN_
zvU32#s)%Cp_3TsD$#K7z>F?a1QULFeNMydOB4U%EkB4t=N2j4$@3Hhx_Qer;hs4;_
zAHzWi-z!w;jV+(YnJ6SYKcyIE5DdHRy8V%;jwIvddN}(EbERQ-C2uqqD~iFi%%dj;
zELH`zxIT?Y{a%Dv0xyQg4SGzn+3xmaRhSjQ0(g#R?7<K_?-#`XZDb9$=_S&i(&kjU
zJTSW;iswd~XtOPeaDQXWJ}0{1IrT5h0dd{B+G0HOJD`uc|1`=T+zY#E8y6UH3R7gL
z&j6Jh3kG9=nxR_Fg0vlItw^Foxd<EMvB6-PcN2rbT~`deVLEO~Pp|1MclOEzNNT(&
zWprD}C47e@AM?`9t0xwp6FNfPR-2-qN4w3VB{R~ypVGSA3lK@ijnSTGQwu*g%?Pl8
z%HjSnwZ+H(y&4(is7~mV(lwe%`VkGT9C90|!IsQ@$^!{47^bg`dJ&xStr!!%?zC(X
zl22vGS@2o5p;>_Q6t|7*-J$<S?SqY0QrZul`b8d3^;;Cr)qGlfM&=*C7&t?%!Sh8G
znY6;s$v;-Ae59-{c!290WW^L5kHz9(Ftsr`8EP5TDSsZJHZLzX)F2N1-@P1}O+`%c
zWw^a1vtA5opb+r<HH8IgLkgIi4L6yinFO;*%ne)&<{KqpuKJjve-YL1o#7xKND(ZB
zr}A2R>uUK8a@3BM8t${t6KS*mVk{?V)=ifn9G*{wk{+;A#`_xcVRVzQK|`-v71|=N
zmlLGGW>s#NHFw4R`?1#BvlMX`#Twm>3!xK!-v_R`OQ5m3(Nmda#j$hIByn)37p^|n
zOq1!B+}_4%)-Eqg-;P{C)kp_xn<-DLVU%W5Z(QFK*AhhMWlBwZ-@mgGb3p4;_(jx>
zbdpN}F9os{KXrfA)u$99W!iYGlPZ69d#3WiX@5clx*FAm$Ksog4W5bZ_hhOZv82*J
zf(6j{Iv_g;x%}K154Co~$X;HEb}ivGO)uHa403+vdaCPAV_MgY#coLm_zsCAzi~`^
zDmUtZdT`E;njry%aU_`iQ>T}fs2mq^eTQsymG0KVf1xO>?`Q`PjieMgM3J=|i|(v$
z>Y_q180lhC>R43%fQo_)2Pfu7Ns@A=*=8YXJVu+x=!5@qlrFMTCw1dG1$B?A&x@!s
zwY+F-nJ4+9wc@jFFrx*tRh}Dth#{?=VOx|>F^nYyrWcxw!Lzkax`QK0;p<ZKPE8a{
zlQXs6sA?75r(cHC0XID>IJ1(JL9{CIK}Ks5M^O0_#<x@6xYoIk;ULICr!M-&OC$0;
zJzBWuZOmPkS(VR9pz{;f&3YVG0LtX3``HS1Y>p$jgygUnt1Msr73z|)*w1i$qM)4_
z8vDL>!H2PGy44?U$4jxhrO_4A6vIlv2-MiuM!D<D4nD{Jt9@bz++Nu?p;^CM7XQqa
z9J*d2V;h2&Dx(z-<tdBXOcJbe(_3PMi(zaV3Gp?b(~<(b?+lk$j2b?|J@NVMbW^YN
zaYqD>8t4@^oE)CloV&{%g<l^t-&7}eN_LOJ@(jIdM-vC|+>H|sf+b<GWEBMm;|W$%
zs^`J(9`(4TPyAd}vYu8F0?pct^>?PV$SwU3@$1sC!EFZ#nCHIk3r6x}f1Xo(dK=AM
zWEtbvgV7f!@O_w!^I45_xrzhmy7W&)IM)cLSqwy+gh(EK6WjeZFI3O%8)>qJaA9&V
z6==i(z~q6Oz*WLWqYo(5VeQOi><xVxTZ<!E3rr_Tt){PL+#vZ26y_l0Ln&I`PikY8
zNR5Z9g~s!Bs61o8O@wHDL8Y)AP&`2rgGpe*HU<6Yqi?L@)A-SuRQxz5w6}5^?>sFY
zc&U92h--w0>tt?>uL^~69e!i=WL?XiC?+pQA~QY-b$f8$iIX@bFE^o#TSAx519guo
z1_APIbFGhTF!rlUsFmV+IKwDp-E1;#)DzVU&ljT?pSIIWX|~cbd*(kRqPO6EclghR
zBlh971e8M)m)A`4ai~cH``66Z)Zsm@fj_hFlFR=w?yVXqzLeFkoNA`@SDu{+HV;3i
zpJe5+=$`vi46D{+K2Owh%C+L9000|##Pky-UHf2txfw;&>v^=9lOTJ-tLs|*`r=c{
zlU!^t_-3KSVD1b+{NBFr>=xp@v<N>J_cfK^pL%uh&WrHI>utYt@c@9308#oxNhlgq
z_=J|Eaztt1vnjEiPVR*S+79!C_Pl2^sKR%reg66lvN&}&!i+BnqbHFVCSfz47BWN|
zOi$BMzeQtj_Xte3G{l|oD9?W^cM}%uT3Z8a(Wf*cN0fDsvDgVK8aYHR6rLm<Np=mH
z{<^eevoF?d)F-G_EP$s<wt+6DG?-)ViNcEcw)5y)4z{pXfF||_75tvyWg{|^8O%Yo
zz8E&5?Sh?nem`!EqG6nQV`HX=WTUX9nq$upSlw8?U4w|#@Y_YT7=`+W#Dfv?<Weqz
z1V{l?Q{>h40+Whs{GfG+%9abGI-HLMPX?o?wn`U93cDd&O?p7;=$4y(#Zln*S}22B
zcEmh?gRyF9L;1})D1eHeryr%Vdip)3;Nc13taf;~-Y)glL9g7+O;)|>g_*`?ipIki
zl(<dm>qGaCkQt}5Al5X>q(<K6(1bZS(xo|O?qI)*1E4^-T1=Z+F}Gooc3nTryW-dR
zN7-^ChAg(m=Huq0&jp;mP9OM3yNXb5qf5l`9~a+LkEnRUZXcz^fCzKi{c)-SZ4l|m
z8J}Q#5Xt+)={+|A*_xNd`g7@;=eMRscEc6nX<n!gtI4%q8b(*xp4uLpr<+l={Zy5e
zh^R+JGTucR$roWgCM(`OlOS;DqHE1Ky0|j>!7A&!M@>IadLz`3GU9xTI~C1Az^O0s
z;ZscP$5D--HQ6W2sI}}m(Vq;JBYNvYQqmYtoJhlt>A)kvU<_We5ha?afJipyO8#&W
zl^2iv35Jb4-mrlq6juAE6fWM{Vls0rN3I6c>0a0BzS!WA*5$*2N;l%lk!ihFe|T<T
z@x?}~vJs;~q<dnCw*-0Q`!7q8l#UBmaz%1E`J7vfHts&lA`cxfm|m1|3VSm}BI#{Q
ze_+y=hrq~3xfnK#)0yl6Hxp4%bbE$i{vdZS480{{$pzPO8mhehj@qNDlv8n;r2ZZ+
zL06`#Q~cYma^$1l%E;ihjt^mCg5~XW(>>!{J|KFROVNv!`sMVBXqn*Ydzaa)(5kX1
zD8CLf%Qli}Hu=+{Z@(hqVUAZ<+#18W(D{1=${fS2Xwy2GI&gs?1~{uqix(36ZcBB5
zn=CTk?*SL9Z-nCH!Pm@-gl(IA&T(n>Iq#nD4FxhwiZq=nolG6Htrx%h*-^n&scx~8
zc+p`o2Iv+uvYC7d-qB~G*O_9vHL%<0y@)79SD$^ZJ@w67DEJHX-XPVMTTW|rbjD8)
z8uVn+Bpv`H2=+F$lCtaknv2@!j5sT&$xS@hVZO4bojvNn8{@RgW1++(*i#+1Hr#O`
z0z<!pjRAGXd_e>NoZ!EkiR+)eUM@qXMKmvVyE<&>IdQy18ZE&@wz+pT+td4mO;v&_
z@}X*J@o4I>5vGhud>}({quV+(D)lmIq|(y<zVfBL+FPP}N-YJm*BhHIIV$cti4%?=
zZfo6Q1Az44q1}aTBga>iPI$f#;w2t@7OEHjV$wYVkyEPJ*<2S~S<d&;>n%$1C5Gq!
zs>t#6$eAPnGA^QZMyc~~=x>HDMd29JDY-;>Y89D&>Cc2~-6hi3{jkG4)RW}9&0v=Q
ziLjL$7<nS~j8z2{UaoZM<a+)`v*!CNr+{We^(w2DvYX(Smj%B+EIgJf6NUnM)8EM8
z`B&to_ie9VSznFo76pG1%X)3mDHI#rrP6}Y>)Av-2w<7OJsOA0n^G692B6ZE?>~-6
z%DkJy3viBctm*$cVw_wrrfk3$*l2oLo_A_?i<0hhGHME*Z<k0!5UuTTeVuoLc^#ev
z?gx&lWMLixs!q>O<@zoH-aNgGH8{4GS)wO*lkIyiBzl+Rc@=x*E<3^S@?pH6B7X%D
zMegg@i(@wRJiRv;`yQf1U&PDlY?Ze0q~3jM(ldA;t)eU3L@#J_Yxnjm5AaN}Mqzs7
z0mGn6hMnJ0-YXK7BNjyAbFxO;`JtNLitc(-*cwkQBET3(XzcPv4WT|z^+m{ZJ(r|n
zm9zkWs+3Q(C-?L%aVj@uI1e5;q%7!2eSU=+#e2%c2V77LZd}`cUVD9C;UEw9h*ZER
z@}v({S_D%Sw2p4njC{&_W5bzwGGujdBv|UZ8?SW7w(z+i#32%cSxZ9cR=s~wu>MNx
z&$UG9RYX36998ImP`yQ0*f}5X-3=8Ixtq2|SH+=t2E~Wub=rcPH_qx5;Q;Vu>8fOm
zF4CVe;*>*gs-c`7Z(%L_^pzR^E6?C4+tlnETPuzgTm-9q0<Simgh8z0((EK4qy~6+
zRfa?Yat$lLoM`TyDQ;i&-njJY@f`3!467XJ(TZT+p|-Go;PU(|LTeKloWN{`d~=WA
z-N(a2zEv2&g{uXAX-%M=zpmze{*sDAH}=TB2zEZhZ^_56`*|d09^E0Uj6g$ehibTQ
z-lGCG$<KDx_U(LpR$61Xo@ghFqAaOLCPYd#%!5mVhIUyirk+tsQ9ivTZNEalvK4d{
zo^JshLzdrSl$jpA-Nsj$I0Rhg?ZE;gr}8>`s<`Duk9j@jg(0LYQ4H9Ej)OTnLvnUG
zRg-!MRHCp4yFqp)XF-Oz3uy;Dt#zN==*u^10K^TNUwpBQ<e9Yn5Tuc;^e5(4VZf30
ziqwh^Jl~1s%|es5YtkuYo%Mv1tOEtcD@y(b!U}T1Fnc@PX5T?d=Xm9Ml)RnUaita0
z*QIKR^J>J5LJJ8E1Yz<=@|&!9A1DtrSF|ffYKvgPv=VR3TtZf4Ci8|%KraVIca9^W
z&xuoO<$vuPq|!&$ju9!*IIcvdO)aTxWzR8ApoL#LXzbFdz5jY0oX^rSwm2npq`Shs
za%ho~7P~uFr6;iZ%{CUdK4zd8hD^j_ry*A=IzXrk+<E*LS1-FbscQ`u3!c+1Ne;cy
zi*}Nfia>VQ>2gwI_l{I$s^&NES~fj-`3fatwIWrE@wk{zaaYHejXkbHGa>@+J}fyt
z3~Yc3U{|EftFB~!utIh$JdZA<lt}&finN~`Kqvv8IV~BqYX&h<3W%G5Lyyox^`;r0
z@lirY+9)n=PWhs1A%`QK#f+|)2Q@A=X`hJYK0P_6V*^TNmf)CE1RavhswRI=1uRW+
zKRl_WQ;KRcG%72XWQ3}T9`OvH*>fg1)G8vpgNH5%<PXxgLZ(S;q03*EIwpF;8J>6<
zsw&|cx;7{fbu?Ig4p7CB%yxAu!jZaD30ClMg?>cH$CACHJ_mfsdD%k5>p8{K+ZP`$
zL1ZSEI%e0;18}1|fkIcGLLu$+7hzP&fE3c1=+CN$*@Z>L9ezbb2c_S|E1~85eg`M!
zx*RNam0qR(fr!)DDhEmq<5e#&An_g;221}M4eZ(qq8$%Yp(Ui}bBvW;i;sXEKxG;L
z=(hfH0cObz2|8XPy{tXK0vBJMlTwz;DwzXV3=%#SH}M8Iy#d$LCAsb1G#yi}014HP
zrATSk`*eeKvHjK0KZm2H=h61k=OB=8QQ=htZtxf^_6fZzLkM0O@{*#r+55~|(Rjkw
zRg#=4bzsnH#jkQ?sZjvUX8M?V;qyQW%CfQ9sM$Yc$TKaQr}AyY3FWL|IC`>M^yJGt
z9{SLFeAN}h&~{J=IFExM(S-xg%1;eZ_u|v&uQBIEFzrB&8)xrNy;cYYvJh|l73)CM
zVZud~vgn$7QvO=X0geAe<?;h*ud3X`2xX967na<l{f2J&nZKT1E&0M~cFT~^*TE;A
z6PF~V-<C>Je;b_K`|K2gQ^|Aw<8^IjF$|r79i-s?>4zvR^+G4&mw5xB3SC-kOdM|s
zJMngnuWY?2nQ8@!VU>yBrY(dNfC~~3uXu(Hmefl5^&xgkkcR`>=I(Rs#^=NHjmy@s
zNT=rVLnjtnM6OaQ0xYmNmP-_uy!P;^^zboOe+XHB_Vg_RuC=@Zo@45w#BQ`~fXl-}
zHy<``85l(W7kg?uajN%JRS}E;@*qoQE9(BqUX!+5II~%qvhu>$qr`dO0O;L$DMngj
z-lH~;R?H9!NmZL7FV*^%UIJDsm$%Er2^DBXJEeywEyER!!o#Wj{oBQQIrcW!Ar6h4
z>vOd5{5kN<*NL<glBbbt@0PGAKM8ml@@8UV`*PCVM-_MPMkq|smx#u_Mc2%Jf{(#~
zQ(J-pWCf7beSc!&Ik~@N8Ga7Vzf{HV6W7-3vV%tsi;$nE54fD|O2}9lN8g^=LU-?}
zg`YAGU$=pIUHx9d6{TaB#x>PEnxe5e97mB#KB!sSLYrAuX*-+AUe~&MdqY*~S0IS=
z8Hb1SQWN?Q`!;u*qd4gzjIKM1VMjoxI__;VfB8BynyJK5N*-WjeJz0ecOIU^ypW{s
z#HdVTb5;?I{S)-WG}9?$;O#)(ihSkB6I8|RG<qI@H1v$EiH~@&no+k%#$6(eO@Gf#
zNPw4i-1f;up&3YIh>&aFOF97VHV0(6IHG_9LT&@|b-N&l1Fq?*xgdzOfO#61!2ww^
zd#7fudTyzz|4>o#g>8z<Yk;ze!+?|E^;*|;AEA=aC&H6RVarFr3&&kDRDns&&r*ZT
zp^oy3UY*+)`4fdG!&B<|T}!Yig(D*r`uz!r{1da+=N(iivdTTX7`iDm$Ml0<vSzc<
z0Uk%ZqP^0#s`HXhqdu!pXnUmvFEZ{olc1sH7a_^a@8RwjH*Fb?P50Lo`eYn5VtzE#
zQ^Gr<a38Uq*wlpG8VEy;NAGk0C|}&Y_)0ld=IEtxJ*j7N{B10Xs8{iNx5vbwq_^1&
zFPcxk?)ux(Qmhi*c(Ssk_KQ#l5L}GpB5UU>f)Sta)R|8_mR`B<(9d10T1W23+%H21
zl<=l&7(aV9?E4c*@bUW6BUxT}eiLVfa^1W0T?rLD-!JK?(t@djQ6BS@OMt!G((Wak
zVZHSnQ91GoWr4?XKwsyYMJ$*=*|3z3)6xG$fn^)to1o(z(yNWG(9FfsxpC%LTv3Jr
zs>l#gkGGPY&u}8p8v^Yx4{tMCzMfs~Py!8(OjfmJ1q<Jb^XQ07zB^zpOqVuC#)y7@
zl(^gB6l0&cbSlRA?1(_-Rp?e?<fGP3z*o8ay{VK?j^#t5?=QP!XfnHBCqH5(EJAzd
z+Ugy&B=sp=OFWO~<?R(QOj+gmN>y5t5Sa(2{5F{pftiLl^dv*7cYTLyVt%7+B=X2K
zQ{4viPr=Gf`VBY;;OICv1n^1~6YSD|Jp~^%d;C&5B--wT+sF#Jmp$R9^VAxDgw|$k
zc57&+;MCUczy03)`{zC>=a%+ZY_JAo>>5##ESh*^Q*j{|tbZ2VBXnnPCXc`x@(3!Q
zD%k4S<%CLt67wna3Dx8JiqvU(+u&1~WomwWQp|cV^*x)3$X2stPdSn2I`_@;Oh)gi
zVDE5WXB=zC4APG6z<EJP@`>D-ghhC`O}rnvOQ@dM7iQ{aHNkF{DKH9Bg-TPHzX?gQ
z6A2#CO1oqk>fSgT)B9U)7x4=e2di}<KljC0L}hOZ&OT@NXI=T7f(?e5hBZp~WoP0`
znnl~=47>Y;2o0Tf>t93k9PhYqmB!Nk;q|*x6Dei<lF0H7*aYmj(+e;I7Ida&;B?Zo
zyjCdK6Rptye4X+2gr>1Mf!|ghu?dB1niiQIsnlr;Bk>gYJpK0EPWq<9@T~mH>Qg{?
zdo_-M-s?`8d37{<L$g^!^8>ErKAI|WVvqcETC`{4uJCc{%0(%}oBQd}H3b!u(dI>r
zRfn(R%edjkbAIrAN7PzEzLX@7b!Nbrx+~puz-_tgdZKH5R@_hgEZ$A2V7Y}GuhTj8
z7t4W|TB2RfpzlyBz^}_3`5YUZ`+M2C;7mgi!O!z&P&=Rn+q9j%CJ1655OTHbq|Gr;
zxVN3U0%WG+>YIK+NXCvzq7stEUhCl>I)9G|Fb5ir`9<}(qy~AfaiXw*48Rwf5-IqB
zN-kcas^sPMV0571MYd=>PY-O5fZml*N#t$3APc=4er|`PNC<enrdNxe={6hqs2UdH
zUO7Un7Xwetc?Fi_8~#yNs$CwL>O#Eb;S-WB?rmNKBjHv@Wz=>)lKti5f*aqNpxTLd
z5&wuSivt`F!UP^XRAgNAZCOaK&r6f(@->gKmQy8km^R{hHkiHlQz1%lqRR`PSoEyv
zX!#txW6c7?k9gWQh=?~$&w@jh{D|W>f%If?Z|a8TeK((R++1yVe?XILt!sLHw2{Aj
z)QaABx$D3l%fj+k$V9VEScSbksZPRM<a_>#z$=bA#mQTq@7w9`{9XlC){CmP;rS-0
z;>^dLhT&~N^*-Lx0I6<voYMhr-7R6{(onjY3)T9xLx>jNCvJ{?p81H*Q8z6;|AJJ#
znO=ua*rp#>8KQUC6BN%|gL?7ANlo^cq(CJ06;heXio8lPX(FtuT;dwPZ$0=5rP32{
zwPWoU>AH5tb$^~)uk(Dv#_jr>7w+O2(ZE~IX@(c~@yEFZE)(bk8&k|&{MP3s9)G83
z$h2Gb$N0I9Flxd`*9pD`%T9TNFaFXm^~MmMOpOBBBWr2b781YYzje%n(6Q^k5bFFb
zHE`{4*---eBcJ%bpS<D@B)6lGcUUB~60FsZi%p5Sr(x5yD~FiYb!WXV0TOD$t2x|d
zfsw~jj*N3-TZJp~4jUgY4o#_JKU?uKdcx^Q=U1&(l3+<=YPIRBYdwmD9RyZw#Zf+J
zp(J=dS<KG-<s%x_*T`Z<zl%v4c&bO-=gLEC^M|j2<%y+|EOdr-5iF65I`G46-6C-x
z9E$QB2<kfs?sr8IpbFlVxRYCGh%?4DsItUeEF}5|-M3!?K-St)!9N}CA$tNPZw7f#
zZ!zzK70#du??q%oU^+M@+O2)-BeOU7R%IOT@iL}5x-JVUK|C$WyH$W9*bxo|jVyt)
zt$=#%nt)!#O^rs|)P{REdn4c1#8<qWkFI-Um-5VyZ?e34qa;>>NO(OZ+KUHn){Hh5
zrk%KhP<6ohe$U5~VBv9KOx1Sc?bD#J&_4}B?0=b{8=if=YrY`&(Tk}NxvK+KYguMH
zzp4|@X(}MFn&v@Hzf?eQQYIHRQ6?bB@&`BWL(dPD!sKSki7}4=7SpF+-kn6QI8jy3
z8Hb}k=;)e2ID;c4ldSiDB5ZyJ@i>N^X@l12kkjS~M3f?fL+NK5YPex9O8YeR&O$`k
zb$_}j>>1k53Vk$l@%p~iY9GCO{Prk1mgtmVm{YwS+ZYIMJM+akTo*%ZIuq7pWti_j
zr?rr`*_M80wy9KcCd%LD>NB3Eq>G0v&bo;+J>o^e%@V8?i?#Jy%bvs2$D|Mbn{6-w
zaiCgZa`?>MkLeCaDa@l2xyK|bh>Sn7QF&b%yU1+at6)3c$j2~Jf{aMLv?#-{dfDiW
zhUQv2X@?hSgx&hTUudV_O?-+Yi<`5Q9P2kELTVcm*gcB55CiNn&@FrVOvaRVUZJj;
zV-$W0nI&ngu|3X?E1P9sY)mNO`DvLI1)~AzSlY1~JFMXs-^GWLzgY5A2roWvtG}#x
z1{RjJ->ctuEt&cr6Eyr#@SA9SO;=WQ7dDqooKBAPL|=dZIGkwcO9)h0x5S<JFS7+C
zm!#(!urn)O@lKyeFAzPt7jDyd;GS7GvrPWu^!8(wq*?&&?qg6}MEkAG2dcyOd=J22
z^d<1qKj3YzI<L?3%j^IQiTE^hM&GmVGT&{r(~}3uOYgq7em>pOGW}*Icl}3;cJPU{
z5k0fA3RHwWpaeCC3aMs|i6J_^R8^aFb#i$tZ7?Hp`XXfNH;LAysEim7cWG^Z0p})h
z^cOz_%X%Jbp%0GgEpg)+>SvAY>aFZ~pHJ-}I$+ek{g)bG#Jp9SEOqnA=0(Pvk_Djv
zaZxGZ?F`eZ&)HyBq=6#R%Mc+U&-^hqnOl9QE9=_Tx$#+STw}9py0ZQ^IyEv?^~hBr
z&^Ow%m1J&3u=<4eZN?_-TcyOTsc&WjQ;x=;cuJVbU#Fp-2=U)~El5Lc$d0E{>N-@N
zNwdKfrnr)Q3OfkUQhy`T4)y$M#8%ejcHNs~<w0zxj=j{6bu!hj`a=C9c=Danp4N^2
z$A%?pR(sc!ZXaPGE&=W!^YepE$=R3i@oUBP*Ftz^nUa~#5LnCWBD2lg>y$U>*uTu9
zqj-xX<yQlvC{_rE_}I^G`tSH!$QBRBld9@o@RnMWPc6Mx5XL$D7F7z=;CU9gs{93V
z?%Ic++m_2`QIS{55JVcb+zNs0X_lPb`x8LXaw!Wj;48v1uZKL(HaGZX*A+A_)8ip#
z@$^-6n`ZBH83-KWe;jRz^_Rb<b!LIRB`J=QuGs4ROIKr&ue}vXS72nJuwJ@MRFmyH
ze;kdB321YZp9eAPX9JDyhNCUPVbm>4DO1`C#EyK8B)$s2s?XfRsEM+Dc#G=uYFZCp
z-2JYMVxTsTfYd!`9!!x3*(gKrj`>Q)9<>?jnp#loG!^D?t_AV`%6W8lNNu`T^p43J
z+Xs>@HZu8c|BS1y%+#TN#lTFK-YHOyVr|=PV6)SznBN=l(yPXWj1MPOuUbBx$qcr;
z+elVV0D#ow0=@c)FdE}a75{tK9hf(f#$HdyKocTnWb=1_OEmb>7Hj5uN11!k#`RXW
z>TCHjUZ1<qzOmB2NH#YBlKrH7MZ>)LZ|V>~xit|Z=$VGq{djCj(CZRLHhVApylvre
z!>#Sv0D4p6;sPO*&OG{gactphDF^^kP?b$f3gRBbh&DE>e7#WSYbAgx;sk7bd`T1u
z@;P}|T9dz2@53DC4EYVeEZJqd?cEi;0{~zRqBQBxIN1px#IGQM@bCwj>tG!JQ0jEb
zlcYUfE^_4k7ZXC!Rtl~60s(Agk@n#plB4(X{sPpMBN7$D?Qi-61{f}Lt!Qu|S=XB6
z$1+c(jnxe`&EwL4HWku<jm}WxN$84ts(x3Wrvq|P_iix(oaeX75{EPB4HNEt1!E|U
zhT{(Hvz_taP{Nbo=EWV&{kua#sN8%bp~bAuL=c(=wcxI2%Rg}2N24-PKjzU-=b1P~
zRAq63wM))kU9}J_>G+e62?j`}Ka95sI_HE+93i9-#FJmkq{6Q{vaeDYy$RlPUb~&p
z=pEkvS`f6F9%jk=xxx@n0Yrgjb;Hm7y)~`*%!^9Y7gTaa4{p{aU}bX1b!@U#05zWy
z)E`tOcntoIRJ;{_KGP9JwU=wD<9^T#ZGDGbK{)K+M9!ac`_fKM2+G#-#0t#qpR!EQ
zL4b#n_&%>$&o`@3+IlKiJ1DuHA2S5>qpp^1hMLs((*+G~YSqgjEY!SjH}OPrB)fzX
zWmbtHj=y&V8UfKunryoB(DKh?%BYUTX%CPW#o987jy-(zv{b7|)y6xjI(vg)M(RcK
z!M~``{#Q^|Tw9YqsqHH;^3Y<9>RxF2z3T0-W_u?BGa2-EeMpKOuuMKlCgooO($(R|
zS$v8?8ge#FadKC)Bb(pWm@7)I7ym9V%YXd6J3zB*HB_u@Nw1>u%rSjx=}MqkVwAF=
z(>sxMw+ig=vbvz)+e;4|HHy{wEoz4k3r*S2g(-_qw?I}}Qe7*WbQU6SF6!aCuaL0z
zFfal%>EoP!G{{C7{KPS9A08g!t%=WFvpKC^@_Q}j^vL>K#(Oily{GC_K-sZDAW$x6
z`*^3Us6AS0`BO~|!J`-S_i?#h6(CmJwc17!bc5+iRW^AS5lm8$GJ?vHnGBpRS~C6N
zKGo=~44e+rLH`5*N$sB`OK+8Tm|XO24dFa!|8vT`nzR)FkoTU9zkFn={UH>RnXOVQ
zlFk9&%X56({q#kVzso3i|1XTb(c}R+J^~!Gz*wXnN9^ZTzEI*pop!BoMZP>Lb@PCh
zf|*0qe1!)NLyC}I?y686VsJT6odtMEsIdQFG9v7B^nikwQ0eQ|pX2iV6HV>4t^B!(
z@FFCd4arUc1=-9TV_tfO_<y~EQ@NN~xe=Q`s^6=NvN38`gD<imheS*)czrktB06`Q
zVB5ir)c;t?Jzy8MHS*d#J1Zb24t&jT$nesEHz<CuWZz|}VltjP`B2`jl<uk=7-VX!
zm@Peg<Hjlj@`k_OY!Gt@UBWM!LpCdfpn@vt1f7~FJij+OE9PAQ+B7rUAX8-Uz0hLX
z=L`x!8H9Maws3g-(WX>6y3sg|&CQ!K6{MttqH4;qxF>J*4!<DtN2>%&!ZVgJZ*z{u
z%d8>axST(v>HHl3%hcCSykHk%>U>!fL?vGZRRal>9$YaFFBh838+sa1J>Ha?Bl>he
z0q^f@MOrtQ$>qY(VBm`X-+L@h|GvkPf*bTbE(SA*uB*6@Z$_E3Nz<yG)-3Yxi!<5<
zVS9u%&*q9=3^{8NZa(wgHMhlo3)}{2qB)dA)kNl#&L6_?+_<7ZY-(_!FHjM@jgxUZ
zPzs+2-zKA3Y|-I6o7RjkweR_D!AX5>I)IzXeO*?!iEzi{vc?9X;4AD4@x3G4#J3M#
zsX;(BbYGG^f017QuM0vbj;@`@-k$JzFLMZ|1lQo3TA8KW6N1~rg(wWlE9tB1UA~=)
zSHwU*(H4GpJ{6^oMCdsA5@hdwpV`%fyJ~6P4IrDea%2JZQ*Xc9`o}wOv`l;72n-Q|
zLjfXgL+*Ea4M8gnK*CH<&BI5-TtjUE4`4f*EAlQ=ypLX^3!KUCyam2&#EbSk(-XJK
u-u!*(ZvUky*a5S1r)R>xCih@*^cpAp_7%mz)$BjFi1oGMTJJR+V*ejDgRBey

literal 0
HcmV?d00001

diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index 825b9e65af7c104cfb07089bb28659393b4f2097..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1571
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
VHuiSbmk|H}002ovPDHLkV1f%e^4kCa

diff --git a/svelte.config.js b/svelte.config.js
index 8fa7ede20..3ab04d93c 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,30 +1,40 @@
-import { mdsvex } from 'mdsvex';
+import {mdsvex} from 'mdsvex';
 import mdsvexConfig from './mdsvex.config.js';
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-static';
 import preprocess from 'svelte-preprocess';
 import Icons from 'unplugin-icons/vite';
+import svelteSvg from '@poppanator/sveltekit-svg';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  extensions: ['.svelte', ...mdsvexConfig.extensions],
+    extensions: ['.svelte', ...mdsvexConfig.extensions],
 
-  preprocess: [
-    preprocess({
-      postcss: true,
-    }),
-    mdsvex(mdsvexConfig),
-  ],
-
-  kit: {
-    adapter: adapter(),
-    vite: {
-      plugins: [
-        Icons({
-          compiler: 'svelte',
+    preprocess: [
+        preprocess({
+            postcss: true,
         }),
-      ],
+        mdsvex(mdsvexConfig),
+    ],
+
+    kit: {
+        adapter: adapter({
+            pages: 'build',
+            assets: 'build',
+            fallback: null
+        }),
+        ...(process.env.NODE_ENV !== 'development' ? ({
+            paths: {
+                base: '/omorphia'
+            } }) : ({})),
+        vite: {
+            plugins: [
+                svelteSvg(),
+                Icons({
+                    compiler: 'svelte',
+                }),
+            ],
+        },
     },
-  },
 };
 
 export default config;
diff --git a/tsconfig.json b/tsconfig.json
index 81ff9770c..d5c53a9d0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,43 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json"
-}
+	"compilerOptions": {
+		"moduleResolution": "node",
+		"module": "es2020",
+		"lib": [
+			"es2020",
+			"DOM"
+		],
+		"target": "es2020",
+		"importsNotUsedAsValues": "error",
+		"preserveValueImports": true,
+		"isolatedModules": true,
+		"resolveJsonModule": true,
+		"sourceMap": true,
+		"esModuleInterop": true,
+		"skipLibCheck": true,
+		"forceConsistentCasingInFileNames": true,
+		"baseUrl": "..",
+		"allowJs": true,
+		"checkJs": true,
+		"paths": {
+			"$lib": [
+				"src/lib"
+			],
+			"$lib/*": [
+				"src/lib/*"
+			]
+		},
+		"rootDirs": [
+			"..",
+			"./types"
+		]
+	},
+	"include": [
+		"../src/**/*.js",
+		"../src/**/*.ts",
+		"../src/**/*.svelte"
+	],
+	"exclude": [
+		"../node_modules/**",
+		"./**"
+	]
+}
\ No newline at end of file