From dbc0660679720e81fe67a259b15a1db89fe34836 Mon Sep 17 00:00:00 2001
From: Marcel Bulling <marcel_bulling@gmx.de>
Date: Thu, 14 Dec 2023 14:33:33 +0100
Subject: [PATCH] store variables

---
 package.json                                  |   1 +
 pnpm-lock.yaml                                | 392 +-----------------
 src/components/Login.svelte                   | 103 +++++
 src/{lib => }/components/LoginInput.svelte    |   0
 src/{lib => }/components/RegisterInput.svelte |   0
 src/components/navbar.svelte                  |  10 +-
 src/lib/Store.ts                              |  10 +
 src/lib/components/Login.svelte               |  64 ---
 src/lib/types/Login.ts                        |   4 +
 src/routes/+layout.svelte                     |   2 +-
 src/routes/+page.svelte                       |  25 +-
 src/routes/home/+page.server.ts               |   0
 src/routes/home/+page.svelte                  |  14 -
 src/routes/imprint/+page.server.ts            |   5 +-
 src/routes/register/+page.svelte              |  17 +-
 src/routes/verify/+page.svelte                |  16 +-
 src/translation.js                            |   4 +-
 17 files changed, 187 insertions(+), 480 deletions(-)
 create mode 100644 src/components/Login.svelte
 rename src/{lib => }/components/LoginInput.svelte (100%)
 rename src/{lib => }/components/RegisterInput.svelte (100%)
 create mode 100644 src/lib/Store.ts
 delete mode 100644 src/lib/components/Login.svelte
 create mode 100644 src/lib/types/Login.ts
 delete mode 100644 src/routes/home/+page.server.ts
 delete mode 100644 src/routes/home/+page.svelte

diff --git a/package.json b/package.json
index 718d69a..322d540 100644
--- a/package.json
+++ b/package.json
@@ -45,6 +45,7 @@
 	"dependencies": {
 		"@floating-ui/dom": "1.5.3",
 		"@iconify/svelte": "^3.1.4",
+		"js-cookie": "^3.0.5",
 		"svelte-i18n": "^4.0.0"
 	}
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 42da148..71b8485 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,8 @@
-lockfileVersion: '6.0'
+lockfileVersion: '6.1'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
 
 dependencies:
   '@floating-ui/dom':
@@ -7,6 +11,9 @@ dependencies:
   '@iconify/svelte':
     specifier: ^3.1.4
     version: 3.1.4(svelte@4.2.8)
+  js-cookie:
+    specifier: ^3.0.5
+    version: 3.0.5
   svelte-i18n:
     specifier: ^4.0.0
     version: 4.0.0(svelte@4.2.8)
@@ -809,11 +816,6 @@ packages:
       tailwindcss: 3.3.6
     dev: true
 
-  /@tootallnate/once@2.0.0:
-    resolution: {integrity: sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==}
-    engines: {node: '>= 10'}
-    dev: false
-
   /@types/chai-subset@1.3.5:
     resolution: {integrity: sha512-c2mPnw+xHtXDoHmdtcCXGwyLMiauiAyxWMzhGpqHC4nqI/Y5G2XhTampslK2rb59kpcuHon03UH8W6iYUzw88A==}
     dependencies:
@@ -1022,18 +1024,6 @@ packages:
       pretty-format: 29.7.0
     dev: true
 
-  /abab@2.0.6:
-    resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
-    deprecated: Use your platform's native atob() and btoa() methods instead
-    dev: false
-
-  /acorn-globals@6.0.0:
-    resolution: {integrity: sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==}
-    dependencies:
-      acorn: 7.4.1
-      acorn-walk: 7.2.0
-    dev: false
-
   /acorn-jsx@5.3.2(acorn@8.11.2):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -1042,22 +1032,11 @@ packages:
       acorn: 8.11.2
     dev: true
 
-  /acorn-walk@7.2.0:
-    resolution: {integrity: sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==}
-    engines: {node: '>=0.4.0'}
-    dev: false
-
   /acorn-walk@8.3.1:
     resolution: {integrity: sha512-TgUZgYvqZprrl7YldZNoa9OciCAyZR+Ejm9eXzKCmjsF5IKp/wgQ7Z/ZpjpGTIUPwrHQIcYeI8qDh4PsEwxMbw==}
     engines: {node: '>=0.4.0'}
     dev: true
 
-  /acorn@7.4.1:
-    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
-    engines: {node: '>=0.4.0'}
-    hasBin: true
-    dev: false
-
   /acorn@8.11.2:
     resolution: {integrity: sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==}
     engines: {node: '>=0.4.0'}
@@ -1123,10 +1102,6 @@ packages:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
 
