New and improved in sveltekit

2025-10-29 08:40:13 +00:00 · 2023-05-22 22:29:43 +02:00
parent 4c5ede45a1
commit 23d4b727e6
78 changed files with 6148 additions and 648 deletions
--- a/static/fonts/Nunito-Bold.ttf
+++ b/static/fonts/Nunito-Bold.ttf
--- a/static/fonts/Nunito-Bold.woff
+++ b/static/fonts/Nunito-Bold.woff
--- a/static/fonts/Nunito-Italic.ttf
+++ b/static/fonts/Nunito-Italic.ttf
--- a/static/fonts/Nunito-Italic.woff
+++ b/static/fonts/Nunito-Italic.woff
--- a/static/fonts/Nunito-Medium.woff
+++ b/static/fonts/Nunito-Medium.woff
--- a/static/fonts/Nunito-Regular.eot
+++ b/static/fonts/Nunito-Regular.eot
--- a/static/fonts/Nunito-Regular.ttf
+++ b/static/fonts/Nunito-Regular.ttf
--- a/static/fonts/Overpass-Regular.ttf
+++ b/static/fonts/Overpass-Regular.ttf
--- a/static/fonts/Roboto-Bold.eot
+++ b/static/fonts/Roboto-Bold.eot
--- a/static/fonts/Roboto-Bold.ttf
+++ b/static/fonts/Roboto-Bold.ttf
--- a/static/fonts/Roboto-Bold.woff
+++ b/static/fonts/Roboto-Bold.woff
--- a/static/fonts/Roboto-Italic.eot
+++ b/static/fonts/Roboto-Italic.eot
--- a/static/fonts/Roboto-Italic.ttf
+++ b/static/fonts/Roboto-Italic.ttf
--- a/static/fonts/Roboto-Italic.woff
+++ b/static/fonts/Roboto-Italic.woff
--- a/static/fonts/Roboto-Light.ttf
+++ b/static/fonts/Roboto-Light.ttf
--- a/static/fonts/Roboto-Regular.eot
+++ b/static/fonts/Roboto-Regular.eot
--- a/static/fonts/Roboto-Regular.ttf
+++ b/static/fonts/Roboto-Regular.ttf
--- a/static/fonts/Roboto-Regular.woff
+++ b/static/fonts/Roboto-Regular.woff
--- a/static/global.css
+++ b/static/global.css
@@ -0,0 +1,45 @@
+body {
+  font-family: 'Roboto';
+  background-color: var(--backdrop);
+  color: var(--text-color);
+
+  transition: background-color var(--color-transition-duration) ease-in-out,
+    border-color var(--color-transition-duration) ease-in-out,
+    color var(--color-transition-duration) ease-in-out,
+    font-family var(--color-transition-duration) ease-in-out;
+}
+
+/* Nunito regular */
+@font-face {
+  font-family: 'Nunito';
+  src: url('/fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
+    url('/fonts/Nunito-Regular.woff') format('woff'),
+    url('/fonts/Nunito-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+/* Overpass regular */
+@font-face {
+  font-family: 'Overpass';
+  src: url('/fonts/Overpass-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+/* Roboto regular */
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
+    url('/fonts/Roboto-Regular.woff') format('woff'),
+    url('/fonts/Roboto-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('/fonts/Roboto-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
--- a/static/images/finest_fuck-yeah-IPA.jpg
+++ b/static/images/finest_fuck-yeah-IPA.jpg
--- a/static/images/finest_lazy-days.jpeg
+++ b/static/images/finest_lazy-days.jpeg
--- a/static/images/finest_love-in-a-canoe.jpeg
+++ b/static/images/finest_love-in-a-canoe.jpeg
--- a/static/images/finest_utepils.jpeg
+++ b/static/images/finest_utepils.jpeg
--- a/static/images/helles_tysk-lager.jpeg
+++ b/static/images/helles_tysk-lager.jpeg
--- a/static/images/kinn_kveldsbris.png
+++ b/static/images/kinn_kveldsbris.png
--- a/static/stream.png
+++ b/static/stream.png
--- a/static/variables.css
+++ b/static/variables.css
@@ -0,0 +1,41 @@
+:root {
+  --background: white;
+  --backdrop: #f5f5f7;
+  --text-color: black;
+  --red: #ff97a3;
+  --blue: #9ad9ff;
+  --green: #19a786;
+
+  --header-height: 70px;
+
+  --color-transition-duration: 0.4s;
+}
+
+.dark {
+  --background: black;
+  --backdrop: #202124;
+  --text-color: white;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+a {
+  color: inherit; /* blue colors for links too */
+  text-decoration: inherit; /* no underline */
+}
+
+ul,
+li {
+  margin: 0;
+  padding: 0;
+}
+
+li {
+  list-style-type: none;
+}