remove bloat fonts, get rid of svelte-i18n

Signed-off-by: ngn <ngn@ngn.tf>

app/static/css/global.css

@@ -1,32 +1,26 @@
-/*
-
- * animations.css: stuff like the cursor animation
- * webfont.css: webfont dumped from https://www.nerdfonts.com/assets/css/webfont.css
- * font.css: the main font (Ubuntu)
-
-*/
-@import "./animations.css";
-@import "./nerdfonts.css";
-@import "./font.css";
+/* global CSS file, imported in every page, defines commonly used color, effects
+ * etc. also defines styles for commonly used elements */
 
 :root {
+  /* randomly selected colors */
   --yellow: #d3b910;
   --cyan: #0dd2e8;
   --green: #06e00a;
   --pinkish: #d506e0;
   --red: #e8180d;
-  --blue: #2036f9;
+  --blue: #3768fc;
 
+  /* white tones */
   --white-1: #ffffff;
   --white-2: #bfbfbf;
   --white-3: #5f5f5f;
-  --white-4: #0f0f0f;
 
+  /* black tones */
   --black-1: #000000;
-  --black-2: #050505;
-  --black-3: #111111;
-  --black-4: #3a3b3c;
+  --black-2: #111;
+  --black-3: #3a3b3c;
 
+  /* different sizes */
   --size-1: 8px;
   --size-2: 16px;
   --size-3: 18px;
@@ -34,17 +28,29 @@
   --size-5: 24px;
   --size-6: 30px;
 
-  --box-shadow-1:
-    rgba(20, 20, 20, 0.19) 0px 10px 20px, rgba(30, 30, 30, 0.23) 0px 6px 6px;
-  --box-shadow-2:
-    rgba(0, 0, 0, 0.35) 0px 30px 60px -12px inset,
-    rgba(20, 20, 20, 0.3) 0px 18px 36px -18px inset;
+  /* shadows */
+  --box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
+  --text-shadow: 0 1px 5px rgba(255, 255, 255, 0.15);
 
-  --text-shadow: 3px 2px 8px rgba(50, 50, 50, 0.8);
-  --background:
-    linear-gradient(rgba(11, 11, 11, 0.808), rgba(1, 1, 1, 0.96)),
-    url("/assets/banner.png");
-  --profile-size: 220px;
+  /* backgrounds */
+  --transparent: linear-gradient(rgba(11, 11, 11, 0.808), rgba(1, 1, 1, 0.96));
+  --glass: rgba(1, 1, 1, 0.93);
+
+  /* fonts */
+  --monospace:
+    ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono,
+    monospace;
+  --sans-serif:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
+    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+/* cursor blink animation */
+@keyframes blink {
+  0% {
+    opacity: 0;
+  }
 }
 
 * {
@@ -57,11 +63,14 @@ html {
 }
 
 body {
-  background: var(--black-1);
-  font-family: "Ubuntu", sans-serif;
+  font-family: var(--sans-serif);
+  background-image: url("/assets/banner.png");
   overflow-x: hidden;
   height: 100vh;
   width: 100vw;
+
+  line-height: 1.5;
+  font-size: var(--size-3);
 }
 
 ::selection {
@@ -84,36 +93,24 @@ body {
 }
 
 a {
-  font-weight: 900;
-  color: var(--white-1);
-  text-decoration: none;
+  color: var(--white-2);
+  font-weight: 600;
   cursor: pointer;
+
+  text-decoration: underline;
+  text-decoration-color: var(--white-2);
 }
 
 a:hover {
-  text-decoration: underline;
+  color: var(--white-1);
   text-shadow: var(--text-shadow);
 }
 
-i .nf {
-  font-weight: 900;
-}
-
 ul {
   list-style: inside;
-  margin: 12px 0 12px 0;
 }
 
-li + li {
-  margin-top: 10px;
-}
-
-input {
-  background: var(--black-3);
-  border: none;
-  outline: none;
-  font-size: var(--size-4);
-  padding: 10px;
-  border: solid 1px var(--black-4);
-  color: var(--white-1);
+br {
+  display: block;
+  margin: 5px 0;
 }