remove bloat fonts, get rid of svelte-i18n

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

app/static/css/animations.css

@@ -1,11 +0,0 @@
-@keyframes blink {
-  0% {
-    opacity: 0;
-  }
-}
-
-@keyframes cursor {
-  to {
-    border-color: transparent;
-  }
-}

app/static/css/font.css

@@ -1,7 +0,0 @@
-@font-face {
-  font-family: "Ubuntu";
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src: url("/assets/ubuntu.woff2") format("woff2");
-}

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;
 }

app/static/css/markdown.css

@@ -1,16 +1,21 @@
+/* modified version of github-markdown-css, the dark version
+ * licensed under MIT, see: https://github.com/sindresorhus/github-markdown-css
+ */
+
 .markdown-body {
   color-scheme: dark;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
   margin: 0;
-  color: #c9d1d9;
   background-color: #000;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica,
-    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
   font-size: 16px;
   line-height: 1.5;
   word-wrap: break-word;
+  color: var(--white-2);
+}
+
+.markdown-body br {
+  margin: 0;
 }
 
 .markdown-body .octicon {
@@ -61,10 +66,6 @@
   display: none !important;
 }
 
-.markdown-body a {
-  text-decoration: none;
-}
-
 .markdown-body abbr[title] {
   border-bottom: none;
   text-decoration: underline dotted;
@@ -82,9 +83,9 @@
 .markdown-body h1 {
   margin: 0.67em 0;
   font-weight: 600;
-  padding-bottom: 0.3em;
+  padding-bottom: 5px;
   font-size: 2em;
-  border-bottom: 1px solid #21262d;
+  border-bottom: 1px solid var(--black-3);
 }
 
 .markdown-body mark {
@@ -287,17 +288,18 @@
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
-  margin-top: 24px;
-  margin-bottom: 16px;
+  color: var(--white-1);
+  margin-top: 30px;
+  margin-bottom: 10px;
   font-weight: 600;
   line-height: 1.25;
 }
 
 .markdown-body h2 {
   font-weight: 600;
-  padding-bottom: 0.3em;
+  padding-bottom: 5px;
   font-size: 1.5em;
-  border-bottom: 1px solid #21262d;
+  border-bottom: 1px solid var(--black-3);
 }
 
 .markdown-body h3 {
@@ -359,28 +361,14 @@
 .markdown-body tt,
 .markdown-body code,
 .markdown-body samp {
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    SF Mono,
-    Menlo,
-    Consolas,
-    Liberation Mono,
-    monospace;
+  font-family: var(--monospace);
   font-size: 12px;
 }
 
 .markdown-body pre {
   margin-top: 0;
   margin-bottom: 0;
-  font-family:
-    ui-monospace,
-    SFMono-Regular,
-    SF Mono,
-    Menlo,
-    Consolas,
-    Liberation Mono,
-    monospace;
+  font-family: var(--monospace);
   font-size: 12px;
   word-wrap: normal;
 }
@@ -721,7 +709,7 @@
   margin: 0;
   font-size: 85%;
   white-space: break-spaces;
-  background: var(--black-3);
+  background: var(--black-2);
   border-radius: 6px;
 }
 
@@ -762,11 +750,13 @@
 
 .markdown-body .highlight pre,
 .markdown-body pre {
-  padding: 16px;
+  padding: 10px;
   overflow: auto;
   font-size: 85%;
   line-height: 1.45;
-  background-color: var(--black-3);
+
+  background-color: var(--black-2);
+  border: solid 1px var(--black-3);
 }
 
 .markdown-body pre code,
@@ -980,7 +970,7 @@
 .markdown-body g-emoji {
   display: inline-block;
   min-width: 1ch;
-  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--emoji);
   font-size: 1em;
   font-style: normal !important;
   font-weight: 400;