-  /asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-    dev: false
-
   /autoprefixer@10.4.16(postcss@8.4.32):
     resolution: {integrity: sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1177,10 +1152,6 @@ packages:
       fill-range: 7.0.1
     dev: true
 
-  /browser-process-hrtime@1.0.0:
-    resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
-    dev: false
-
   /browserslist@4.22.2:
     resolution: {integrity: sha512-0UgcrvQmBDvZHFGdYUehrCNIazki7/lUP3kkoi/r3YB2amZbFM9J43ZRkJTXBUZK4gmx56+Sqk9+Vs9mwZx9+A==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -1192,12 +1163,6 @@ packages:
       update-browserslist-db: 1.0.13(browserslist@4.22.2)
     dev: true
 
-  /btoa@1.2.1:
-    resolution: {integrity: sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==}
-    engines: {node: '>= 0.4.0'}
-    hasBin: true
-    dev: false
-
   /buffer-crc32@0.2.13:
     resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
     dev: true
@@ -1294,13 +1259,6 @@ packages:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     dev: true
 
-  /combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-    dependencies:
-      delayed-stream: 1.0.0
-    dev: false
-
   /commander@10.0.1:
     resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
     engines: {node: '>=14'}
@@ -1342,28 +1300,6 @@ packages:
     hasBin: true
     dev: true
 
-  /cssom@0.3.8:
-    resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
-    dev: false
-
-  /cssom@0.5.0:
-    resolution: {integrity: sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==}
-    dev: false
-
-  /cssstyle@2.3.0:
-    resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
-    engines: {node: '>=8'}
-    dependencies:
-      cssom: 0.3.8
-    dev: false
-
-  /data-urls@3.0.2:
-    resolution: {integrity: sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      abab: 2.0.6
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 11.0.0
   /d@1.0.1:
     resolution: {integrity: sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==}
     dependencies:
@@ -1381,10 +1317,7 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.2
-
-  /decimal.js@10.4.3:
-    resolution: {integrity: sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==}
-    dev: false
+    dev: true
 
   /deep-eql@4.1.3:
     resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
@@ -1401,11 +1334,6 @@ packages:
     resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
     engines: {node: '>=0.10.0'}
 
-  /delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-    dev: false
-
   /dequal@2.0.3:
     resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
     engines: {node: '>=6'}
@@ -1446,14 +1374,6 @@ packages:
       esutils: 2.0.3
     dev: true
 
-  /domexception@4.0.0:
-    resolution: {integrity: sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==}
-    engines: {node: '>=12'}
-    deprecated: Use your platform's native DOMException instead
-    dependencies:
-      webidl-conversions: 7.0.0
-    dev: false
-
   /electron-to-chromium@1.4.606:
     resolution: {integrity: sha512-Zdv0XuhfyWZUsQ5Uq59d43ZmZOdoGZNWjeN4WCxxlQaP8crAWdnWcTxfHKcaJl6PW2SWpHx6DsxSx7v6KcGCuw==}
     dev: true
@@ -1566,18 +1486,6 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /escodegen@2.1.0:
-    resolution: {integrity: sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==}
-    engines: {node: '>=6.0'}
-    hasBin: true
-    dependencies:
-      esprima: 4.0.1
-      estraverse: 5.3.0
-      esutils: 2.0.3
-    optionalDependencies:
-      source-map: 0.6.1
-    dev: false
-
   /eslint-compat-utils@0.1.2(eslint@8.55.0):
     resolution: {integrity: sha512-Jia4JDldWnFNIru1Ehx1H5s9/yxiRHY/TimCuUc0jNexew3cF1gI6CYZil1ociakfWO3rRqFjl1mskBblB3RYg==}
     engines: {node: '>=12'}
@@ -1698,12 +1606,6 @@ packages:
       eslint-visitor-keys: 3.4.3
     dev: true
 
-  /esprima@4.0.1:
-    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
-    engines: {node: '>=4'}
-    hasBin: true
-    dev: false
-
   /esquery@1.5.0:
     resolution: {integrity: sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==}
     engines: {node: '>=0.10'}
@@ -1721,6 +1623,7 @@ packages:
   /estraverse@5.3.0:
     resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
     engines: {node: '>=4.0'}
+    dev: true
 
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
@@ -1734,6 +1637,7 @@ packages:
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
+    dev: true
 
   /event-emitter@0.3.5:
     resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
@@ -1812,15 +1716,6 @@ packages:
     resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
     dev: true
 
-  /form-data@4.0.0:
-    resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
-    engines: {node: '>= 6'}
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      mime-types: 2.1.35
-    dev: false
-
   /fraction.js@4.3.7:
     resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
     dev: true
@@ -1945,58 +1840,6 @@ packages:
       function-bind: 1.1.2
     dev: true
 
-  /html-encoding-sniffer@3.0.0:
-    resolution: {integrity: sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==}
-    engines: {node: '>=12'}
-    dependencies:
-      whatwg-encoding: 2.0.0
-    dev: false
-
-  /http-proxy-agent@5.0.0:
-    resolution: {integrity: sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==}
-    engines: {node: '>= 6'}
-    dependencies:
-      '@tootallnate/once': 2.0.0
-      agent-base: 6.0.2
-      debug: 4.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  /https-proxy-agent@5.0.1:
-    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
-    engines: {node: '>= 6'}
-    dependencies:
-      agent-base: 6.0.2
-      debug: 4.3.4
-    transitivePeerDependencies:
-      - supports-color
-    dev: false
-
-  /iconify@1.4.0:
-    resolution: {integrity: sha512-tRVcDiPllddLL4sOD+9HhtjKmlI3Kj2rf75YgAPY3OB1aDZCjCMgUr4NLp7f+FhY7cvBc7ZvKCYqaT/2BrMghA==}
-    engines: {node: '>=12'}
-    hasBin: true
-    dependencies:
-      btoa: 1.2.1
-      jquery: 3.7.1
-      js-sha256: 0.5.0
-      jsdom: 19.0.0
-      minimist: 1.2.8
-    transitivePeerDependencies:
-      - bufferutil
-      - canvas
-      - supports-color
-      - utf-8-validate
-    dev: false
-
-  /iconv-lite@0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
-    dependencies:
-      safer-buffer: 2.1.2
-    dev: false
-
   /ignore@5.3.0:
     resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
     engines: {node: '>= 4'}
@@ -2074,9 +1917,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  /is-potential-custom-element-name@1.0.1:
-    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
-    
   /is-promise@2.2.2:
     resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
     dev: false
@@ -2095,12 +1935,9 @@ packages:
     hasBin: true
     dev: true
 
-  /jquery@3.7.1:
-    resolution: {integrity: sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==}
-    dev: false
-
-  /js-sha256@0.5.0:
-    resolution: {integrity: sha512-flTDu3jQz61eAO/TneV9Kv5cj9ADfgMqRG4Rx/zZMwefzDWrZQ6diqccJ2SPPvjhpFTmS37brqvao6S9E+ZYXg==}
+  /js-cookie@3.0.5:
+    resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
+    engines: {node: '>=14'}
     dev: false
 
   /js-yaml@4.1.0:
@@ -2110,48 +1947,6 @@ packages:
       argparse: 2.0.1
     dev: true
 
-  /jsdom@19.0.0:
-    resolution: {integrity: sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      canvas: ^2.5.0
-    peerDependenciesMeta:
-      canvas:
-        optional: true
-    dependencies:
-      abab: 2.0.6
-      acorn: 8.11.2
-      acorn-globals: 6.0.0
-      cssom: 0.5.0
-      cssstyle: 2.3.0
-      data-urls: 3.0.2
-      decimal.js: 10.4.3
-      domexception: 4.0.0
-      escodegen: 2.1.0
-      form-data: 4.0.0
-      html-encoding-sniffer: 3.0.0
-      http-proxy-agent: 5.0.0
-      https-proxy-agent: 5.0.1
-      is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.7
-      parse5: 6.0.1
-      saxes: 5.0.1
-      symbol-tree: 3.2.4
-      tough-cookie: 4.1.3
-      w3c-hr-time: 1.0.2
-      w3c-xmlserializer: 3.0.0
-      webidl-conversions: 7.0.0
-      whatwg-encoding: 2.0.0
-      whatwg-mimetype: 3.0.0
-      whatwg-url: 10.0.0
-      ws: 8.15.0
-      xml-name-validator: 4.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-    dev: false
-
   /json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
     dev: true
@@ -2293,18 +2088,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /mime-db@1.52.0:
-    resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
-    engines: {node: '>= 0.6'}
-    dev: false
-
-  /mime-types@2.1.35:
-    resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
-    engines: {node: '>= 0.6'}
-    dependencies:
-      mime-db: 1.52.0
-    dev: false
-
   /min-indent@1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -2330,6 +2113,7 @@ packages:
 
   /minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+    dev: true
 
   /mkdirp@0.5.6:
     resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
@@ -2358,6 +2142,7 @@ packages:
 
   /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==}
@@ -2395,10 +2180,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /nwsapi@2.2.7:
-    resolution: {integrity: sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==}
-    dev: false
-
   /object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -2455,10 +2236,6 @@ packages:
       callsites: 3.1.0
     dev: true
 
-  /parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
-    dev: false
-
   /path-exists@4.0.0:
     resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
@@ -2684,13 +2461,10 @@ packages:
       react-is: 18.2.0
     dev: true
 
-  /psl@1.9.0:
-    resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
-    dev: false
-
   /punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
+    dev: true
 
   /purgecss@6.0.0-alpha.0:
     resolution: {integrity: sha512-UC7d7uIyZsky+srEsSXny9BkbTcVn3ZtBCNX3rW3DsqJKhvUXFRpufA4ktcHzWF0+JLZgmsqjUm/8R82x9bHpw==}
@@ -2702,10 +2476,6 @@ packages:
       postcss-selector-parser: 6.0.13
     dev: true
 
-  /querystringify@2.2.0:
-    resolution: {integrity: sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==}
-    dev: false
-
   /queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
@@ -2727,10 +2497,6 @@ packages:
       picomatch: 2.3.1
     dev: true
 
-  /requires-port@1.0.0:
-    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
-    dev: false
-
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -2784,10 +2550,6 @@ packages:
     dependencies:
       mri: 1.2.0
 
-  /safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-    dev: false
-
   /sander@0.5.1:
     resolution: {integrity: sha512-3lVqBir7WuKDHGrKRDn/1Ye3kwpXaDOMsiRP1wd6wpZW56gJhsbp5RqQpA6JG/P+pkXizygnr1dKR8vzWaVsfA==}
     dependencies:
@@ -2797,13 +2559,6 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /saxes@5.0.1:
-    resolution: {integrity: sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==}
-    engines: {node: '>=10'}
-    dependencies:
-      xmlchars: 2.2.0
-    dev: false
-
   /semver@7.5.4:
     resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
     engines: {node: '>=10'}
@@ -2860,13 +2615,6 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
-  /source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    requiresBuild: true
-    dev: false
-    optional: true
-
   /stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
     dev: true
@@ -3062,10 +2810,6 @@ packages:
       magic-string: 0.30.5
       periscopic: 3.1.0
 
-  /symbol-tree@3.2.4:
-    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
-    dev: false
-
   /tailwindcss@3.3.6:
     resolution: {integrity: sha512-AKjF7qbbLvLaPieoKeTjG1+FyNZT6KaJMJPFeQyLfIp7l82ggH1fbHJSsYIvnbTFQOlkh+gBYpyby5GT1LIdLw==}
     engines: {node: '>=14.0.0'}
@@ -3153,23 +2897,6 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /tough-cookie@4.1.3:
-    resolution: {integrity: sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==}
-    engines: {node: '>=6'}
-    dependencies:
-      psl: 1.9.0
-      punycode: 2.3.1
-      universalify: 0.2.0
-      url-parse: 1.5.10
-    dev: false
-
-  /tr46@3.0.0:
-    resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
-    engines: {node: '>=12'}
-    dependencies:
-      punycode: 2.3.1
-    dev: false
-
   /ts-api-utils@1.0.3(typescript@5.3.3):
     resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
     engines: {node: '>=16.13.0'}
@@ -3232,11 +2959,6 @@ packages:
       '@fastify/busboy': 2.1.0
     dev: true
 
-  /universalify@0.2.0:
-    resolution: {integrity: sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==}
-    engines: {node: '>= 4.0.0'}
-    dev: false
-
   /update-browserslist-db@1.0.13(browserslist@4.22.2):
     resolution: {integrity: sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==}
     hasBin: true
@@ -3254,13 +2976,6 @@ packages:
       punycode: 2.3.1
     dev: true
 
-  /url-parse@1.5.10:
-    resolution: {integrity: sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==}
-    dependencies:
-      querystringify: 2.2.0
-      requires-port: 1.0.0
-    dev: false
-
   /util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
     dev: true
@@ -3409,53 +3124,6 @@ packages:
       - terser
     dev: true
 
-  /w3c-hr-time@1.0.2:
-    resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
-    deprecated: Use your platform's native performance.now() and performance.timeOrigin.
-    dependencies:
-      browser-process-hrtime: 1.0.0
-    dev: false
-
-  /w3c-xmlserializer@3.0.0:
-    resolution: {integrity: sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==}
-    engines: {node: '>=12'}
-    dependencies:
-      xml-name-validator: 4.0.0
-    dev: false
-
-  /webidl-conversions@7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
-    dev: false
-
-  /whatwg-encoding@2.0.0:
-    resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
-    engines: {node: '>=12'}
-    dependencies:
-      iconv-lite: 0.6.3
-    dev: false
-
-  /whatwg-mimetype@3.0.0:
-    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
-    engines: {node: '>=12'}
-    dev: false
-
-  /whatwg-url@10.0.0:
-    resolution: {integrity: sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==}
-    engines: {node: '>=12'}
-    dependencies:
-      tr46: 3.0.0
-      webidl-conversions: 7.0.0
-    dev: false
-
-  /whatwg-url@11.0.0:
-    resolution: {integrity: sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==}
-    engines: {node: '>=12'}
-    dependencies:
-      tr46: 3.0.0
-      webidl-conversions: 7.0.0
-    dev: false
-
   /which@2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -3477,28 +3145,6 @@ packages:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
 
-  /ws@8.15.0:
-    resolution: {integrity: sha512-H/Z3H55mrcrgjFwI+5jKavgXvwQLtfPCUEp6pi35VhoB0pfcHnSoyuTzkBEZpzq49g1193CUEwIvmsjcotenYw==}
-    engines: {node: '>=10.0.0'}
-    peerDependencies:
-      bufferutil: ^4.0.1
-      utf-8-validate: '>=5.0.2'
-    peerDependenciesMeta:
-      bufferutil:
-        optional: true
-      utf-8-validate:
-        optional: true
-    dev: false
-
-  /xml-name-validator@4.0.0:
-    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
-    engines: {node: '>=12'}
-    dev: false
-
-  /xmlchars@2.2.0:
-    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
-    dev: false
-
   /yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
     dev: true
@@ -3522,7 +3168,3 @@ packages:
     resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
     engines: {node: '>=12.20'}
     dev: true
-
-settings:
-  autoInstallPeers: true
-  excludeLinksFromLockfile: false
diff --git a/src/components/Login.svelte b/src/components/Login.svelte
new file mode 100644
index 0000000..b940c20
--- /dev/null
+++ b/src/components/Login.svelte
@@ -0,0 +1,103 @@
+<script lang="ts">
+	import LoginInput from './LoginInput.svelte';
+	import { t } from '../i18n';
+	import { Toast, initializeStores } from '@skeletonlabs/skeleton';
+	import { getToastStore } from '@skeletonlabs/skeleton';
+	import { goto } from '$app/navigation';
+	import { createToast } from '$lib/Toasts';
+	import { refreshToken, registerUsername, token } from '$lib/Store';
+	import type { Login } from '$lib/types/Login';
+
+	initializeStores();
+	const toastStore = getToastStore();
+
+	let username: string = '';
+	let password: string = '';
+	let statusCode: number = 0;
+
+	function handleUsernameInput(event: Event) {
+		username = (event.target as HTMLInputElement).value;
+	}
+
+	function handlePasswordInput(event: Event) {
+		password = (event.target as HTMLInputElement).value;
+	}
+
+	$: allInputFieldsFilled = password.length != 0 && username.length != 0;
+	async function handleSubmit() {
+		try {
+			const url = 'http://localhost:3000/api/v1' + '/users/login';
+			const response = await fetch(url, {
+				mode: 'cors',
+				method: 'POST',
+
+				body: JSON.stringify({
+					username: username,
+					password: password
+				})
+			});
+			statusCode = response.status;
+			if (statusCode == 200) {
+				const requestData: Login = await response.json();
+				token.set(requestData.token);
+				refreshToken.set(requestData.refreshToken);
+				location.reload();
+			} else if (statusCode == 401) {
+				toastStore.trigger(createToast('Incorrect password', 'error'));
+			} else if (statusCode == 403) {
+				registerUsername.set(username);
+				goto('/verify');
+			} else if (statusCode == 404) {
+				toastStore.trigger(createToast('Username not found', 'error'));
+			}
+		} catch (error) {
+			toastStore.trigger(createToast('Internal Server Error! Please try again later!', 'error'));
+		}
+	}
+</script>
+
+<Toast />
+<div class="pt-8">
+	<div class="justify-center">
+		<div class=" p-2 h4 text-center font-bold">{$t('login.header.title')}</div>
+		<div class="h-[50vh] flex flex-col">
+			<form class="flex flex-col justify-around items-center w-full" on:submit={handleSubmit}>
+				<div class="flex flex-col w-full px-3 pb-2">
+					<LoginInput
+						value={username}
+						iconString="ic:outline-email"
+						placeholder={$t('login.placeholder.username')}
+						type="text"
+						onInput={handleUsernameInput}
+						id="email"
+					/>
+				</div>
+				<div class="flex flex-col w-full px-3 pt-2">
+					<LoginInput
+						value={password}
+						iconString="mdi:lock-outline"
+						placeholder={$t('login.placeholder.password')}
+						onInput={handlePasswordInput}
+						type="pwd"
+						id="pwd"
+					/>
+				</div>
+
+				<div class="flex flex-row mt-3 justify-center text-center">
+					<button
+						on:click={handleSubmit}
+						disabled={!allInputFieldsFilled}
+						class="btn variant-filled-primary"
+						type="submit">{$t('login.submit.btn')}</button
+					>
+				</div>
+			</form>
+			<div class="p-2 text-sm text-center">
+				<p>
+					{$t('login.subtitle.noaccount')}
+					<a class="text=primary" href="/register">{$t('login.subtitle.signup')}</a>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/src/lib/components/LoginInput.svelte b/src/components/LoginInput.svelte
similarity index 100%
rename from src/lib/components/LoginInput.svelte
rename to src/components/LoginInput.svelte
diff --git a/src/lib/components/RegisterInput.svelte b/src/components/RegisterInput.svelte
similarity index 100%
rename from src/lib/components/RegisterInput.svelte
rename to src/components/RegisterInput.svelte
diff --git a/src/components/navbar.svelte b/src/components/navbar.svelte
index d4a48a6..4ff018a 100644
--- a/src/components/navbar.svelte
+++ b/src/components/navbar.svelte
@@ -1,7 +1,11 @@
 <script>
 	import { AppBar } from '@skeletonlabs/skeleton';
 	import Icon from '@iconify/svelte';
-	let tokenISSet = false;
+	import { token } from '$lib/Store';
+	let loginToken;
+	token.set('');
+	token.subscribe((prev_val) => (loginToken = prev_val));
+	console.log(loginToken);
 </script>
 
 <AppBar>
@@ -9,13 +13,13 @@
 		<h1 style="font-size: 32px">Schnatter</h1>
 	</svelte:fragment>
 	<svelte:fragment slot="trail">
-		<a href="/home">
+		<a href="/">
 			<Icon class="w-10 h-10" icon="mdi:home" style="font-size: 32px" />
 		</a>
 		<a href="/search">
 			<Icon class="w-10 h-10" icon="ic:round-search" style="font-size: 32px" />
 		</a>
-		{#if tokenISSet}
+		{#if loginToken != ''}
 			<a href="/post">
 				<Icon class="w-10 h-10" icon="gridicons:add" style="font-size: 32px" />
 			</a>
diff --git a/src/lib/Store.ts b/src/lib/Store.ts
new file mode 100644
index 0000000..1b6cceb
--- /dev/null
+++ b/src/lib/Store.ts
@@ -0,0 +1,10 @@
+import { writable } from 'svelte/store';
+
+export const registerUsername = writable('');
+
+//https://server-beta.de/api
+// server-alpha Url
+export const serverURL = writable('http://localhost:3000/api/v1');
+
+export const token = writable('');
+export const refreshToken = writable('');
diff --git a/src/lib/components/Login.svelte b/src/lib/components/Login.svelte
deleted file mode 100644
index 108124e..0000000
--- a/src/lib/components/Login.svelte
+++ /dev/null
@@ -1,64 +0,0 @@
-<script lang="ts">
-	import { isValidEmail } from '$lib/ValidateInputs';
-	import LoginInput from '../../lib/components/LoginInput.svelte';
-	import { t } from '../../i18n';
-
-	let email = '';
-	let password = '';
-	let isEmailValid: boolean;
-
-	function handleEmailInput(event: Event) {
-		email = (event.target as HTMLInputElement).value;
-		if (password.length >= 1) {
-			isEmailValid = isValidEmail(email);
-		}
-	}
-
-	function handlePasswordInput(event: Event) {
-		password = (event.target as HTMLInputElement).value;
-	}
-
-	$: allInputFieldsFilled = password.length != 0 && email.length != 0 && isEmailValid;
-	function handleSubmit() {}
-</script>
-
-<div class="pt-8">
-	<div class="justify-center">
-		<div class=" p-2 h4 text-center font-bold">{$t('login.header.title')}</div>
-		<div class="h-[50vh] flex flex-col">
-			<form class="flex flex-col justify-around items-center w-full" on:submit={handleSubmit}>
-				<div class="flex flex-col w-full px-3 pb-2">
-					<LoginInput
-						value={email}
-						iconString="ic:outline-email"
-						placeholder={$t('login.placeholder.email')}
-						type="text"
-						onInput={handleEmailInput}
-						id="email"
-					/>
-				</div>
-				<div class="flex flex-col w-full px-3 pt-2">
-					<LoginInput
-						value={password}
-						iconString="mdi:lock-outline"
-						placeholder={$t('login.placeholder.password')}
-						onInput={handlePasswordInput}
-						type="pwd"
-						id="pwd"
-					/>
-				</div>
-			</form>
-
-			<div class="flex flex-row mt-3 justify-center text-center">
-				<button disabled={!allInputFieldsFilled} class="btn variant-filled-primary" type="submit"
-					>{$t('login.submit.btn')}</button
-				>
-			</div>
-			<div class="p-2 text-sm text-center">
-				{$t('login.subtitle.noaccount')}<a class="text=primary" href="/register"
-					>{$t('login.subtitle.signup')}</a
-				>
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/src/lib/types/Login.ts b/src/lib/types/Login.ts
new file mode 100644
index 0000000..1ac90a2
--- /dev/null
+++ b/src/lib/types/Login.ts
@@ -0,0 +1,4 @@
+export type Login = {
+	token: string;
+	refreshToken: string;
+};
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2f8a138..f1f604e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import '../app.postcss';
 
-	import Navbar from '../components/navbar.svelte';
+	import Navbar from '../components/Navbar.svelte';
 	// Floating UI for Popups
 	import { computePosition, autoUpdate, flip, shift, offset, arrow } from '@floating-ui/dom';
 	import { AppShell, storePopup } from '@skeletonlabs/skeleton';
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 8fc580e..e80168d 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,15 +1,14 @@
-<!-- YOU CAN DELETE EVERYTHING IN THIS PAGE -->
+<script lang="ts">
+	import Login from '../components/Login.svelte';
+</script>
 
-<div class="container h-full mx-auto flex justify-center items-center">
-	<div class="space-y-5">
-		<h1 class="h1">Let's get cracking bones!</h1>
-		<p>Start by exploring:</p>
-		<ul>
-			<li><code class="code">/src/routes/+layout.svelte</code> - barebones layout</li>
-			<li><code class="code">/src/app.postcss</code> - app wide css</li>
-			<li>
-				<code class="code">/src/routes/+page.svelte</code> - this page, you can replace the contents
-			</li>
-		</ul>
+<main class="">
+	<div class="grid grid-cols-6 grid-flow-col gap-4 grid-end-auto">
+		<div class="col-span-1"></div>
+		<div class="card col-span-4"></div>
+		<div class="grid grid-rows-6 grid-flow-col gap-4">
+			<div class="card row-start-1"><Login /></div>
+			<div class="card row-span-5"></div>
+		</div>
 	</div>
-</div>
+</main>
diff --git a/src/routes/home/+page.server.ts b/src/routes/home/+page.server.ts
deleted file mode 100644
index e69de29..0000000
diff --git a/src/routes/home/+page.svelte b/src/routes/home/+page.svelte
deleted file mode 100644
index aea5dba..0000000
--- a/src/routes/home/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import Login from '../../lib/components/Login.svelte';
-</script>
-
-<main class="">
-	<div class="grid grid-cols-6 grid-flow-col gap-4 grid-end-auto">
-		<div class="col-span-1"></div>
-		<div class="card col-span-4"></div>
-		<div class="grid grid-rows-6 grid-flow-col gap-4">
-			<div class="card row-start-1"><Login /></div>
-			<div class="card row-span-5"></div>
-		</div>
-	</div>
-</main>
diff --git a/src/routes/imprint/+page.server.ts b/src/routes/imprint/+page.server.ts
index 9290e32..77596dc 100644
--- a/src/routes/imprint/+page.server.ts
+++ b/src/routes/imprint/+page.server.ts
@@ -1,3 +1,4 @@
+import { serverURL } from '$lib/Store';
 import type { PageServerLoad } from './$types';
 
 type imprint = {
@@ -6,8 +7,10 @@ type imprint = {
 
 export const load = (async () => {
 	try {
+		let serverUrl: string = '';
 		//const text:string = 'hier ist Text';
-		const url: string = 'http://localhost:3000' + '/api/v1/imprint';
+		serverURL.subscribe((prev_val) => (serverUrl = prev_val));
+		const url: string = serverUrl + '/imprint';
 		const response = await fetch(url);
 		const responseObject: imprint = await response.json();
 		const imprintText: string = responseObject.text;
diff --git a/src/routes/register/+page.svelte b/src/routes/register/+page.svelte
index 5eff525..76551eb 100644
--- a/src/routes/register/+page.svelte
+++ b/src/routes/register/+page.svelte
@@ -1,11 +1,13 @@
 <script lang="ts">
 	import { changeIconColor, changeValidateIcon, isValidEmail } from '$lib/ValidateInputs';
 	import { Toast } from '@skeletonlabs/skeleton';
-	import RegisterInput from '../../lib/components/RegisterInput.svelte';
+	import RegisterInput from '../../components/RegisterInput.svelte';
 	import { initializeStores } from '@skeletonlabs/skeleton';
 	import { getToastStore } from '@skeletonlabs/skeleton';
 	import { createToast } from '$lib/Toasts';
-	import { redirect } from '@sveltejs/kit';
+	import { goto } from '$app/navigation';
+	import { registerUsername, serverURL } from '$lib/Store';
+
 	initializeStores();
 	const toastStore = getToastStore();
 
@@ -34,6 +36,7 @@
 	let containsIllegalCharacters: boolean;
 	const checkLatin1RegExp = /^[a-zA-Z0-9.,_\-@]+$/;
 	const checkSpace = /\s/;
+	let serverUrl: string;
 
 	function handleEmailInput(event: Event) {
 		email = (event.target as HTMLInputElement).value;
@@ -124,9 +127,13 @@
 		password === repeatPassword &&
 		username.length != 0;
 	async function handleSubmit() {
-		const url: string = 'http://localhost:3000/api/v1' + '/users';
+		serverURL.subscribe((prev_val) => (serverUrl = prev_val));
+
+		const url: string = serverUrl + '/users';
+		console.log('23232');
 		try {
 			const respone = await fetch(url, {
+				mode: 'cors',
 				method: 'POST',
 				body: JSON.stringify({
 					username: username,
@@ -135,13 +142,15 @@
 					email: email
 				})
 			});
+			console.log('sdsds');
 			statusCode = respone.status;
 		} catch (error) {
 			toastStore.trigger(createToast('Internal Server Error! Please try again later!', 'error'));
 		}
 		statusCode == 201;
 		if (statusCode == 201) {
-			redirect(300, '/verify');
+			registerUsername.set(username);
+			goto('/verify');
 		} else if (statusCode == 400) {
 			toastStore.trigger(createToast('There was a mistake! Please check your entries', 'error'));
 		} else if (statusCode == 422) {
diff --git a/src/routes/verify/+page.svelte b/src/routes/verify/+page.svelte
index c4b1fd7..f17c3f9 100644
--- a/src/routes/verify/+page.svelte
+++ b/src/routes/verify/+page.svelte
@@ -2,12 +2,15 @@
 	import { Toast, initializeStores } from '@skeletonlabs/skeleton';
 	import { getToastStore } from '@skeletonlabs/skeleton';
 	import { createToast } from './Toasts';
+	import { registerUsername, serverURL } from '$lib/Store';
+	import { goto } from '$app/navigation';
 
 	initializeStores();
 	const toastStore = getToastStore();
 
 	let verifyInput: string = '';
 	let statusCode: number = 0;
+	let username: string;
 
 	function handleInput(event: Event) {
 		const newValue = (event.target as HTMLInputElement).value.replace(/\D/g, '');
@@ -15,7 +18,11 @@
 	}
 
 	async function handleSubmit() {
-		const url = 'http://localhost:3000/api/v1' + '/users/mabu2807/activate';
+		let serverUrl: string = '';
+		registerUsername.subscribe((prev_val) => (username = prev_val));
+		serverURL.subscribe((prev_val) => (serverUrl = prev_val));
+		console.log(username);
+		const url = serverUrl + '/users/' + username + '/activate';
 		try {
 			const response = await fetch(url, {
 				method: 'POST',
@@ -32,11 +39,14 @@
 		} else if (statusCode == 404) {
 			toastStore.trigger(createToast('The code is not correct', 'error'));
 		} else if (statusCode == 200) {
-			toastStore.trigger(createToast('Account successfully verified', 'success'));
+			goto('/');
 		}
 	}
 	async function resendToken() {
-		const url = 'http://localhost:3000/api/v1' + '/users/mabu2807/activate';
+		let serverUrl: string = '';
+		registerUsername.subscribe((prev_val) => (username = prev_val));
+		serverURL.subscribe((prev_val) => (serverUrl = prev_val));
+		const url = serverUrl + '/users/' + username + '/activate';
 		try {
 			const response = await fetch(url, {
 				method: 'DELETE'
diff --git a/src/translation.js b/src/translation.js
index 465043f..564c627 100644
--- a/src/translation.js
+++ b/src/translation.js
@@ -21,7 +21,7 @@ export default {
 			'The content and works created by the project team on this website are subject to German copyright law. Duplication, processing, distribution and any kind of exploitation outside the limits of copyright law require the written consent of the respective author or creator. Downloads and copies of this site are only permitted for private, non-commercial use. Insofar as the content on this site was not created by the project team, the copyrights of third parties are respected. In particular, third-party content is marked as such. Should you nevertheless become aware of a copyright infringement, please inform us accordingly. If we become aware of any infringements, we will remove such content immediately.',
 		'imprint.backend.header': 'Imprint Backend',
 		'login.header.title': 'Log In',
-		'login.placeholder.email': 'Email',
+		'login.placeholder.username': 'Username',
 		'login.placeholder.password': 'Password',
 		'login.submit.btn': 'Log In',
 		'login.subtitle.noaccount': "Don't have an account yet?",
@@ -49,7 +49,7 @@ export default {
 			'Die durch das Projektteam erstellten Inhalte und Werke auf dieser Seite unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Projektteam erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Solltest du trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.',
 		'imprint.backend.header': 'Impressum Backend',
 		'login.header.title': 'Anmelden',
-		'login.placeholder.email': 'E-Mail',
+		'login.placeholder.username': 'Benutzername',
 		'login.placeholder.password': 'Passwort',
 		'login.submit.btn': 'Anmelden',
 		'login.subtitle.noaccount': 'Noch keinen Account?',