commit 8fac3b8165989bcd8e00c326ca508d155d65b6be
Author: Chaoscaot <chaoscaot@zohomail.eu>
Date:   Mon Jul 24 19:10:53 2023 +0200

    Initial Commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..bdef820
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["svelte.svelte-vscode"]
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e6cd94f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,47 @@
+# Svelte + TS + Vite
+
+This template should help get you started developing with Svelte and TypeScript in Vite.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Svelte](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode).
+
+## Need an official Svelte framework?
+
+Check out [SvelteKit](https://github.com/sveltejs/kit#readme), which is also powered by Vite. Deploy anywhere with its serverless-first approach and adapt to various platforms, with out of the box support for TypeScript, SCSS, and Less, and easily-added support for mdsvex, GraphQL, PostCSS, Tailwind CSS, and more.
+
+## Technical considerations
+
+**Why use this over SvelteKit?**
+
+- It brings its own routing solution which might not be preferable for some users.
+- It is first and foremost a framework that just happens to use Vite under the hood, not a Vite app.
+
+This template contains as little as possible to get started with Vite + TypeScript + Svelte, while taking into account the developer experience with regards to HMR and intellisense. It demonstrates capabilities on par with the other `create-vite` templates and is a good starting point for beginners dipping their toes into a Vite + Svelte project.
+
+Should you later need the extended capabilities and extensibility provided by SvelteKit, the template has been structured similarly to SvelteKit so that it is easy to migrate.
+
+**Why `global.d.ts` instead of `compilerOptions.types` inside `jsconfig.json` or `tsconfig.json`?**
+
+Setting `compilerOptions.types` shuts out all other types not explicitly listed in the configuration. Using triple-slash references keeps the default TypeScript setting of accepting type information from the entire workspace, while also adding `svelte` and `vite/client` type information.
+
+**Why include `.vscode/extensions.json`?**
+
+Other templates indirectly recommend extensions via the README, but this file allows VS Code to prompt the user to install the recommended extension upon opening the project.
+
+**Why enable `allowJs` in the TS template?**
+
+While `allowJs: false` would indeed prevent the use of `.js` files in the project, it does not prevent the use of JavaScript syntax in `.svelte` files. In addition, it would force `checkJs: false`, bringing the worst of both worlds: not being able to guarantee the entire codebase is TypeScript, and also having worse typechecking for the existing JavaScript. In addition, there are valid use cases in which a mixed codebase may be relevant.
+
+**Why is HMR not preserving my local component state?**
+
+HMR state preservation comes with a number of gotchas! It has been disabled by default in both `svelte-hmr` and `@sveltejs/vite-plugin-svelte` due to its often surprising behavior. You can read the details [here](https://github.com/rixo/svelte-hmr#svelte-hmr).
+
+If you have state that's important to retain within a component, consider creating an external store which would not be replaced by HMR.
+
+```ts
+// store.ts
+// An extremely simple external store
+import { writable } from 'svelte/store'
+export default writable(0)
+```
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e832da4
--- /dev/null
+++ b/index.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+
+    <meta charset="UTF-8">
+    <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+    <meta name="description" content="SteamWar Event Manager">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/png" href="/favicon.png">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="SteamWar Multitool">
+    <link rel="manifest" href="/manifest.json">
+
+    <title>SteamWar Eventplanner</title>
+  </head>
+  <body>
+    <script>
+      const getPreferredScheme = () => localStorage.getItem("theme") ?? window?.matchMedia?.('(prefers-color-scheme:dark)')?.matches ? 'dark' : 'light';
+      document.body.classList.add(getPreferredScheme());
+    </script>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0859dec
--- /dev/null
+++ b/package.json
@@ -0,0 +1,38 @@
+{
+  "name": "event-planner",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^2.4.1",
+    "@tsconfig/svelte": "^4.0.1",
+    "autoprefixer": "^10.4.14",
+    "flowbite-svelte-icons": "^0.2.5",
+    "postcss": "^8.4.24",
+    "sass": "^1.62.0",
+    "svelte": "^4.0.1",
+    "svelte-check": "^3.4.3",
+    "svelte-preprocess": "^5.0.3",
+    "tailwindcss": "^3.3.2",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.2",
+    "vite": "^4.3.9"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.11.8",
+    "color": "^4.2.3",
+    "flowbite": "^1.7.0",
+    "flowbite-svelte": "^0.39.2",
+    "install": "^0.13.0",
+    "moment": "^2.29.4",
+    "svelte-awesome": "^3.2.0",
+    "svelte-spa-router": "^3.3.0",
+    "tailwind-merge": "^1.13.2"
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..34640c4
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,1464 @@
+lockfileVersion: '6.0'
+
+dependencies:
+  '@popperjs/core':
+    specifier: ^2.11.8
+    version: 2.11.8
+  color:
+    specifier: ^4.2.3
+    version: 4.2.3
+  flowbite:
+    specifier: ^1.7.0
+    version: 1.7.0
+  flowbite-svelte:
+    specifier: ^0.39.2
+    version: 0.39.2(svelte@4.0.1)
+  install:
+    specifier: ^0.13.0
+    version: 0.13.0
+  moment:
+    specifier: ^2.29.4
+    version: 2.29.4
+  svelte-awesome:
+    specifier: ^3.2.0
+    version: 3.2.0(svelte@4.0.1)
+  svelte-spa-router:
+    specifier: ^3.3.0
+    version: 3.3.0
+  tailwind-merge:
+    specifier: ^1.13.2
+    version: 1.13.2
+
+devDependencies:
+  '@sveltejs/vite-plugin-svelte':
+    specifier: ^2.4.1
+    version: 2.4.1(svelte@4.0.1)(vite@4.3.9)
+  '@tsconfig/svelte':
+    specifier: ^4.0.1
+    version: 4.0.1
+  autoprefixer:
+    specifier: ^10.4.14
+    version: 10.4.14(postcss@8.4.24)
+  flowbite-svelte-icons:
+    specifier: ^0.2.5
+    version: 0.2.5(svelte@4.0.1)(tailwind-merge@1.13.2)(tailwindcss@3.3.2)
+  postcss:
+    specifier: ^8.4.24
+    version: 8.4.24
+  sass:
+    specifier: ^1.62.0
+    version: 1.62.0
+  svelte:
+    specifier: ^4.0.1
+    version: 4.0.1
+  svelte-check:
+    specifier: ^3.4.3
+    version: 3.4.3(postcss@8.4.24)(sass@1.62.0)(svelte@4.0.1)
+  svelte-preprocess:
+    specifier: ^5.0.3
+    version: 5.0.4(postcss@8.4.24)(sass@1.62.0)(svelte@4.0.1)(typescript@5.1.3)
+  tailwindcss:
+    specifier: ^3.3.2
+    version: 3.3.2
+  tslib:
+    specifier: ^2.5.0
+    version: 2.5.3
+  typescript:
+    specifier: ^5.0.2
+    version: 5.1.3
+  vite:
+    specifier: ^4.3.9
+    version: 4.3.9(sass@1.62.0)
+
+packages:
+
+  /@alloc/quick-lru@5.2.0:
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /@ampproject/remapping@2.2.1:
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.18
+
+  /@esbuild/android-arm64@0.17.19:
+    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.17.19:
+    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.17.19:
+    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.17.19:
+    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.17.19:
+    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.17.19:
+    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.17.19:
+    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.17.19:
+    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.17.19:
+    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.17.19:
+    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.17.19:
+    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.17.19:
+    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.17.19:
+    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.17.19:
+    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.17.19:
+    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.17.19:
+    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.17.19:
+    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.17.19:
+    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.17.19:
+    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.17.19:
+    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.17.19:
+    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.17.19:
+    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /@jridgewell/gen-mapping@0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.18
+
+  /@jridgewell/resolve-uri@3.1.0:
+    resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
+    engines: {node: '>=6.0.0'}
+
+  /@jridgewell/set-array@1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+
+  /@jridgewell/sourcemap-codec@1.4.14:
+    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+
+  /@jridgewell/sourcemap-codec@1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  /@jridgewell/trace-mapping@0.3.18:
+    resolution: {integrity: sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.0
+      '@jridgewell/sourcemap-codec': 1.4.14
+
+  /@nodelib/fs.scandir@2.1.5:
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+    dev: true
+
+  /@nodelib/fs.stat@2.0.5:
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /@nodelib/fs.walk@1.2.8:
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.15.0
+    dev: true
+
+  /@popperjs/core@2.11.8:
+    resolution: {integrity: sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==}
+    dev: false
+
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.0.1)(vite@4.3.9):
+    resolution: {integrity: sha512-Cy1dUMcYCnDVV/hPLXa43YZJ2jGKVW5rA0xuNL9dlmYhT0yoS1g7+FOFSRlgk0BXKk/Oc7grs+8BVA5Iz2fr8A==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.1(svelte@4.0.1)(vite@4.3.9)
+      debug: 4.3.4
+      svelte: 4.0.1
+      vite: 4.3.9(sass@1.62.0)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@sveltejs/vite-plugin-svelte@2.4.1(svelte@4.0.1)(vite@4.3.9):
+    resolution: {integrity: sha512-bNNKvoRY89ptY7udeBSCmTdCVwkjmMcZ0j/z9J5MuedT8jPjq0zrknAo/jF1sToAza4NVaAgR9AkZoD9oJJmnA==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0-next.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.2(@sveltejs/vite-plugin-svelte@2.4.1)(svelte@4.0.1)(vite@4.3.9)
+      debug: 4.3.4
+      deepmerge: 4.3.1
+      kleur: 4.1.5
+      magic-string: 0.30.0
+      svelte: 4.0.1
+      svelte-hmr: 0.15.2(svelte@4.0.1)
+      vite: 4.3.9(sass@1.62.0)
+      vitefu: 0.2.4(vite@4.3.9)
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@tsconfig/svelte@4.0.1:
+    resolution: {integrity: sha512-B+XlGpmuAQzJqDoBATNCvEPqQg0HkO7S8pM14QDI5NsmtymzRexQ1N+nX2H6RTtFbuFgaZD4I8AAi8voGg0GLg==}
+    dev: true
+
+  /@types/estree@1.0.1:
+    resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
+
+  /@types/pug@2.0.6:
+    resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
+    dev: true
+
+  /acorn@8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  /any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+    dev: true
+
+  /anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+    dev: true
+
+  /arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+    dev: true
+
+  /aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+    dependencies:
+      dequal: 2.0.3
+
+  /autoprefixer@10.4.14(postcss@8.4.24):
+    resolution: {integrity: sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+    dependencies:
+      browserslist: 4.21.9
+      caniuse-lite: 1.0.30001503
+      fraction.js: 4.2.0
+      normalize-range: 0.1.2
+      picocolors: 1.0.0
+      postcss: 8.4.24
+      postcss-value-parser: 4.2.0
+    dev: true
+
+  /axobject-query@3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+    dependencies:
+      dequal: 2.0.3
+
+  /balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+    dev: true
+
+  /binary-extensions@2.2.0:
+    resolution: {integrity: sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /brace-expansion@1.1.11:
+    resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+    dev: true
+
+  /braces@3.0.2:
+    resolution: {integrity: sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==}
+    engines: {node: '>=8'}
+    dependencies:
+      fill-range: 7.0.1
+    dev: true
+
+  /browserslist@4.21.9:
+    resolution: {integrity: sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+    dependencies:
+      caniuse-lite: 1.0.30001503
+      electron-to-chromium: 1.4.432
+      node-releases: 2.0.12
+      update-browserslist-db: 1.0.11(browserslist@4.21.9)
+    dev: true
+
+  /buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+    dev: true
+
+  /callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /camelcase-css@2.0.1:
+    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /caniuse-lite@1.0.30001503:
+    resolution: {integrity: sha512-Sf9NiF+wZxPfzv8Z3iS0rXM1Do+iOy2Lxvib38glFX+08TCYYYGR5fRJXk4d77C4AYwhUjgYgMsMudbh2TqCKw==}
+    dev: true
+
+  /chokidar@3.5.3:
+    resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
+    engines: {node: '>= 8.10.0'}
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.2
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /code-red@1.0.3:
+    resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@types/estree': 1.0.1
+      acorn: 8.10.0
+      estree-walker: 3.0.3
+      periscopic: 3.1.0
+
+  /color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: 1.1.4
+    dev: false
+
+  /color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+    dev: false
+
+  /color-string@1.9.1:
+    resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    dev: false
+
+  /color@4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.1
+    dev: false
+
+  /commander@4.1.1:
+    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+    dev: true
+
+  /css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.0.2
+
+  /cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
+  /debug@4.3.4:
+    resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: 2.1.2
+    dev: true
+
+  /deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  /detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /didyoumean@1.2.2:
+    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+    dev: true
+
+  /dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+    dev: true
+
+  /electron-to-chromium@1.4.432:
+    resolution: {integrity: sha512-yz3U/khQgAFT2HURJA3/F4fKIyO2r5eK09BQzBZFd6BvBSSaRuzKc2ZNBHtJcO75/EKiRYbVYJZ2RB0P4BuD2g==}
+    dev: true
+
+  /es6-promise@3.3.1:
+    resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
+    dev: true
+
+  /esbuild@0.17.19:
+    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.17.19
+      '@esbuild/android-arm64': 0.17.19
+      '@esbuild/android-x64': 0.17.19
+      '@esbuild/darwin-arm64': 0.17.19
+      '@esbuild/darwin-x64': 0.17.19
+      '@esbuild/freebsd-arm64': 0.17.19
+      '@esbuild/freebsd-x64': 0.17.19
+      '@esbuild/linux-arm': 0.17.19
+      '@esbuild/linux-arm64': 0.17.19
+      '@esbuild/linux-ia32': 0.17.19
+      '@esbuild/linux-loong64': 0.17.19
+      '@esbuild/linux-mips64el': 0.17.19
+      '@esbuild/linux-ppc64': 0.17.19
+      '@esbuild/linux-riscv64': 0.17.19
+      '@esbuild/linux-s390x': 0.17.19
+      '@esbuild/linux-x64': 0.17.19
+      '@esbuild/netbsd-x64': 0.17.19
+      '@esbuild/openbsd-x64': 0.17.19
+      '@esbuild/sunos-x64': 0.17.19
+      '@esbuild/win32-arm64': 0.17.19
+      '@esbuild/win32-ia32': 0.17.19
+      '@esbuild/win32-x64': 0.17.19
+    dev: true
+
+  /escalade@3.1.1:
+    resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+    dependencies:
+      '@types/estree': 1.0.1
+
+  /fast-glob@3.2.12:
+    resolution: {integrity: sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w==}
+    engines: {node: '>=8.6.0'}
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.5
+    dev: true
+
+  /fastq@1.15.0:
+    resolution: {integrity: sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==}
+    dependencies:
+      reusify: 1.0.4
+    dev: true
+
+  /fill-range@7.0.1:
+    resolution: {integrity: sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      to-regex-range: 5.0.1
+    dev: true
+
+  /flowbite-svelte-icons@0.2.5(svelte@4.0.1)(tailwind-merge@1.13.2)(tailwindcss@3.3.2):
+    resolution: {integrity: sha512-/5+vGvK9A1TAHTU8PnDUwZ4fNcfbNEa3gkMPfdXkjHC36UjlFw/WlcWbl8El6hG/0Bj5M+F8Ag2CLPrHuno57w==}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      tailwind-merge: ^1.13.2
+      tailwindcss: ^3.3.2
+    dependencies:
+      svelte: 4.0.1
+      tailwind-merge: 1.13.2
+      tailwindcss: 3.3.2
+    dev: true
+
+  /flowbite-svelte@0.39.2(svelte@4.0.1):
+    resolution: {integrity: sha512-wNv5f4ZbXBQgOiqMCSzbdCdUas+DuWVrOCYZQFMGc2m+GNbEk5q6V+WCfN9Uiw15DaJp2Y3GC/iA945TiQYMFA==}
+    engines: {node: '>=16.0.0', npm: '>=7.0.0'}
+    peerDependencies:
+      svelte: ^3.55.1 || ^4.0.0
+    dependencies:
+      '@popperjs/core': 2.11.8
+      flowbite: 1.7.0
+      svelte: 4.0.1
+      tailwind-merge: 1.13.2
+    dev: false
+
+  /flowbite@1.7.0:
+    resolution: {integrity: sha512-OTTmnhRgv85Rs+mcMaVU7zB6EvRQs7BaQziyMUsZLRjW9aUpeQyqKjLmxsVMMCdr8isYPCLd6UL7X1IaSVI0WQ==}
+    dependencies:
+      '@popperjs/core': 2.11.8
+      mini-svg-data-uri: 1.4.4
+    dev: false
+
+  /fraction.js@4.2.0:
+    resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
+    dev: true
+
+  /fs.realpath@1.0.0:
+    resolution: {integrity: sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==}
+    dev: true
+
+  /fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  /function-bind@1.1.1:
+    resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
+    dev: true
+
+  /glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+    dependencies:
+      is-glob: 4.0.3
+    dev: true
+
+  /glob@7.1.6:
+    resolution: {integrity: sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /glob@7.2.3:
+    resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 3.1.2
+      once: 1.4.0
+      path-is-absolute: 1.0.1
+    dev: true
+
+  /graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+    dev: true
+
+  /has@1.0.3:
+    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
+    engines: {node: '>= 0.4.0'}
+    dependencies:
+      function-bind: 1.1.1
+    dev: true
+
+  /immutable@4.3.0:
+    resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
+    dev: true
+
+  /import-fresh@3.3.0:
+    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
+    engines: {node: '>=6'}
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+    dev: true
+
+  /inflight@1.0.6:
+    resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
+    dependencies:
+      once: 1.4.0
+      wrappy: 1.0.2
+    dev: true
+
+  /inherits@2.0.4:
+    resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
+    dev: true
+
+  /install@0.13.0:
+    resolution: {integrity: sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==}
+    engines: {node: '>= 0.10'}
+    dev: false
+
+  /is-arrayish@0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+    dev: false
+
+  /is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+    dependencies:
+      binary-extensions: 2.2.0
+    dev: true
+
+  /is-core-module@2.12.1:
+    resolution: {integrity: sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      is-extglob: 2.1.1
+    dev: true
+
+  /is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+    dev: true
+
+  /is-reference@3.0.1:
+    resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==}
+    dependencies:
+      '@types/estree': 1.0.1
+
+  /jiti@1.18.2:
+    resolution: {integrity: sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==}
+    hasBin: true
+    dev: true
+
+  /kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+    dev: true
+
+  /lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+    dev: true
+
+  /locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
+  /magic-string@0.27.0:
+    resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
+
+  /magic-string@0.30.0:
+    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  /merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+    dev: true
+
+  /micromatch@4.0.5:
+    resolution: {integrity: sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==}
+    engines: {node: '>=8.6'}
+    dependencies:
+      braces: 3.0.2
+      picomatch: 2.3.1
+    dev: true
+
+  /min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /mini-svg-data-uri@1.4.4:
+    resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
+    hasBin: true
+    dev: false
+
+  /minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+    dependencies:
+      brace-expansion: 1.1.11
+    dev: true
+
+  /minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
+
+  /mkdirp@0.5.6:
+    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.8
+    dev: true
+
+  /moment@2.29.4:
+    resolution: {integrity: sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==}
+    dev: false
+
+  /mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /ms@2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==}
+    dev: true
+
+  /mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+    dev: true
+
+  /nanoid@3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
+
+  /node-releases@2.0.12:
+    resolution: {integrity: sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==}
+    dev: true
+
+  /normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /normalize-range@0.1.2:
+    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /object-hash@3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+    dependencies:
+      wrappy: 1.0.2
+    dev: true
+
+  /parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+    dependencies:
+      callsites: 3.1.0
+    dev: true
+
+  /path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+    dev: true
+
+  /periscopic@3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+    dependencies:
+      '@types/estree': 1.0.1
+      estree-walker: 3.0.3
+      is-reference: 3.0.1
+
+  /picocolors@1.0.0:
+    resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
+    dev: true
+
+  /picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+    dev: true
+
+  /pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /pirates@4.0.5:
+    resolution: {integrity: sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ==}
+    engines: {node: '>= 6'}
+    dev: true
+
+  /postcss-import@15.1.0(postcss@8.4.24):
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+    dependencies:
+      postcss: 8.4.24
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.2
+    dev: true
+
+  /postcss-js@4.0.1(postcss@8.4.24):
+    resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.4.21
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.4.24
+    dev: true
+
+  /postcss-load-config@4.0.1(postcss@8.4.24):
+    resolution: {integrity: sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==}
+    engines: {node: '>= 14'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.1.0
+      postcss: 8.4.24
+      yaml: 2.3.1
+    dev: true
+
+  /postcss-nested@6.0.1(postcss@8.4.24):
+    resolution: {integrity: sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+    dependencies:
+      postcss: 8.4.24
+      postcss-selector-parser: 6.0.13
+    dev: true
+
+  /postcss-selector-parser@6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
+  /postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+    dev: true
+
+  /postcss@8.4.24:
+    resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+    dev: true
+
+  /read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+    dependencies:
+      pify: 2.3.0
+    dev: true
+
+  /readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+    dependencies:
+      picomatch: 2.3.1
+    dev: true
+
+  /regexparam@2.0.1:
+    resolution: {integrity: sha512-zRgSaYemnNYxUv+/5SeoHI0eJIgTL/A2pUtXUPLHQxUldagouJ9p+K6IbIZ/JiQuCEv2E2B1O11SjVQy3aMCkw==}
+    engines: {node: '>=8'}
+    dev: false
+
+  /resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /resolve@1.22.2:
+    resolution: {integrity: sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==}
+    hasBin: true
+    dependencies:
+      is-core-module: 2.12.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    dev: true
+
+  /reusify@1.0.4:
+    resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+    dev: true
+
+  /rimraf@2.7.1:
+    resolution: {integrity: sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==}
+    hasBin: true
+    dependencies:
+      glob: 7.2.3
+    dev: true
+
+  /rollup@3.25.1:
+    resolution: {integrity: sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==}
+    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
+    hasBin: true
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+    dependencies:
+      queue-microtask: 1.2.3
+    dev: true
+
+  /sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+    dependencies:
+      mri: 1.2.0
+    dev: true
+
+  /sander@0.5.1:
+    resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
+    dependencies:
+      es6-promise: 3.3.1
+      graceful-fs: 4.2.11
+      mkdirp: 0.5.6
+      rimraf: 2.7.1
+    dev: true
+
+  /sass@1.62.0:
+    resolution: {integrity: sha512-Q4USplo4pLYgCi+XlipZCWUQz5pkg/ruSSgJ0WRDSb/+3z9tXUOkQ7QPYn4XrhZKYAK4HlpaQecRwKLJX6+DBg==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      chokidar: 3.5.3
+      immutable: 4.3.0
+      source-map-js: 1.0.2
+    dev: true
+
+  /simple-swizzle@0.2.2:
+    resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+    dependencies:
+      is-arrayish: 0.3.2
+    dev: false
+
+  /sorcery@0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
+    hasBin: true
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+      buffer-crc32: 0.2.13
+      minimist: 1.2.8
+      sander: 0.5.1
+    dev: true
+
+  /source-map-js@1.0.2:
+    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
+    engines: {node: '>=0.10.0'}
+
+  /strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /sucrase@3.32.0:
+    resolution: {integrity: sha512-ydQOU34rpSyj2TGyz4D2p8rbktIOZ8QY9s+DGLvFU1i5pWJE8vkpruCjGCMHsdXwnD7JDcS+noSwM/a7zyNFDQ==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      commander: 4.1.1
+      glob: 7.1.6
+      lines-and-columns: 1.2.4
+      mz: 2.7.0
+      pirates: 4.0.5
+      ts-interface-checker: 0.1.13
+    dev: true
+
+  /supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /svelte-awesome@3.2.0(svelte@4.0.1):
+    resolution: {integrity: sha512-A9gqgRDs/6EjUgMHIBHz88vJIiY4fVI7e2X9uu43O7J2EYqdVVSnHHH49TxMnNinbq6K9Z/1kMD9LCZhX7ysUQ==}
+    peerDependencies:
+      svelte: ^3.43.1
+    dependencies:
+      svelte: 4.0.1
+    dev: false
+
+  /svelte-check@3.4.3(postcss@8.4.24)(sass@1.62.0)(svelte@4.0.1):
+    resolution: {integrity: sha512-O07soQFY3X0VDt+bcGc6D5naz0cLtjwnmNP9JsEBPVyMemFEqUhL2OdLqvkl5H/u8Jwm50EiAU4BPRn5iin/kg==}
+    hasBin: true
+    peerDependencies:
+      svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.18
+      chokidar: 3.5.3
+      fast-glob: 3.2.12
+      import-fresh: 3.3.0
+      picocolors: 1.0.0
+      sade: 1.8.1
+      svelte: 4.0.1
+      svelte-preprocess: 5.0.4(postcss@8.4.24)(sass@1.62.0)(svelte@4.0.1)(typescript@5.1.3)
+      typescript: 5.1.3
+    transitivePeerDependencies:
+      - '@babel/core'
+      - coffeescript
+      - less
+      - postcss
+      - postcss-load-config
+      - pug
+      - sass
+      - stylus
+      - sugarss
+    dev: true
+
+  /svelte-hmr@0.15.2(svelte@4.0.1):
+    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==}
+    engines: {node: ^12.20 || ^14.13.1 || >= 16}
+    peerDependencies:
+      svelte: ^3.19.0 || ^4.0.0-next.0
+    dependencies:
+      svelte: 4.0.1
+    dev: true
+
+  /svelte-preprocess@5.0.4(postcss@8.4.24)(sass@1.62.0)(svelte@4.0.1)(typescript@5.1.3):
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
+    engines: {node: '>= 14.10.0'}
+    requiresBuild: true
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: ^0.55.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+    dependencies:
+      '@types/pug': 2.0.6
+      detect-indent: 6.1.0
+      magic-string: 0.27.0
+      postcss: 8.4.24
+      sass: 1.62.0
+      sorcery: 0.11.0
+      strip-indent: 3.0.0
+      svelte: 4.0.1
+      typescript: 5.1.3
+    dev: true
+
+  /svelte-spa-router@3.3.0:
+    resolution: {integrity: sha512-cwRNe7cxD43sCvSfEeaKiNZg3FCizGxeMcf7CPiWRP3jKXjEma3vxyyuDtPOam6nWbVxl9TNM3hlE/i87ZlqcQ==}
+    dependencies:
+      regexparam: 2.0.1
+    dev: false
+
+  /svelte@4.0.1:
+    resolution: {integrity: sha512-7n2u7A5cu8xCY6MBiXh/Mg6Lh3+Mw2qXlTDBYhzvCvmSM4L4gc4MVo540UtGcjqBiA48E1VDW+EUpBr7iuBlPg==}
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.18
+      acorn: 8.10.0
+      aria-query: 5.3.0
+      axobject-query: 3.2.1
+      code-red: 1.0.3
+      css-tree: 2.3.1
+      estree-walker: 3.0.3
+      is-reference: 3.0.1
+      locate-character: 3.0.0
+      magic-string: 0.30.0
+      periscopic: 3.1.0
+
+  /tailwind-merge@1.13.2:
+    resolution: {integrity: sha512-R2/nULkdg1VR/EL4RXg4dEohdoxNUJGLMnWIQnPKL+O9Twu7Cn3Rxi4dlXkDzZrEGtR+G+psSXFouWlpTyLhCQ==}
+
+  /tailwindcss@3.3.2:
+    resolution: {integrity: sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.5.3
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.2.12
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.18.2
+      lilconfig: 2.1.0
+      micromatch: 4.0.5
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.0.0
+      postcss: 8.4.24
+      postcss-import: 15.1.0(postcss@8.4.24)
+      postcss-js: 4.0.1(postcss@8.4.24)
+      postcss-load-config: 4.0.1(postcss@8.4.24)
+      postcss-nested: 6.0.1(postcss@8.4.24)
+      postcss-selector-parser: 6.0.13
+      postcss-value-parser: 4.2.0
+      resolve: 1.22.2
+      sucrase: 3.32.0
+    transitivePeerDependencies:
+      - ts-node
+    dev: true
+
+  /thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+    dependencies:
+      thenify: 3.3.1
+    dev: true
+
+  /thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+    dependencies:
+      any-promise: 1.3.0
+    dev: true
+
+  /to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+    dependencies:
+      is-number: 7.0.0
+    dev: true
+
+  /ts-interface-checker@0.1.13:
+    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+    dev: true
+
+  /tslib@2.5.3:
+    resolution: {integrity: sha512-mSxlJJwl3BMEQCUNnxXBU9jP4JBktcEGhURcPR6VQVlnP0FdDEsIaz0C35dXNGLyRfrATNofF0F5p2KPxQgB+w==}
+    dev: true
+
+  /typescript@5.1.3:
+    resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+    dev: true
+
+  /update-browserslist-db@1.0.11(browserslist@4.21.9):
+    resolution: {integrity: sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+    dependencies:
+      browserslist: 4.21.9
+      escalade: 3.1.1
+      picocolors: 1.0.0
+    dev: true
+
+  /util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
+  /vite@4.3.9(sass@1.62.0):
+    resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.17.19
+      postcss: 8.4.24
+      rollup: 3.25.1
+      sass: 1.62.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
+  /vitefu@0.2.4(vite@4.3.9):
+    resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 4.3.9(sass@1.62.0)
+    dev: true
+
+  /wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+    dev: true
+
+  /yaml@2.3.1:
+    resolution: {integrity: sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==}
+    engines: {node: '>= 14'}
+    dev: true
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..2e7af2b
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..94be388
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/icons/Icon-192.png b/public/icons/Icon-192.png
new file mode 100644
index 0000000..747c5c7
Binary files /dev/null and b/public/icons/Icon-192.png differ
diff --git a/public/icons/Icon-512.png b/public/icons/Icon-512.png
new file mode 100644
index 0000000..a258609
Binary files /dev/null and b/public/icons/Icon-512.png differ
diff --git a/public/icons/Icon-maskable-192.png b/public/icons/Icon-maskable-192.png
new file mode 100644
index 0000000..fdb4378
Binary files /dev/null and b/public/icons/Icon-maskable-192.png differ
diff --git a/public/icons/Icon-maskable-512.png b/public/icons/Icon-maskable-512.png
new file mode 100644
index 0000000..051b5f4
Binary files /dev/null and b/public/icons/Icon-maskable-512.png differ
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 0000000..dc23b8b
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,35 @@
+{
+    "name": "SteamWar Multitool",
+    "short_name": "SWMT",
+    "start_url": ".",
+    "display": "standalone",
+    "background_color": "#0175C2",
+    "theme_color": "#0175C2",
+    "description": "A tool for SteamWar moderators",
+    "orientation": "portrait-primary",
+    "prefer_related_applications": false,
+    "icons": [
+        {
+            "src": "/icons/Icon-192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/Icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        },
+        {
+            "src": "/icons/Icon-maskable-192.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "maskable"
+        },
+        {
+            "src": "/icons/Icon-maskable-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "maskable"
+        }
+    ]
+}
diff --git a/src/App.svelte b/src/App.svelte
new file mode 100644
index 0000000..9543cad
--- /dev/null
+++ b/src/App.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+  import type {ConditionsFailedEvent, RouteDefinition} from "svelte-spa-router";
+  import wrap from "svelte-spa-router/wrap";
+  import Router, {replace} from "svelte-spa-router";
+  import {get} from "svelte/store";
+  import {tokenStore} from "./repo/repo.js";
+
+  const routes: RouteDefinition = {
+    '/': wrap({asyncComponent: () => import('./pages/Home.svelte'), conditions: detail => get(tokenStore) != ""}),
+    '/login': wrap({asyncComponent: () => import('./pages/Login.svelte'), conditions: detail => get(tokenStore) == ""}),
+    '/event/:id': wrap({asyncComponent: () => import('./pages/Event.svelte'), conditions: detail => get(tokenStore) != ""}),
+    '/event/:id/generate': wrap({asyncComponent: () => import('./pages/Generate.svelte'), conditions: detail => get(tokenStore) != ""}),
+    '*': wrap({asyncComponent: () => import('./pages/NotFound.svelte')})
+  }
+
+  function conditionsFailed(event: ConditionsFailedEvent) {
+    if(event.detail.location === "/login") {
+      replace("/")
+    } else {
+      replace("/login")
+    }
+  }
+</script>
+
+<main class="dark:bg-gray-900 min-w-full min-h-screen text-gray-900 dark:text-gray-300">
+  <Router {routes} on:conditionsFailed={conditionsFailed}/>
+</main>
diff --git a/src/app.scss b/src/app.scss
new file mode 100644
index 0000000..b5c61c9
--- /dev/null
+++ b/src/app.scss
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/components/ErrorModal.svelte b/src/components/ErrorModal.svelte
new file mode 100644
index 0000000..ecd9f1a
--- /dev/null
+++ b/src/components/ErrorModal.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+    import {Button, Modal} from "flowbite-svelte";
+
+    export let open: boolean = false;
+    export let error: Error | undefined;
+</script>
+
+{#if (error instanceof Error)}
+    <Modal bind:open title={error.message}>
+        <p>{error.stack}</p>
+        <Button slot="footer" on:click={() => open = false}>Close</Button>
+    </Modal>
+{/if}
diff --git a/src/components/FightEditPart.svelte b/src/components/FightEditPart.svelte
new file mode 100644
index 0000000..c8592f8
--- /dev/null
+++ b/src/components/FightEditPart.svelte
@@ -0,0 +1,103 @@
+<script lang="ts">
+    import {Input, Label, Select} from "flowbite-svelte";
+    import TypeAheadSearch from "./TypeAheadSearch.svelte";
+    import {gamemodes, groups, maps, players} from "../stores/stores.js";
+    import type {Team} from '../types/team.js';
+
+    export let teams: Team[] = [];
+    export let blueTeam = "";
+    export let redTeam = "";
+    export let start = "";
+    export let gamemode = "";
+    export let map = "";
+    export let kampfleiter = "";
+    export let group = "";
+    export let groupSearch = "";
+
+    $: selectPlayers = $players.map(player => {
+        return {
+            name: player.name,
+            value: player.id
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+
+    $: selectableTeams = teams.map(team => {
+        return {
+            name: team.name,
+            value: team.id
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+
+    $: selectableGamemodes = $gamemodes.map(gamemode => {
+        return {
+            name: gamemode,
+            value: gamemode
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+    $: customGamemode = !selectableGamemodes.some((e) => e.name === gamemode) && gamemode !== '';
+    $: selectableCustomGamemode = [
+        ...selectableGamemodes, {
+            name: gamemode + ' (custom)',
+            value: gamemode
+        }
+    ]
+
+    $: mapsStore = maps(gamemode);
+    $: selectableMaps = $mapsStore.map(map => {
+        return {
+            name: map,
+            value: map
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+    $: customMap = !selectableMaps.some((e) => e.name === map) && map !== ''
+    $: selectableCustomMaps = [
+        ...selectableMaps, {
+            name: map + ' (custom)',
+            value: map
+        }
+    ]
+
+    $: selectableGroups = [{
+        name: 'None',
+        value: ''
+    }, {
+        value: groupSearch,
+        name: `Create: '${groupSearch}'`
+    }, ...$groups.map(group => {
+        return {
+            name: group,
+            value: group
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name))];
+</script>
+
+<div class="m-2">
+    <Label for="fight-blue">Blue Team</Label>
+    <Select items={selectableTeams} bind:value={blueTeam} id="fight-blue"></Select>
+</div>
+<div class="m-2">
+    <Label for="fight-red">Red Team</Label>
+    <Select items={selectableTeams} bind:value={redTeam} id="fight-red"></Select>
+</div>
+<div class="mt-4">
+    <Label for="fight-start">Start</Label>
+    <Input id="fight-start" bind:value={start} let:props>
+        <input type="datetime-local" {...props} bind:value={start}/>
+    </Input>
+</div>
+<div class="m-2">
+    <Label for="fight-gamemode">Gamemode</Label>
+    <Select items={customGamemode ? selectableCustomGamemode : selectableGamemodes} bind:value={gamemode} id="fight-gamemode"></Select>
+</div>
+<div class="m-2">
+    <Label for="fight-maps">Map</Label>
+    <Select items={customMap ? selectableCustomMaps : selectableMaps} bind:value={map} id="fight-maps" disabled={customGamemode} class={customGamemode ? "cursor-not-allowed" : ""}></Select>
+</div>
+<div class="m-2">
+    <Label for="fight-kampf">Kampfleiter</Label>
+    <TypeAheadSearch items={selectPlayers} bind:selected={kampfleiter}></TypeAheadSearch>
+</div>
+<div class="m-2">
+    <Label for="fight-kampf">Group</Label>
+    <TypeAheadSearch items={selectableGroups} bind:selected={group} bind:searchValue={groupSearch} all></TypeAheadSearch>
+</div>
diff --git a/src/components/TypeAheadSearch.svelte b/src/components/TypeAheadSearch.svelte
new file mode 100644
index 0000000..fcfc1f8
--- /dev/null
+++ b/src/components/TypeAheadSearch.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+    import {Dropdown, DropdownItem, Search} from 'flowbite-svelte'
+
+    export let selected: string = ''
+    export let items: {name: string, value: string}[] = []
+    export let all = false
+
+    export let searchValue = items.find(item => item.value === selected)?.name || ''
+    let focus = false
+
+    $: filteredItems = items.filter(item => item.name.toLowerCase().includes(searchValue.toLowerCase()))
+    $: openDropdown = filteredItems.length > 0 && searchValue.length >= 3 && focus || all && focus
+
+    function selectItem(item) {
+        selected = item.value
+        searchValue = item.name
+        focus = false
+    }
+</script>
+
+
+<Search bind:value={searchValue} on:focus={() => focus = true} on:keydown={() => focus = true}/>
+{#if (openDropdown)}
+    <Dropdown class="z-10" open>
+        {#each filteredItems as item}
+            <DropdownItem on:click={() => selectItem(item)}>
+                {item.name}
+            </DropdownItem>
+        {/each}
+    </Dropdown>
+{/if}
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..1ef5cbc
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,8 @@
+import "./app.scss";
+import App from "./App.svelte";
+
+const app = new App({
+  target: document.getElementById("app"),
+});
+
+export default app;
diff --git a/src/pages/Event.svelte b/src/pages/Event.svelte
new file mode 100644
index 0000000..c644963
--- /dev/null
+++ b/src/pages/Event.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+    import {Avatar, Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
+    import EventEdit from "./event/EventEdit.svelte";
+    import {ArrowLeftSolid} from "flowbite-svelte-icons";
+    import FightList from "./event/FightList.svelte";
+    import {eventRepo} from "../repo/repo.js";
+    import TeamList from "./event/TeamList.svelte";
+
+    export let params: { id: number } = {};
+
+    let id = params.id;
+    let event = $eventRepo.getEvent(id.toString());
+</script>
+
+{#await event}
+    <div class="h-screen w-screen grid place-items-center">
+        <Spinner size={16}/>
+    </div>
+{:then data}
+    <Navbar let:hidden let:toggle>
+        <NavBrand href="#">
+            <ArrowLeftSolid></ArrowLeftSolid>
+            <span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white">
+                {data.event.name}
+            </span>
+        </NavBrand>
+    </Navbar>
+
+    <Tabs style="pill" class="mx-4 flex shadow-lg border-b-2 border-gray-700 pb-2" contentClass="">
+        <TabItem open>
+            <span slot="title">Event</span>
+            <EventEdit {data} />
+        </TabItem>
+        <TabItem>
+            <span slot="title">Teams</span>
+            <TeamList {data}/>
+        </TabItem>
+        <TabItem>
+            <span slot="title">Fights</span>
+            <FightList {data}/>
+        </TabItem>
+    </Tabs>
+{:catch error}
+    <p>
+        {error.message}
+    </p>
+{/await}
diff --git a/src/pages/Generate.svelte b/src/pages/Generate.svelte
new file mode 100644
index 0000000..85bd28e
--- /dev/null
+++ b/src/pages/Generate.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+    import {Avatar, Navbar, NavBrand, Spinner, TabItem, Tabs} from "flowbite-svelte";
+    import EventEdit from "./event/EventEdit.svelte";
+    import {ArrowLeftSolid} from "flowbite-svelte-icons";
+    import FightList from "./event/FightList.svelte";
+    import {eventRepo} from "../repo/repo.js";
+    import TeamList from "./event/TeamList.svelte";
+    import GroupGenerator from "./generate/GroupGenerator.svelte";
+
+    export let params: { id: number } = {};
+
+    let id = params.id;
+    let event = $eventRepo.getEvent(id.toString());
+</script>
+
+{#await event}
+    <div class="h-screen w-screen grid place-items-center">
+        <Spinner size={16}/>
+    </div>
+{:then data}
+    <Navbar let:hidden let:toggle>
+        <NavBrand href="#/event/{id}">
+            <ArrowLeftSolid></ArrowLeftSolid>
+            <span class="ml-4 self-center whitespace-nowrap text-xl font-semibold dark:text-white">
+                {data.event.name} - Generate
+            </span>
+        </NavBrand>
+    </Navbar>
+
+    <Tabs style="pill" class="mx-4 flex shadow-lg border-b-2 border-gray-700 pb-2" contentClass="">
+        <TabItem title="Group" open>
+            <GroupGenerator {data}/>
+        </TabItem>
+        <TabItem title="KO">
+            <h1>WIP</h1>
+        </TabItem>
+    </Tabs>
+{:catch error}
+    <p>
+        {error.message}
+    </p>
+{/await}
diff --git a/src/pages/Home.svelte b/src/pages/Home.svelte
new file mode 100644
index 0000000..43afa0a
--- /dev/null
+++ b/src/pages/Home.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+
+    import {Button, Modal, Navbar, NavBrand, NavHamburger, NavLi, NavUl, Spinner} from "flowbite-svelte";
+    import {replace} from "svelte-spa-router";
+    import {PlusSolid} from "flowbite-svelte-icons";
+    import EventCard from "./home/EventCard.svelte";
+    import CreateEventModal from "./home/CreateEventModal.svelte";
+    import {eventRepo, tokenStore} from "../repo/repo.js";
+
+    let events = $eventRepo.listEvents()
+    let showAdd = false
+    let showLogoutModal = false
+    let millis = Date.now()
+
+    function logout() {
+        $tokenStore = ""
+        replace("/login")
+    }
+</script>
+
+<Navbar let:hidden let:toggle class="shadow-lg border-b">
+    <NavBrand href="#">
+        <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
+          Eventplanner
+        </span>
+    </NavBrand>
+    <NavHamburger on:click={toggle} />
+    <NavUl {hidden}>
+        <NavLi on:click={() => showLogoutModal = true} class="cursor-pointer select-none">Logout</NavLi>
+    </NavUl>
+</Navbar>
+
+<CreateEventModal bind:open={showAdd} on:create={() => events = $eventRepo.listEvents()}/>
+
+<Modal bind:open={showLogoutModal} title="Logout?" outsideclose size="sm">
+    <p>Do you really want to logout?</p>
+    <svelte:fragment slot="footer">
+        <Button on:click={() => showLogoutModal = false} color="alternative" class="ml-auto">Cancel</Button>
+        <Button on:click={logout} color="red">Logout</Button>
+    </svelte:fragment>
+</Modal>
+
+{#await events}
+    <div class="h-screen w-screen grid place-items-center">
+        <Spinner size={16}/>
+    </div>
+{:then data}
+    <Button class="fixed bottom-6 right-6 !p-4 z-10 shadow-lg" on:click={() => showAdd = true}>
+        <PlusSolid/>
+    </Button>
+
+    <h1 class="text-3xl mt-4 ml-4">Upcoming</h1>
+    <div class="grid gap-4 p-4 border-b mx-4" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+        {#each data.filter((e) => e.start > millis) as event}
+            <EventCard {event} />
+        {/each}
+    </div>
+    <h1 class="text-3xl mt-4 ml-4">Past</h1>
+    <div class="grid gap-4 p-4" style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))">
+        {#each data.filter((e) => e.start < millis) as event}
+            <EventCard {event} />
+        {/each}
+    </div>
+{:catch error}
+    <p>
+        {error.message}
+    </p>
+{/await}
+
+<svelte:head>
+    <title>SteamWar.de Multitool - Home</title>
+</svelte:head>
diff --git a/src/pages/Login.svelte b/src/pages/Login.svelte
new file mode 100644
index 0000000..34db74b
--- /dev/null
+++ b/src/pages/Login.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+    import {Button, Input, Label, Spinner, Toast} from "flowbite-svelte";
+    import {fly} from "svelte/transition";
+    import {replace} from "svelte-spa-router";
+    import {EyeOutline, EyeSlashOutline, EyeSolid} from "flowbite-svelte-icons";
+    import {tokenStore} from "../repo/repo.js";
+
+    let show = false;
+    let loading = false;
+    let value = "";
+    let error = false;
+
+    async function handleSubmit() {
+        loading = true;
+        let res = await fetch("https://steamwar.de/eventplanner-api/data", {headers: {"X-SW-Auth": value}})
+        loading = false;
+        if(res.ok) {
+            $tokenStore = value;
+            await replace("/");
+        } else {
+            error = true;
+            value = "";
+            setTimeout(() => {
+                error = false;
+            }, 5000)
+        }
+    }
+</script>
+
+<div class="h-screen w-screen grid place-items-center overflow-hidden">
+    <form on:submit|preventDefault={handleSubmit} class="grid">
+        <div class="grid gap-6 mb-6 md:grid-cols-1">
+            <div>
+                <Label for="token-xyz" class="mb-2">Token</Label>
+                <Input type={show?'text':'password'} id="token-xyz" placeholder="•••••••••" required size="lg" bind:value>
+                    <button slot="left" on:click={() => (show = !show)} class="pointer-events-auto" type="button">
+                        {#if show}
+                            <EyeOutline />
+                        {:else}
+                            <EyeSlashOutline />
+                        {/if}
+                    </button>
+                </Input>
+            </div>
+        </div>
+        <Button type="submit">
+            {#if loading}
+                <Spinner size={4} class="mr-3" color="white"/> <span>Loading...</span>
+            {:else}
+                <span>Submit</span>
+            {/if}
+        </Button>
+    </form>
+</div>
+
+<Toast color="red" position="bottom-left" bind:open={error} transition={fly} params="{{x: -200}}">
+    <svelte:fragment slot="icon">
+        <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
+        <span class="sr-only">Error icon</span>
+    </svelte:fragment>
+    Invalid Token.
+</Toast>
+
+<svelte:head>
+    <title>SteamWar.de Multitool - Login</title>
+</svelte:head>
diff --git a/src/pages/NotFound.svelte b/src/pages/NotFound.svelte
new file mode 100644
index 0000000..7822d79
--- /dev/null
+++ b/src/pages/NotFound.svelte
@@ -0,0 +1,9 @@
+<script lang="ts">
+    import {onMount} from "svelte";
+    import {replace} from "svelte-spa-router";
+
+    onMount(() => {
+        replace('/')
+    });
+</script>
+
diff --git a/src/pages/event/EventEdit.svelte b/src/pages/event/EventEdit.svelte
new file mode 100644
index 0000000..166bebc
--- /dev/null
+++ b/src/pages/event/EventEdit.svelte
@@ -0,0 +1,130 @@
+<script lang="ts">
+    import type {ExtendedEvent} from "../../types/event.js";
+    import {Button, Heading, Input, Label, Modal, Range, Select, Toggle} from "flowbite-svelte";
+    import {schemTypes} from "../../stores/stores.js";
+    import moment from "moment/moment.js";
+    import type {UpdateEvent} from "../../repo/event.js";
+    import {eventRepo} from "../../repo/repo.js";
+    import ErrorModal from "../../components/ErrorModal.svelte";
+    import {replace} from "svelte-spa-router";
+
+    export let data: ExtendedEvent;
+    let event = data.event;
+    let name = event.name;
+    let deadline = moment(event.deadline).utc(true).toISOString().slice(0, -1);
+    let start = moment(event.start).utc(true).toISOString().slice(0, -1);
+    let end = moment(event.end).utc(true).toISOString().slice(0, -1);
+    let member = event.maxTeamMembers;
+    let schemType = event.schemType;
+    let publicOnly = event.publicSchemsOnly;
+    let spectateSystem = event.spectateSystem;
+
+    let errorOpen = false;
+    let error: Error = undefined;
+    let deleteOpen = false;
+
+    $: deadlineDate = moment(deadline);
+    $: startDate = moment(start);
+    $: endDate = moment(end);
+    $: selectTypes = [{
+        value: null,
+        name: "None"
+    }, ...$schemTypes.map((type) => {
+        return {
+            value: type.db,
+            name: type.name
+        }
+    })];
+
+    $: changed = name !== event.name ||
+        deadlineDate.diff(moment(event.deadline)) !== 0 ||
+        startDate.diff(moment(event.start)) !== 0 ||
+        endDate.diff(moment(event.end)) !== 0 ||
+        member !== event.maxTeamMembers ||
+        schemType != event.schemType ||
+        publicOnly !== event.publicSchemsOnly ||
+        spectateSystem !== event.spectateSystem;
+
+    async function del() {
+        try {
+            await $eventRepo.deleteEvent(event.id.toString());
+            await replace("/")
+        } catch (e) {
+            error = e;
+            errorOpen = true;
+        }
+    }
+
+    async function update() {
+        let ev: UpdateEvent = {
+            deadline: deadlineDate,
+            end: endDate,
+            maxTeamMembers: member,
+            name: name,
+            publicSchemsOnly: publicOnly,
+            schemType: schemType,
+            spectateSystem: spectateSystem,
+            start: startDate
+        };
+
+        try {
+            event = await $eventRepo.updateEvent(event.id.toString(), ev);
+        } catch (e) {
+            error = e;
+            errorOpen = true;
+        }
+    }
+</script>
+
+<svelte:head>
+    <title>{event.name} - Edit</title>
+</svelte:head>
+
+<form class="m-4">
+    <div class="mt-4">
+        <Label for="event-name">Name</Label>
+        <Input type="text" id="event-name" bind:value={name} class="w-80" size="lg"></Input>
+    </div>
+    <div class="mt-4">
+        <Label for="event-deadline">Deadline</Label>
+        <Input id="event-deadline" bind:value={name} class="w-80" let:props size="lg">
+            <input type="datetime-local" {...props} bind:value={deadline}/>
+        </Input>
+    </div>
+    <div class="mt-4">
+        <Label for="event-start">Start</Label>
+        <Input id="event-start" bind:value={name} class="w-80" let:props size="lg">
+            <input type="datetime-local" {...props} bind:value={start}/>
+        </Input>
+    </div>
+    <div class="mt-4">
+        <Label for="event-end">End</Label>
+        <Input id="event-end" bind:value={name} class="w-80" let:props size="lg">
+            <input type="datetime-local" {...props} bind:value={end}/>
+        </Input>
+    </div>
+    <div class="mt-4">
+        <Label for="event-member">Member: {member}</Label>
+        <Range id="event-member" bind:value={member} step="1" min="1" max="30"/>
+    </div>
+    <div class="mt-4">
+        <Label for="event-type">Schematic Type:</Label>
+        <Select bind:value={schemType} items={selectTypes}/>
+    </div>
+    <Toggle bind:checked={publicOnly} class="mt-4">Public Schematics Only</Toggle>
+    <Toggle bind:checked={spectateSystem} class="mt-4">Spectate System</Toggle>
+    <div class="flex mt-4">
+        <Button disabled={!changed} on:click={update}>Update</Button>
+        <Button class="ml-4" color="red" on:click={() => deleteOpen = true}>Delete</Button>
+    </div>
+</form>
+
+<ErrorModal bind:open={errorOpen} bind:error={error}/>
+
+<Modal bind:open={deleteOpen} outsideclose title="Delete {event.name}?">
+    <p>Are you sure you want to delete {event.name}?</p>
+    <div class="flex justify-end">
+        <Button on:click={() => deleteOpen = false}>Cancel</Button>
+        <Button class="ml-4" color="red" on:click={del}>Delete</Button>
+    </div>
+</Modal>
diff --git a/src/pages/event/FightCard.svelte b/src/pages/event/FightCard.svelte
new file mode 100644
index 0000000..79e7cae
--- /dev/null
+++ b/src/pages/event/FightCard.svelte
@@ -0,0 +1,95 @@
+<script lang="ts">
+    import {EditOutline, InboxSolid, TrashBinOutline} from "flowbite-svelte-icons";
+    import {Button, Checkbox, Modal, Toolbar, ToolbarButton} from "flowbite-svelte";
+    import type {EventFight, ExtendedEvent} from "../../types/event.js";
+    import FightEditModal from "./modals/FightEditModal.svelte";
+    import {createEventDispatcher} from "svelte";
+    import {fightRepo} from "../../repo/repo.js";
+
+    export let fight: EventFight;
+    export let data: ExtendedEvent;
+    export let i: number;
+    export let selected: boolean = false;
+    export let hideEdit: boolean = false;
+
+    let deleteOpen = false;
+    let editOpen = false;
+
+    let dispatcher = createEventDispatcher();
+
+    function dispatchSelect() {
+        setTimeout(() => {
+            if (!deleteOpen && !editOpen) {
+                dispatcher('select');
+            }
+        }, 1);
+    }
+
+    async function deleteFight() {
+        await $fightRepo.deleteFight(fight.id);
+        dispatcher('update');
+    }
+</script>
+
+<div class="flex h-16 {i % 2 === 0 ? 'bg-gray-800' : ''} mx-4 mt-6 rounded border {selected ? 'border-orange-700' : 'border-gray-700'} p-2 hover:bg-gray-700 transition justify-between shadow-lg cursor-pointer"
+    on:click={dispatchSelect} on:keypress={dispatchSelect} role="checkbox" aria-checked={selected} tabindex="0"
+>
+    <div class="flex">
+        <div class="flex flex-col">
+            <div>
+                <span>{fight.blueTeam.name}</span>
+                vs.
+                <span>{fight.redTeam.name}</span>
+            </div>
+            {#if (fight.ergebnis === 3)}
+                <span class="ml-2">Unentschieden</span>
+            {:else if (fight.ergebnis !== 0)}
+                <span class="ml-2">{fight.ergebnis === 1 ? 'Sieger: ' + fight.blueTeam.name : 'Sieger: ' + fight.redTeam.name}</span>
+            {:else}
+                <span class="ml-2">Noch nicht gespielt</span>
+            {/if}
+        </div>
+    </div>
+    <div class="flex">
+        <div class="mr-2 flex flex-col">
+            <span>
+                {new Intl.DateTimeFormat(Intl.Locale.name, {
+                    hour: '2-digit',
+                    minute: '2-digit',
+                    second: '2-digit'
+                }).format(fight.start)}
+            </span>
+            <span>
+                {new Intl.DateTimeFormat(Intl.Locale.name, {
+                    day: '2-digit',
+                    month: '2-digit',
+                    year: '2-digit'
+                }).format(fight.start)}
+            </span>
+        </div>
+        {#if !hideEdit}
+            <Toolbar embedded>
+                <ToolbarButton on:click={() => editOpen = true}>
+                    <EditOutline/>
+                </ToolbarButton>
+                <ToolbarButton color="red" on:click={() => deleteOpen = true}>
+                    <TrashBinOutline />
+                </ToolbarButton>
+            </Toolbar>
+        {/if}
+    </div>
+</div>
+
+<Modal title="Delete {fight.blueTeam.name} vs. {fight.redTeam.name}" bind:open={deleteOpen} autoclose outsideclose size="xs">
+    <div class="text-center">
+        <p class="mb-5">
+            Are you sure you want to delete this fight?
+        </p>
+        <Button color="red" on:click={deleteFight}>Delete Fight</Button>
+        <Button color="alternative">Cancel</Button>
+    </div>
+</Modal>
+
+{#if (editOpen)}
+    <FightEditModal {fight} bind:data bind:open={editOpen} on:update/>
+{/if}
diff --git a/src/pages/event/FightList.svelte b/src/pages/event/FightList.svelte
new file mode 100644
index 0000000..6dfdb57
--- /dev/null
+++ b/src/pages/event/FightList.svelte
@@ -0,0 +1,267 @@
+<script lang="ts">
+    import type {EventFight, ExtendedEvent} from "../../types/event.js";
+    import {
+        Button,
+        Checkbox, Input, Label,
+        Modal,
+        SpeedDial,
+        SpeedDialButton,
+        Toolbar,
+        ToolbarButton,
+        ToolbarGroup,
+        Tooltip
+    } from "flowbite-svelte";
+    import {
+        ArrowsRepeatSolid, CalendarWeekOutline,
+        PlusSolid, ProfileCardOutline, TrashBinOutline, UsersGroupOutline,
+    } from "flowbite-svelte-icons";
+    import FightCard from "./FightCard.svelte";
+    import CreateFightModal from "./modals/CreateFightModal.svelte";
+    import {fightRepo} from "../../repo/repo.js";
+    import {groups, players} from "../../stores/stores.js";
+    import TypeAheadSearch from "../../components/TypeAheadSearch.svelte";
+    import type {UpdateFight} from "../../repo/fight.js";
+    import moment from "moment";
+
+    export let data: ExtendedEvent;
+
+    let createOpen = false;
+    let fights = data.fights;
+    let selectedFights: Set<EventFight> = new Set();
+
+    $: groupsMap = new Set(fights.map(fight => fight.group));
+    $: groupedFights = Array.from(groupsMap).map(group => {
+        return {
+            group: group,
+            fights: fights.filter(fight => fight.group === group)
+        }
+    });
+
+    function cycleSelect() {
+        if (selectedFights.size === fights.length) {
+            selectedFights = new Set();
+        } else if(selectedFights.size === 0){
+            selectedFights = new Set(fights.filter(fight => fight.start > Date.now()));
+
+            if (selectedFights.size === 0) {
+                selectedFights = new Set(fights);
+            }
+        } else {
+            selectedFights = new Set(fights);
+        }
+    }
+
+    function cycleGroup(groupFights: EventFight[]) {
+        if(groupFights.every(gf => selectedFights.has(gf))) {
+            groupFights.forEach(fight => selectedFights.delete(fight));
+        } else {
+            groupFights.forEach(fight => selectedFights.add(fight));
+        }
+        selectedFights = selectedFights;
+    }
+
+    let deleteOpen = false;
+    async function deleteFights() {
+        for (const fight of selectedFights) {
+            await $fightRepo.deleteFight(fight.id);
+        }
+        fights = await $fightRepo.listFights(data.event.id);
+        selectedFights = new Set();
+        deleteOpen = false;
+    }
+
+    let kampfleiterOpen = false;
+    $: selectPlayers = $players.map(player => {
+        return {
+            name: player.name,
+            value: player.id.toString()
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+    let kampfleiter = "";
+    async function updateKampfleiter() {
+        for (const fight of selectedFights) {
+            let f: UpdateFight = {
+                blueTeam: null,
+                group: null,
+                kampfleiter: Number.parseInt(kampfleiter),
+                map: null,
+                redTeam: null,
+                spielmodus: null,
+                start: null
+            };
+            await $fightRepo.updateFight(fight.id, f);
+        }
+        fights = await $fightRepo.listFights(data.event.id);
+        selectedFights = new Set();
+        kampfleiter = "";
+        kampfleiterOpen = false;
+    }
+
+    let groupChangeOpen = false;
+    let group = "";
+    let groupSearch = "";
+
+    $: selectableGroups = [{
+        name: 'None',
+        value: ''
+    }, {
+        value: groupSearch,
+        name: `Create: '${groupSearch}'`
+    }, ...$groups.map(group => {
+        return {
+            name: group,
+            value: group
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name))];
+    async function updateGroup() {
+        for (const fight of selectedFights) {
+            let f: UpdateFight = {
+                blueTeam: null,
+                group: group,
+                kampfleiter: null,
+                map: null,
+                redTeam: null,
+                spielmodus: null,
+                start: null
+            };
+            await $fightRepo.updateFight(fight.id, f);
+        }
+        fights = await $fightRepo.listFights(data.event.id);
+        selectedFights = new Set();
+        group = "";
+        groupSearch = "";
+        groupChangeOpen = false;
+    }
+
+    $: minTime = moment(Math.min(...fights.map(fight => fight.start))).utc(true);
+    let changeTimeOpen = false;
+    let changedTime = moment(Math.min(...fights.map(fight => fight.start)))?.utc(true).toISOString().slice(0, -1);
+
+    $: deltaTime = moment.duration(moment(changedTime).utc(true).diff(minTime))
+
+    async function updateStartTime() {
+        for (const fight of selectedFights) {
+            let f: UpdateFight = {
+                blueTeam: null,
+                group: null,
+                kampfleiter: null,
+                map: null,
+                redTeam: null,
+                spielmodus: null,
+                start: moment(fight.start).add(deltaTime.asMilliseconds(), 'millisecond')
+            };
+            await $fightRepo.updateFight(fight.id, f);
+        }
+        fights = await $fightRepo.listFights(data.event.id);
+        changedTime = minTime.toISOString().slice(0, -1);
+        selectedFights = new Set();
+        changeTimeOpen = false;
+    }
+</script>
+
+<svelte:head>
+    <title>{data.event.name} - Fights</title>
+</svelte:head>
+
+<div class="pb-28">
+    <Toolbar class="mx-4 mt-2 w-fit">
+        <ToolbarGroup>
+            <Checkbox class="ml-2" checked={selectedFights.size === fights.length} on:click={cycleSelect}/>
+            <Tooltip>Select Upcoming</Tooltip>
+        </ToolbarGroup>
+        <ToolbarGroup>
+            <ToolbarButton on:click={() => selectedFights.size > 0 ? changeTimeOpen = true : changeTimeOpen = false}>
+                <CalendarWeekOutline/>
+            </ToolbarButton>
+            <Tooltip>Reschedule Fights</Tooltip>
+            <ToolbarButton on:click={() => selectedFights.size > 0 ? kampfleiterOpen = true : kampfleiterOpen = false}>
+                <ProfileCardOutline/>
+            </ToolbarButton>
+            <Tooltip>Change Kampfleiter</Tooltip>
+            <ToolbarButton on:click={() => selectedFights.size > 0 ? groupChangeOpen = true : groupChangeOpen = false}>
+                <UsersGroupOutline/>
+            </ToolbarButton>
+            <Tooltip>Change Group</Tooltip>
+        </ToolbarGroup>
+        <ToolbarGroup>
+            <ToolbarButton color="red" on:click={() => selectedFights.size > 0 ? deleteOpen = true : deleteOpen = false}>
+                <TrashBinOutline/>
+            </ToolbarButton>
+            <Tooltip>Delete</Tooltip>
+        </ToolbarGroup>
+    </Toolbar>
+    {#each groupedFights as group}
+        <div class="flex mt-4">
+            <Checkbox class="ml-2 text-center" checked={group.fights.every(gf => selectedFights.has(gf))} on:click={() => cycleGroup(group.fights)}/>
+            <h1 class="ml-4 text-2xl">{group.group ?? "Ungrouped"}</h1>
+        </div>
+        {#each group.fights.sort((a, b) => a.start - b.start) as fight, i}
+            <FightCard {fight} {i} {data} selected={selectedFights.has(fight)}
+                on:select={() => {
+                    if (selectedFights.has(fight)) {
+                        selectedFights.delete(fight);
+                    } else {
+                        selectedFights.add(fight);
+                    }
+                    selectedFights = selectedFights;
+                }}
+                on:update={async () => fights = await $fightRepo.listFights(data.event.id)}
+            />
+        {/each}
+    {/each}
+</div>
+
+<CreateFightModal {data} bind:open={createOpen} on:create={async () => data.fights = await $fightRepo.listFights(data.event.id)}></CreateFightModal>
+
+<Modal bind:open={deleteOpen} title="Delete {selectedFights.size} Fights" autoclose size="sm">
+    <p>Are you sure you want to delete {selectedFights.size} fights?</p>
+    <svelte:fragment slot="footer">
+        <Button color="red" class="ml-auto" on:click={deleteFights}>Delete</Button>
+        <Button on:click={() => deleteOpen = false} color="alternative">Cancel</Button>
+    </svelte:fragment>
+</Modal>
+
+<Modal bind:open={kampfleiterOpen} title="Change Kampfleiter" size="sm">
+    <div class="m-2">
+        <Label for="fight-kampf">Kampfleiter</Label>
+        <TypeAheadSearch items={selectPlayers} bind:selected={kampfleiter}></TypeAheadSearch>
+    </div>
+    <svelte:fragment slot="footer">
+        <Button class="ml-auto" on:click={updateKampfleiter}>Change</Button>
+        <Button on:click={() => kampfleiterOpen = false} color="alternative">Cancel</Button>
+    </svelte:fragment>
+</Modal>
+
+<Modal bind:open={groupChangeOpen} title="Change Group" size="sm">
+    <div class="m-2">
+        <Label for="fight-kampf">Group</Label>
+        <TypeAheadSearch items={selectableGroups} bind:selected={group} bind:searchValue={groupSearch} all></TypeAheadSearch>
+    </div>
+    <svelte:fragment slot="footer">
+        <Button class="ml-auto" on:click={updateGroup}>Change</Button>
+        <Button on:click={() => groupChangeOpen = false} color="alternative">Cancel</Button>
+    </svelte:fragment>
+</Modal>
+
+<Modal bind:open={changeTimeOpen} title="Change Start Time" size="sm">
+    <div class="m-2">
+        <Label for="fight-start">New Start Time:</Label>
+        <Input id="fight-start" bind:value={changedTime} let:props>
+            <input type="datetime-local" {...props} bind:value={changedTime}/>
+        </Input>
+    </div>
+    <p>{deltaTime.asMilliseconds() < 0 ? '' : '+'}{("0" + deltaTime.hours()).slice(-2)}:{("0" + deltaTime.minutes()).slice(-2)}</p>
+    <svelte:fragment slot="footer">
+        <Button class="ml-auto" on:click={updateStartTime}>Update</Button>
+        <Button on:click={() => changeTimeOpen = false} color="alternative">Cancel</Button>
+    </svelte:fragment>
+</Modal>
+
+<SpeedDial>
+    <SpeedDialButton name="Add" on:click={() => createOpen = true}>
+        <PlusSolid/>
+    </SpeedDialButton>
+    <SpeedDialButton name="Generate" href="#/event/{data.event.id}/generate">
+        <ArrowsRepeatSolid/>
+    </SpeedDialButton>
+</SpeedDial>
diff --git a/src/pages/event/TeamList.svelte b/src/pages/event/TeamList.svelte
new file mode 100644
index 0000000..8625ab0
--- /dev/null
+++ b/src/pages/event/TeamList.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    import {Avatar, Button, Modal} from "flowbite-svelte";
+    import type {ExtendedEvent} from "../../types/event.js";
+
+    export let data: ExtendedEvent;
+</script>
+<div class="m-4">
+    {#each data.teams as team}
+        <div class="flex flex-row my-2">
+            <Avatar size="lg">{team.kuerzel}</Avatar>
+            <div class="m-2">
+                <h1 class="text-2xl">{team.name}</h1>
+                <h2 class="text-lg text-gray-400">Fights: {data.fights.filter(value => value.blueTeam.id === team.id || value.redTeam.id === team.id).length}</h2>
+            </div>
+        </div>
+    {/each}
+</div>
+
+<svelte:head>
+    <title>{data.event.name} - Teams</title>
+</svelte:head>
diff --git a/src/pages/event/modals/CreateFightModal.svelte b/src/pages/event/modals/CreateFightModal.svelte
new file mode 100644
index 0000000..660d881
--- /dev/null
+++ b/src/pages/event/modals/CreateFightModal.svelte
@@ -0,0 +1,88 @@
+<script lang="ts">
+    import {Button, Modal} from "flowbite-svelte";
+    import type {ExtendedEvent} from "../../../types/event.js";
+    import FightEditPart from "../../../components/FightEditPart.svelte";
+    import {fightRepo} from "../../../repo/repo.js";
+    import type {CreateFight} from "../../../repo/fight.js";
+    import ErrorModal from "../../../components/ErrorModal.svelte";
+    import {createEventDispatcher} from "svelte";
+    import moment from "moment";
+    import Number = types.Number;
+
+    let dispatch = createEventDispatcher();
+
+    export let open: boolean = false;
+    export let data: ExtendedEvent;
+
+    let blueTeam: string = "";
+    let redTeam: string = "";
+
+    let start: string = "";
+
+    let gamemode: string = "";
+    let map: string = "";
+
+    let kampfleiter: string | null = null;
+    let group: string | null = null;
+    let groupSearch = "";
+
+    let errorOpen = false;
+    let error: Error | null = null;
+
+    $: canCreate = blueTeam !== "" && redTeam !== "" && start !== "" && gamemode !== "" && map !== "";
+
+    async function create() {
+        try {
+            open = false;
+            let res = await $fightRepo.createFight(data.event.id, {
+                spielmodus: gamemode,
+                blueTeam: parseInt(blueTeam),
+                redTeam: parseInt(redTeam),
+                start: moment(start),
+                map,
+                kampfleiter: parseInt(kampfleiter),
+                group,
+            });
+            reset()
+
+            dispatch("create")
+        } catch (e) {
+            error = e;
+            errorOpen = true;
+            reset()
+        }
+    }
+
+    function reset() {
+        blueTeam = "";
+        redTeam = "";
+        start = "";
+        gamemode = "";
+        map = "";
+        kampfleiter = "";
+        group = null;
+        groupSearch = "";
+    }
+</script>
+
+<Modal bind:open outsideclose title="Create Fight" on:hide={reset}>
+    <div class="text-center">
+        <FightEditPart
+                bind:blueTeam
+                bind:redTeam
+                bind:start
+                bind:kampfleiter
+                bind:gamemode
+                bind:map
+                bind:group
+                bind:groupSearch
+                teams={data.teams}
+        />
+    </div>
+    <svelte:fragment slot="footer">
+        <Button on:click={create} class="mr-auto" disabled={!canCreate}>Create</Button>
+        <Button color="light" on:click={() => open = false}>Cancel</Button>
+    </svelte:fragment>
+</Modal>
+
+<ErrorModal bind:open={errorOpen} bind:error={error} on:close={() => errorOpen = false}/>
diff --git a/src/pages/event/modals/FightEditModal.svelte b/src/pages/event/modals/FightEditModal.svelte
new file mode 100644
index 0000000..c94c55c
--- /dev/null
+++ b/src/pages/event/modals/FightEditModal.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+    import {Button, Input, Label, Modal, Select} from "flowbite-svelte";
+    import moment from "moment";
+    import {gamemodes, groups, maps, players} from "../../../stores/stores.js";
+    import type {EventFight, ExtendedEvent} from "../../../types/event.js";
+    import TypeAheadSearch from "../../../components/TypeAheadSearch.svelte";
+    import FightEditPart from "../../../components/FightEditPart.svelte";
+    import type {UpdateFight} from "../../../repo/fight.js";
+    import {fightRepo} from "../../../repo/repo.js";
+    import ErrorModal from "../../../components/ErrorModal.svelte";
+    import {createEventDispatcher} from "svelte";
+
+    export let fight: EventFight;
+    export let data: ExtendedEvent;
+    export let open = false;
+
+    let redTeam = fight.redTeam.id.toString();
+    let blueTeam = fight.blueTeam.id.toString();
+    let start = moment(fight.start).utc(true).toISOString().slice(0, -1);
+    let kampfleiter = fight.kampfleiter.id.toString();
+    let gamemode = fight.spielmodus
+    let map = fight.map;
+    let group = fight.group;
+    let groupSearch = fight.group ?? "";
+
+    let errorOpen = false;
+    let error = undefined;
+
+    let dispatch = createEventDispatcher();
+    function save() {
+        const update: UpdateFight = {
+            blueTeam: parseInt(blueTeam), group: group === "" ? null : group, kampfleiter: parseInt(kampfleiter), map: map, redTeam: parseInt(redTeam), spielmodus: gamemode, start: moment(start)
+        }
+
+        $fightRepo.updateFight(fight.id, update)
+            .then(value => {
+                open = false;
+                fight = value;
+                dispatch("update", value);
+            })
+            .catch((e) => {
+                error = e.message;
+                errorOpen = true;
+            })
+    }
+</script>
+
+<Modal title="Edit {fight.blueTeam.name} vs. {fight.redTeam.name}" bind:open outsideclose size="xs">
+    <div class="text-center">
+        <FightEditPart
+                bind:blueTeam
+                bind:redTeam
+                bind:start
+                bind:kampfleiter
+                bind:gamemode
+                bind:map
+                bind:group
+                bind:groupSearch
+                teams={data.teams}
+        />
+    </div>
+    <div class="flex">
+        <Button on:click={save}>Save</Button>
+        <Button color="light" class="ml-auto" on:click={() => open = false}>Cancel</Button>
+    </div>
+</Modal>
+
+<ErrorModal bind:open={errorOpen} bind:error={error} on:close={() => errorOpen = false}/>
diff --git a/src/pages/generate/DragAcceptor.svelte b/src/pages/generate/DragAcceptor.svelte
new file mode 100644
index 0000000..64e6988
--- /dev/null
+++ b/src/pages/generate/DragAcceptor.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+    import {createEventDispatcher} from "svelte";
+
+    let dragover = false;
+
+    function handleDragOver(e) {
+        e.preventDefault();
+        dragover = true;
+    }
+
+    const dispatch = createEventDispatcher();
+
+    function handleDrop(ev: DragEvent) {
+        ev.preventDefault();
+        dragover = false;
+        dispatch('drop', ev)
+    }
+</script>
+
+<div class="w-56 bg-gray-800 p-4 rounded" class:border={dragover} class:m-px={!dragover} on:drop={handleDrop} on:dragover={handleDragOver} on:dragleave={() => dragover = false}>
+    <slot></slot>
+</div>
+
+<style>
+    div {
+        min-height: 14rem;
+    }
+</style>
diff --git a/src/pages/generate/GroupGenerator.svelte b/src/pages/generate/GroupGenerator.svelte
new file mode 100644
index 0000000..fbb476c
--- /dev/null
+++ b/src/pages/generate/GroupGenerator.svelte
@@ -0,0 +1,237 @@
+<script lang="ts">
+    import type {ExtendedEvent} from "../../types/event.js";
+    import TeamChip from "./TeamChip.svelte";
+    import type {Team} from "../../types/team.js";
+    import DragAcceptor from "./DragAcceptor.svelte";
+    import moment from "moment";
+    import {Button, Input, Label, Modal, Range, Select} from "flowbite-svelte";
+    import {gamemodes, maps} from "../../stores/stores.js";
+    import {PlusSolid} from "flowbite-svelte-icons";
+    import {fightRepo} from "../../repo/repo.js";
+    import {replace} from "svelte-spa-router";
+
+    export let data: ExtendedEvent;
+    $: teams = new Map<number, Team>(data.teams.map(team => [team.id, team]));
+
+    let groups: number[][] = [];
+    $: teamsNotInGroup = data.teams.filter(team => !groups.flat().includes(team.id));
+
+    function dragToNewGroup(event: CustomEvent<DragEvent>) {
+        event.detail.preventDefault();
+        let teamId = parseInt(event.detail.dataTransfer.getData("team"));
+        groups = [...groups.map(value => value.filter(value1 => value1 != teamId)), [teamId]].filter(value => value.length > 0);
+    }
+
+    function teamDragStart(ev: DragEvent, team: Team) {
+        ev.dataTransfer.setData("team", team.id.toString())
+    }
+
+    let resetDragOver = false;
+
+    function resetDragOverEvent(ev: DragEvent) {
+        resetDragOver = true;
+        ev.preventDefault()
+    }
+
+    function dropReset(ev: DragEvent) {
+        ev.preventDefault();
+        let teamId = parseInt(ev.dataTransfer.getData("team"));
+        groups = groups.map(group => group.filter(team => team !== teamId)).filter(group => group.length > 0);
+        resetDragOver = false;
+    }
+
+    function dropGroup(ev: CustomEvent<DragEvent>, groupIndex: number) {
+        ev.preventDefault();
+        let teamId = parseInt(ev.detail.dataTransfer.getData("team"));
+        groups = groups.map((group, i) => i === groupIndex ? [...group.filter(value => value != teamId), teamId] : group.filter(value => value != teamId)).filter(group => group.length > 0);
+    }
+
+    let startTime = moment(data.event.start).utc(true).toISOString().slice(0, -1)
+    $: startMoment = moment(startTime);
+    let gamemode = ''
+    let map = ''
+
+    $: selectableGamemodes = $gamemodes.map(gamemode => {
+        return {
+            name: gamemode,
+            value: gamemode
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+
+    $: mapsStore = maps(gamemode);
+    $: selectableMaps = $mapsStore.map(map => {
+        return {
+            name: map,
+            value: map
+        }
+    }).sort((a, b) => a.name.localeCompare(b.name));
+
+    let roundTime = 30;
+    let startDelay = 30;
+
+    let showAutoGrouping = false;
+    let groupCount = Math.floor(data.teams.length / 2);
+
+    function createGroups() {
+        let teams = data.teams.map(team => team.id).sort(() => Math.random() - 0.5);
+        groups = [];
+        for (let i = 0; i < groupCount; i++) {
+            groups.push([])
+        }
+        while (teams.length > 0) {
+            groups[teams.length % groupCount].push(teams.pop() as number)
+        }
+        showAutoGrouping = false;
+        groups = groups.filter(group => group.length > 0);
+    }
+
+    function generateGroups(groups): number[][][][] {
+        let groupFights = [];
+        groups.forEach((group) => {
+            let round = group.length + (group.length % 2) - 1;
+            let groupFight = [];
+            for (let i = 0; i < round; i++) {
+                let availableTeams = [...group];
+                if(group.length % 2 === 1) {
+                    availableTeams = availableTeams.filter((team, index) => index !== i)
+                }
+                let roundFights = [];
+                while (availableTeams.length > 0) {
+                    let team1 = availableTeams.pop() as number;
+                    let team2 = availableTeams.at(i % availableTeams.length) as number;
+                    availableTeams = availableTeams.filter(team => team !== team2);
+                    let fight = [team1, team2];
+                    fight.sort(() => Math.random() - 0.5);
+                    roundFights.push(fight)
+                }
+                groupFight.push(roundFights)
+            }
+            groupFights.push(groupFight)
+        })
+        return groupFights;
+    }
+
+    $: groupsFights = generateGroups(groups)
+    $: console.log(groupsFights)
+
+    $: generateDisabled = groupsFights.length > 0 && groupsFights.every(value => value.every(value1 => value1.length > 0)) && gamemode !== '' && map !== ''
+
+    async function generateFights() {
+        groupsFights.forEach((group, i) => {
+            group.forEach((round, j) => {
+                round.forEach(async (fight, k) => {
+                    let blueTeam = teams.get(fight[0])
+                    let redTeam = teams.get(fight[1])
+
+                    await $fightRepo.createFight(data.event.id, {
+                        blueTeam: blueTeam.id,
+                        redTeam: redTeam.id,
+                        group: "Gruppe " + (i + 1),
+                        kampfleiter: 0,
+                        map: map,
+                        spielmodus: gamemode,
+                        start: startMoment.clone().add(roundTime * j, "minutes").add(startDelay * (k + (i * round.length)), "seconds")
+                    })
+                })
+            })
+        })
+
+        await replace("#/event/" + data.event.id)
+    }
+</script>
+
+<div class="flex justify-between">
+    <div id="reseter" class:border-white={resetDragOver} class="flex m-2 bg-gray-800 w-fit p-2 border border-gray-700 rounded ml-4 h-20 pt-6 relative" on:dragover={resetDragOverEvent} on:dragleave={() => resetDragOver = false} on:drop={dropReset} role="group">
+        {#each teamsNotInGroup as team}
+            <TeamChip {team} on:dragstart={ev => teamDragStart(ev, team)}/>
+        {/each}
+    </div>
+
+    <div class="flex items-center mr-4">
+        <Button on:click={() => showAutoGrouping = true}>Automatic Grouping</Button>
+    </div>
+</div>
+
+<div class="flex m-4 gap-4 border-b border-gray-700 pb-4">
+    {#each groups as group, i}
+        <DragAcceptor on:drop={ev => dropGroup(ev, i)}>
+            <h1>Group {i + 1} ({group.length})</h1>
+            {#each group as teamId}
+                <TeamChip team={teams.get(teamId)} on:dragstart={ev => teamDragStart(ev, teams.get(teamId))}/>
+            {/each}
+        </DragAcceptor>
+    {/each}
+    <DragAcceptor on:drop={dragToNewGroup}>
+        <h1>Create Group</h1>
+    </DragAcceptor>
+</div>
+
+<div class="m-4 border-b border-gray-700 pb-4">
+    <Label for="event-end">Start Time</Label>
+    <Input id="event-end" bind:value={startTime} class="w-80" let:props size="lg">
+        <input type="datetime-local" {...props} bind:value={startTime}/>
+    </Input>
+    <div class="mt-2">
+        <Label for="event-roundtime">Round time: {roundTime}m</Label>
+        <Range id="event-roundtime" bind:value={roundTime} step="1" min="5" max="60"/>
+    </div>
+    <div class="mt-2">
+        <Label for="event-member">Start delay: {startDelay}</Label>
+        <Range id="event-member" bind:value={startDelay} step="1" min="0" max="30"/>
+    </div>
+    <div class="mt-2">
+        <Label for="fight-gamemode">Gamemode</Label>
+        <Select items={selectableGamemodes} bind:value={gamemode} id="fight-gamemode"></Select>
+    </div>
+    <div class="mt-2">
+        <Label for="fight-maps">Map</Label>
+        <Select items={selectableMaps} bind:value={map} id="fight-maps"></Select>
+    </div>
+</div>
+
+<div class="text-center mx-2">
+    {#each groupsFights as fightsGroup, i}
+        <div>
+            <h1 class="text-4xl">Group: {i + 1}</h1>
+            {#each fightsGroup as fightsRound, j}
+                <div class="border-b border-gray-700">
+                    <h1 class="text-2xl">Round: {j + 1}</h1>
+                    {#each fightsRound as fightTeams, k}
+                        <div class="text-left p-4">
+                            <span class="bg-gray-800 p-2 border border-gray-700 rounded">{startMoment.clone().add(roundTime * j, "minutes").add(startDelay * (k + (i * fightsRound.length)), "seconds").format("DD.MM.yyyy HH:mm:ss")}</span>
+                            {teams.get(fightTeams[0]).name} vs. {teams.get(fightTeams[1]).name}
+                        </div>
+                    {/each}
+                </div>
+            {/each}
+        </div>
+    {/each}
+</div>
+
+<Button class="!p-4 fixed bottom-4 right-4" pill disabled={!generateDisabled} on:click={generateFights}>
+    <PlusSolid/>
+</Button>
+
+<Modal bind:open={showAutoGrouping} outsideclose title="Auto Grouping" size="sm">
+    <Label for="event-member">Groups: {groupCount}</Label>
+    <Range id="event-member" bind:value={groupCount} step="1" min="1" max={Math.floor(data.teams.length / 2)}/>
+
+    <svelte:fragment slot="footer">
+        <Button class="ml-auto" on:click={createGroups}>Create</Button>
+        <Button color="alternative" on:click={() => showAutoGrouping = false}>Cancel</Button>
+    </svelte:fragment>
+</Modal>
+
+<style lang="scss">
+    #reseter::before {
+      content: 'Reset';
+      position: absolute;
+      top: 0;
+      color: gray;
+    }
+    #reseter {
+      min-width: 14rem;
+    }
+</style>
+
+
diff --git a/src/pages/generate/TeamChip.svelte b/src/pages/generate/TeamChip.svelte
new file mode 100644
index 0000000..9b5d04e
--- /dev/null
+++ b/src/pages/generate/TeamChip.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+    import type {Team} from "../../types/team.js";
+    import {brightness, colorFromTeam, lighten} from "../../util.js";
+
+    export let team: Team;
+
+    let hover = false;
+</script>
+
+<div class="rounded w-fit p-2 border-gray-600 border cursor-grab select-none m-1 flex place-items-center"
+     style:background-color={hover ? lighten(colorFromTeam(team)) : colorFromTeam(team)} class:text-black={brightness(colorFromTeam(team))} draggable="true"
+     on:dragstart
+    on:mouseenter={() => hover = true}
+    on:mouseleave={() => hover = false}>
+    <span>{team.name}</span>
+</div>
+
diff --git a/src/pages/home/CreateEventModal.svelte b/src/pages/home/CreateEventModal.svelte
new file mode 100644
index 0000000..2c36417
--- /dev/null
+++ b/src/pages/home/CreateEventModal.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+    import {Button, Input, Label, Modal} from "flowbite-svelte";
+    import moment from "moment";
+    import {createEventDispatcher} from "svelte";
+    import ErrorModal from "../../components/ErrorModal.svelte";
+    import {eventRepo} from "../../repo/repo.js";
+    import type {SWEvent} from "../../types/event.js";
+
+    export let open = false;
+    const dispatch = createEventDispatcher();
+
+    let errorOpen = false;
+    let error = undefined;
+
+    let eventName = "";
+    let start = "";
+    $: startDate = moment(start)
+    let end = "";
+    $: endDate = moment(end)
+
+    $: canSubmit = eventName.length > 0 && startDate.isValid() && endDate.isValid() && startDate.isBefore(endDate)
+
+    async function createEvent() {
+        try {
+            await $eventRepo.createEvent({
+                name: eventName,
+                start: startDate,
+                end: endDate
+            })
+            dispatch("create");
+            open = false;
+        } catch (e) {
+            error = e;
+            errorOpen = true;
+            open = false;
+        }
+    }
+
+    function clear() {
+        eventName = "";
+        start = "";
+        end = "";
+    }
+</script>
+
+<Modal bind:open title="Create Event" outsideclose size="sm" on:hide={clear}>
+    <div class="flex flex-col place-items-center text-center">
+        <div class="w-2/3 m-2">
+            <Label for="event-create-name">Event Name</Label>
+            <Input id="event-create-name" bind:value={eventName} placeholder="Name..."></Input>
+        </div>
+        <div class="w-2/3 m-2">
+            <Label for="event-create-start">End</Label>
+            <Input id="event-create-start" bind:value={start} let:props>
+                <input type="datetime-local" {...props} bind:value={start}/>
+            </Input>
+        </div>
+        <div class="w-2/3 m-2">
+            <Label for="event-create-start">End</Label>
+            <Input id="event-create-start" bind:value={end} let:props>
+                <input type="datetime-local" {...props} bind:value={end}/>
+            </Input>
+        </div>
+    </div>
+    <svelte:fragment slot="footer">
+        <Button color="alternative" on:click={() => open = false} class="mr-auto">Cancel</Button>
+        <Button on:click={createEvent} disabled={!canSubmit}>Create</Button>
+    </svelte:fragment>
+</Modal>
+
+<ErrorModal bind:open={errorOpen} bind:error={error}/>
diff --git a/src/pages/home/EventCard.svelte b/src/pages/home/EventCard.svelte
new file mode 100644
index 0000000..6ff8c51
--- /dev/null
+++ b/src/pages/home/EventCard.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+    import {Card} from "flowbite-svelte";
+    import {link} from 'svelte-spa-router'
+    import type {ShortEvent} from "../../types/event.js";
+
+    export let event: ShortEvent;
+
+    $: sameDate = new Intl.DateTimeFormat().format(event.start) === new Intl.DateTimeFormat().format(event.end);
+</script>
+
+<a href="/event/{event.id}" use:link>
+    <Card class="hover:scale-105 transition">
+        <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">{event.name}</h5>
+        <p>Startet: {new Intl.DateTimeFormat().format(event.start)}</p>
+        {#if !sameDate}
+            <p>Endet: {new Intl.DateTimeFormat().format(event.end)}</p>
+        {:else}
+            <p>&nbsp;</p>
+        {/if}
+    </Card>
+</a>
diff --git a/src/repo/event.ts b/src/repo/event.ts
new file mode 100644
index 0000000..3054749
--- /dev/null
+++ b/src/repo/event.ts
@@ -0,0 +1,94 @@
+import type {ExtendedEvent, ShortEvent, SWEvent} from "../types/event.js";
+import {fetchWithToken} from "./repo.js";
+import type {Moment} from "moment";
+
+export interface CreateEvent {
+    name: string
+    start: Moment
+    end: Moment
+}
+
+export interface UpdateEvent {
+    name: string
+    start: Moment
+    end: Moment
+    deadline: Moment
+    maxTeamMembers: number
+    schemType: string | null
+    publicSchemsOnly: boolean
+    spectateSystem: boolean
+}
+
+export class EventRepo {
+    constructor(private token: string) {}
+
+    public async listEvents(): Promise<ShortEvent[]> {
+        const res = await fetchWithToken(this.token, "/events");
+
+        if (res.ok) {
+            return await res.json() as ShortEvent[];
+        } else {
+            throw new Error("Could not fetch events: " + res.statusText);
+        }
+    }
+
+    public async getEvent(id: string): Promise<ExtendedEvent> {
+        const res = await fetchWithToken(this.token, `/events/${id}`);
+
+        if (res.ok) {
+            return await res.json() as ExtendedEvent;
+        } else {
+            throw new Error("Could not fetch event: " + res.statusText);
+        }
+    }
+
+    public async createEvent(event: CreateEvent): Promise<SWEvent> {
+        const res = await fetchWithToken(this.token, "/events", {
+            method: "POST",
+            body: JSON.stringify({
+                name: event.name,
+                start: +event.start,
+                end: +event.end
+            }),
+        });
+
+        if (res.ok) {
+            return await res.json() as SWEvent;
+        } else {
+            throw new Error("Could not create event: " + res.statusText);
+        }
+    }
+
+    public async updateEvent(id: string, event: UpdateEvent): Promise<SWEvent> {
+        const res = await fetchWithToken(this.token, `/events/${id}`, {
+            method: "PUT",
+            body: JSON.stringify({
+                name: event.name,
+                start: +event.start,
+                end: +event.end,
+                deadline: +event.deadline,
+                maxTeamMembers: event.maxTeamMembers,
+                schemType: event.schemType,
+                publicSchemsOnly: event.publicSchemsOnly,
+                spectateSystem: event.spectateSystem
+            }),
+            headers: {
+                "Content-Type": "application/json"
+            }
+        });
+
+        if (res.ok) {
+            return await res.json() as SWEvent;
+        } else {
+            throw new Error("Could not update event: " + res.statusText);
+        }
+    }
+
+    public async deleteEvent(id: string): Promise<boolean> {
+        const res = await fetchWithToken(this.token, `/events/${id}`, {
+            method: "DELETE"
+        });
+
+        return res.ok;
+    }
+}
diff --git a/src/repo/fight.ts b/src/repo/fight.ts
new file mode 100644
index 0000000..1fe1d17
--- /dev/null
+++ b/src/repo/fight.ts
@@ -0,0 +1,90 @@
+import type {EventFight} from "../types/event.js";
+import {fetchWithToken} from "./repo.js";
+import type {Moment} from "moment";
+
+export interface CreateFight {
+    spielmodus: string
+    map: string
+    blueTeam: number
+    redTeam: number
+    start: Moment
+    kampfleiter: number | null
+    group: string | null
+}
+
+export interface UpdateFight {
+    spielmodus: string | null
+    map: string | null
+    blueTeam: number | null
+    redTeam: number | null
+    start: Moment | null
+    kampfleiter: number | null
+    group: string | null
+}
+
+export class FightRepo {
+    constructor(private token: string) {}
+
+    public async listFights(eventId: number): Promise<EventFight[]> {
+        const res = await fetchWithToken(this.token, `/events/${eventId}/fights`);
+
+        if (res.ok) {
+            return await res.json() as EventFight[];
+        } else {
+            throw new Error("Could not fetch fights: " + res.statusText);
+        }
+    }
+
+    public async createFight(eventId: number, fight: CreateFight): Promise<EventFight> {
+        let res = await fetchWithToken(this.token, `/fights`, {
+            method: "POST",
+            body: JSON.stringify({
+                event: eventId,
+                spielmodus: fight.spielmodus,
+                map: fight.map,
+                blueTeam: fight.blueTeam,
+                redTeam: fight.redTeam,
+                start: +fight.start,
+                kampfleiter: fight.kampfleiter,
+                group: fight.group
+            })
+        })
+
+        if (res.ok) {
+            return await res.json() as EventFight;
+        } else {
+            throw new Error("Could not create fight: " + res.statusText);
+        }
+    }
+
+    public async updateFight(fightId: number, fight: UpdateFight): Promise<EventFight> {
+        let res = await fetchWithToken(this.token, `/fights/${fightId}`, {
+            method: "PUT",
+            body: JSON.stringify({
+                spielmodus: fight.spielmodus,
+                map: fight.map,
+                blueTeam: fight.blueTeam,
+                redTeam: fight.redTeam,
+                start: fight.start?.valueOf(),
+                kampfleiter: fight.kampfleiter,
+                group: fight.group
+            })
+        })
+
+        if (res.ok) {
+            return await res.json() as EventFight;
+        } else {
+            throw new Error("Could not update fight: " + res.statusText);
+        }
+    }
+
+    public async deleteFight(fightId: number): Promise<void> {
+        let res = await fetchWithToken(this.token, `/fights/${fightId}`, {
+            method: "DELETE"
+        })
+
+        if (!res.ok) {
+            throw new Error("Could not delete fight: " + res.statusText);
+        }
+    }
+}
diff --git a/src/repo/repo.ts b/src/repo/repo.ts
new file mode 100644
index 0000000..329d387
--- /dev/null
+++ b/src/repo/repo.ts
@@ -0,0 +1,13 @@
+import {derived, writable} from "svelte/store";
+import {EventRepo} from "./event.js";
+import {FightRepo} from "./fight.js";
+
+export { EventRepo } from "./event.js"
+
+export const fetchWithToken = (token: string, url: string, params: RequestInit = {}) => fetch(`https://steamwar.de/eventplanner-api${url}`, {...params, headers: {"X-SW-Auth": token, "Content-Type": "application/json", ...params.headers}});
+
+export const tokenStore = writable(localStorage.getItem("sw-api-token") ?? "")
+tokenStore.subscribe((value) => localStorage.setItem("sw-api-token", value))
+
+export const eventRepo = derived(tokenStore, ($token) => new EventRepo($token))
+export const fightRepo = derived(tokenStore, ($token) => new FightRepo($token))
diff --git a/src/stores/cached.ts b/src/stores/cached.ts
new file mode 100644
index 0000000..ba88b26
--- /dev/null
+++ b/src/stores/cached.ts
@@ -0,0 +1,63 @@
+import {readonly, writable} from "svelte/store";
+
+import type {Readable, Subscriber, Unsubscriber} from "svelte/store";
+
+export interface Cached<T> extends Readable<T>{
+    reload: () => void;
+}
+
+export function cached<T>(normal: T, init: () => Promise<T>): Cached<T> {
+    const store = writable<T>(normal);
+    let first = true;
+
+    const reload = () => {
+        init().then(data => {
+            store.set(data);
+        });
+    }
+
+    return {
+        ...readonly(store),
+        subscribe: (run: Subscriber<T>, invalidate?: (value?: T) => void): Unsubscriber => {
+            if(first) {
+                first = false;
+                reload();
+            }
+            return store.subscribe(run, invalidate);
+        },
+        reload
+    };
+}
+
+export function cachedFamily<T, K>(normal: K, init: (T) => Promise<K>): (T) => Cached<K> {
+    const stores: Map<T, Cached<K>> = new Map();
+    return (arg: T) => {
+        if(stores.has(arg)) {
+            return stores.get(arg);
+        } else {
+            const store = writable<K>(normal);
+            let first = true;
+
+            const reload = () => {
+                init(arg).then(data => {
+                    store.set(data);
+                });
+            }
+
+            const cachedStore = {
+                ...readonly(store),
+                subscribe: (run: Subscriber<K>, invalidate?: (value?: K) => void): Unsubscriber => {
+                    if(first) {
+                        first = false;
+                        reload();
+                    }
+                    return store.subscribe(run, invalidate);
+                },
+                reload
+            } as Cached<K>;
+
+            stores.set(arg, cachedStore);
+            return cachedStore;
+        }
+    }
+}
diff --git a/src/stores/stores.ts b/src/stores/stores.ts
new file mode 100644
index 0000000..1d589a7
--- /dev/null
+++ b/src/stores/stores.ts
@@ -0,0 +1,41 @@
+import type {Player, SchematicType} from "../types/data.js";
+import {cached, cachedFamily} from "./cached.js";
+import type {Team} from "../types/team.js";
+import {get} from "svelte/store";
+import {tokenStore} from "../repo/repo.js";
+
+export const schemTypes = cached<SchematicType[]>([], () => {
+    return fetch("https://steamwar.de/eventplanner-api/data/schematicTypes", {headers: {"X-SW-Auth": get(tokenStore)}})
+        .then(res => res.json())
+})
+
+export const players = cached<Player[]>([], () => {
+    return fetch("https://steamwar.de/eventplanner-api/data/users", {headers: {"X-SW-Auth": get(tokenStore)}})
+        .then(res => res.json())
+})
+
+export const gamemodes = cached<string[]>([], () => {
+    return fetch("https://steamwar.de/eventplanner-api/data/gamemodes", {headers: {"X-SW-Auth": get(tokenStore)}})
+        .then(res => res.json())
+})
+
+export const maps = cachedFamily<string, string[]>([], (gamemode) => {
+    return fetch(`https://steamwar.de/eventplanner-api/data/gamemodes/${gamemode}/maps`, {headers: {"X-SW-Auth": get(tokenStore)}})
+        .then(res => {
+            if(!res.ok) {
+                return [];
+            } else {
+                return res.json();
+            }
+        })
+})
+
+export const groups = cached<string[]>([], () => {
+    return fetch("https://steamwar.de/eventplanner-api/data/groups", {headers: {"X-SW-Auth": get(tokenStore)}})
+        .then(res => res.json())
+})
+
+export const teams = cached<Team[]>([], () => {
+    return fetch("https://steamwar.de/eventplanner-api/team", {headers: {"X-SW-Auth": get(tokenStore)}})
+        .then(res => res.json())
+})
diff --git a/src/types/data.ts b/src/types/data.ts
new file mode 100644
index 0000000..05b8ee7
--- /dev/null
+++ b/src/types/data.ts
@@ -0,0 +1,10 @@
+export interface SchematicType {
+    name: string;
+    db: string;
+}
+
+export interface Player {
+    id: number;
+    name: string;
+    uuid: string;
+}
diff --git a/src/types/event.ts b/src/types/event.ts
new file mode 100644
index 0000000..9904b8d
--- /dev/null
+++ b/src/types/event.ts
@@ -0,0 +1,35 @@
+import type {Team} from "./team.js";
+import type {Player} from "./data.js";
+
+export interface ShortEvent {
+    id: number;
+    name: string;
+    start: number;
+    end: number;
+}
+
+export interface SWEvent extends ShortEvent {
+    deadline: number;
+    maxTeamMembers: number;
+    schemType: string | null;
+    publicSchemsOnly: boolean;
+    spectateSystem: boolean;
+}
+
+export interface EventFight {
+    id: number;
+    spielmodus: string;
+    map: string;
+    blueTeam: Team;
+    redTeam: Team;
+    kampfleiter: Player | null;
+    start: number;
+    ergebnis: number;
+    group: string | null;
+}
+
+export interface ExtendedEvent {
+    event: SWEvent;
+    teams: Team[];
+    fights: EventFight[];
+}
diff --git a/src/types/team.ts b/src/types/team.ts
new file mode 100644
index 0000000..efd40dc
--- /dev/null
+++ b/src/types/team.ts
@@ -0,0 +1,8 @@
+import Color from "color";
+
+export interface Team {
+    id: number;
+    name: string;
+    kuerzel: string;
+    color: string;
+}
diff --git a/src/util.ts b/src/util.ts
new file mode 100644
index 0000000..d5cfc1e
--- /dev/null
+++ b/src/util.ts
@@ -0,0 +1,49 @@
+import Color from "color";
+import type {Team} from "./types/team.js";
+
+export const capitalize = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
+
+export function colorFromTeam(team: Team): string {
+    switch (team.color) {
+        case "1":
+            return "#0000AA";
+        case "2":
+            return "#00AA00";
+        case "3":
+            return "#00AAAA";
+        case "4":
+            return "#AA0000";
+        case "5":
+            return "#AA00AA";
+        case "6":
+            return "#FFAA00";
+        case "7":
+            return "#AAAAAA";
+        case "8":
+            return "#555555";
+        case "9":
+            return "#5555FF";
+        case "a":
+            return "#55FF55";
+        case "b":
+            return "#55FFFF";
+        case "c":
+            return "#FF5555";
+        case "d":
+            return "#FF55FF";
+        case "e":
+            return "#FFFF55";
+        case "f":
+            return "#FFFFFF";
+        default:
+            return "#000000";
+    }
+}
+
+export function lighten(color: string) {
+    return brightness(color) ? Color(color).lighten(0.2).hex() : Color(color).darken(0.2).hex()
+}
+
+export function brightness(color: string) {
+    return Color(color).isLight()
+}
diff --git a/src/variables.scss b/src/variables.scss
new file mode 100644
index 0000000..e749c8b
--- /dev/null
+++ b/src/variables.scss
@@ -0,0 +1 @@
+/* Variables and mixins declared here will be available in all other SCSS files */
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..4078e74
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
diff --git a/svelte.config.js b/svelte.config.js
new file mode 100644
index 0000000..796ba06
--- /dev/null
+++ b/svelte.config.js
@@ -0,0 +1,15 @@
+import preprocess from "svelte-preprocess";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+export default {
+  // Consult https://svelte.dev/docs#compile-time-svelte-preprocess
+  // for more information about preprocessors
+  preprocess: [
+    vitePreprocess(),
+    preprocess({
+      scss: {
+        prependData: '@use "src/variables.scss" as *;',
+      },
+    }),
+  ],
+};
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..9b37845
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,20 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+      './src/**/*.{html,js,svelte,ts}',
+      "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // flowbite-svelte
+        primary: { 50: '#FFF5F2', 100: '#FFF1EE', 200: '#FFE4DE', 300: '#FFD5CC', 400: '#FFBCAD', 500: '#FE795D', 600: '#EF562F', 700: '#EB4F27', 800: '#CC4522', 900: '#A5371B'},
+      }
+    }
+  },
+  darkMode: 'class',
+  plugins: [
+    require('flowbite/plugin')
+  ],
+}
+
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..3895187
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "extends": "@tsconfig/svelte/tsconfig.json",
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "moduleResolution": "nodenext",
+    "resolveJsonModule": true,
+    /**
+     * Typecheck JS in `.svelte` and `.js` files by default.
+     * Disable checkJs if you'd like to use dynamic types in JS.
+     * Note that setting allowJs false does not prevent the use
+     * of JS in `.svelte` files.
+     */
+    "allowJs": true,
+    "checkJs": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.d.ts", "src/**/*.ts", "src/**/*.js", "src/**/*.svelte"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..494bfe0
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler"
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..a315432
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,15 @@
+import { defineConfig } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [svelte()],
+
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: '@use "src/variables.scss" as *;',
+      },
+    },
+  },
+});