[+] AquaTop: Create project

AquaTop/src/App.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+</script>
+
+<main>
+  <h1>Vite + Svelte</h1>
+
+  <p>
+    Check out <a href="https://github.com/sveltejs/kit#readme" target="_blank" rel="noreferrer">SvelteKit</a>, the official Svelte app framework powered by Vite!
+  </p>
+
+  <p class="read-the-docs">
+    Click on the Vite and Svelte logos to learn more
+  </p>
+</main>
+
+<style>
+  .logo {
+    height: 6em;
+    padding: 1.5em;
+    will-change: filter;
+    transition: filter 300ms;
+  }
+  .logo:hover {
+    filter: drop-shadow(0 0 2em #646cffaa);
+  }
+  .logo.svelte:hover {
+    filter: drop-shadow(0 0 2em #ff3e00aa);
+  }
+  .read-the-docs {
+    color: #888;
+  }
+</style>

AquaTop/src/app.sass

@@ -0,0 +1,74 @@
+body
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif
+  line-height: 1.5
+  font-weight: 400
+
+  color-scheme: light dark
+  color: rgba(255, 255, 255, 0.87)
+  background-color: #242424
+
+  font-synthesis: none
+  text-rendering: optimizeLegibility
+  -webkit-font-smoothing: antialiased
+  -moz-osx-font-smoothing: grayscale
+
+a
+  font-weight: 500
+  color: #646cff
+  text-decoration: inherit
+
+a:hover
+  color: #535bf2
+
+
+body
+  margin: 0
+  display: flex
+  place-items: center
+  min-width: 320px
+  min-height: 100vh
+
+
+h1
+  font-size: 3.2em
+  line-height: 1.1
+
+
+.card
+  padding: 2em
+
+
+#app
+  max-width: 1280px
+  margin: 0 auto
+  padding: 2rem
+  text-align: center
+
+
+button
+  border-radius: 8px
+  border: 1px solid transparent
+  padding: 0.6em 1.2em
+  font-size: 1em
+  font-weight: 500
+  font-family: inherit
+  background-color: #1a1a1a
+  cursor: pointer
+  transition: border-color 0.25s
+
+button:hover
+  border-color: #646cff
+
+button:focus, button:focus-visible
+  outline: 4px auto -webkit-focus-ring-color
+
+@media (prefers-color-scheme: light)
+  body
+    color: #213547
+    background-color: #ffffff
+  
+  a:hover
+    color: #747bff
+  
+  button
+    background-color: #f9f9f9

AquaTop/src/main.ts

@@ -0,0 +1,7 @@
+import './app.sass'
+import App from './App.svelte'
+
+// @ts-ignore
+const app = new App({target: document.getElementById('app')})
+
+export default app

AquaTop/src/vite-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="svelte" />
+/// <reference types="vite/client" />