Refactor: (login) -> (entry)

src/lib/memory/entrypos.js

@@ -0,0 +1,16 @@
+import { writable } from "svelte/store";
+
+/** 
+ * @typedef {{
+ *  x: number,
+ *  y: number,
+ *  scale: number,
+ * }} data;
+ */
+
+/** @type {import("svelte/store").Writable<data>} */
+export default writable({
+  x: 0.5,
+  y: 0.5,
+  scale: 1.0,
+});

src/routes/(entry)/+layout.svelte

@@ -1,4 +1,5 @@
 <script>
+  import { page } from "$app/stores";
   import { onMount } from "svelte";
 
   /** @type {Element} */
@@ -7,6 +8,11 @@
   /** @type {Element} */
   let background;
 
+  /** @type {any} */
+  export let data;
+
+  console.log(data);
+
   /** @typedef {{x: number, y: number, size: number}} glowAnimState */
   /** @type {glowAnimState} */
   let current = {x: 0, y: 0, size: 100};
@@ -89,6 +95,7 @@
     --color-2: #caad77;
     --color-3: #f3404f;
 
+    background: radial-gradient(circle at center, #220415 0%, var(--color-bg) 100%);
     background: var(--color-bg);
 
     overflow: hidden;

src/routes/(entry)/+page.server.js

@@ -0,0 +1,6 @@
+/** @type {import("@sveltejs/kit").ServerLoad} */
+export async function load() {
+  return {
+    hi: "nice"
+  };
+}

src/routes/(entry)/+page.svelte

@@ -0,0 +1,19 @@
+<script>
+</script>
+
+<style>
+  h1 {
+    font-size: 2.5rem;
+  }
+
+  .center {
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: center;
+  }
+</style>
+
+<div class="center">
+  <h1 class="typeDisplay"><span class="typeContent">Welcome to </span>Echo</h1>
+  <p>Currently suppored link: <a href="/posts">/posts</a></p>
+</div>

src/routes/(entry)/login/+page.server.js

@@ -1,6 +1,7 @@
 import { createUserSession } from "$lib/server/db/user";
 import { redirect } from "@sveltejs/kit";
 
+/** @type {import("@sveltejs/kit").ServerLoad} */
 export async function load({ cookies }) {
   if (cookies.get('token')) {
     redirect(302, '/');

src/routes/(entry)/register/+page.server.js

@@ -1,13 +1,14 @@
 import { createUser } from '$lib/server/db/user';
 import { redirect } from '@sveltejs/kit';
 
+/** @type {import('@sveltejs/kit').ServerLoad} */
 export async function load({ cookies }) {
   if (cookies.get('token')) {
     redirect(302, '/');
   }
 }
 
-/** @type {import('./$types').Action} */
+/** @type {import('@sveltejs/kit').Action} */
 async function POST({ request }) {
   if (request.method !== 'POST') {
     return;
@@ -26,7 +27,7 @@ async function POST({ request }) {
   console.log(result);
 }
 
-/** @type {import('./$types').Actions} */
+/** @type {import('@sveltejs/kit').Actions} */
 export const actions = {
   default: POST
 };

src/routes/+page.svelte

@@ -1,27 +0,0 @@
-<style>
-  h1 {
-    font-size: 2.5rem;
-  }
-
-  .center {
-    position: absolute;
-    top: 0px;
-    width: 100%;
-    height: 100dvh;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    --accent-1: rgb(131, 4, 53);
-    --accent-2: rgb(0, 18, 36);
-    background: radial-gradient(circle at top, var(--accent-1), transparent),
-                radial-gradient(circle at bottom, var(--accent-2), transparent),
-                #111;
-  }
-</style>
-
-<div class="center">
-  <h1 class="typeDisplay"><span class="typeContent">Welcome to </span>Echo</h1>
-  <p>Currently suppored link: <a href="/posts">/posts</a></p>
-</div>