-
-
-
-
$breakpoints: (
- sm: 640px,
- md: 768px,
- lg: 1024px,
- xl: 1280px,
- xxl: 1536px,
+ sm: 640px,
+ md: 768px,
+ lg: 1024px,
+ xl: 1280px,
+ xxl: 1536px
);
diff --git a/kitsune-fe/src/styles/_fonts.scss b/kitsune-fe/src/styles/_fonts.scss
deleted file mode 100644
index 5641d6216..000000000
--- a/kitsune-fe/src/styles/_fonts.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// COPYRIGHT INFO
-
-@font-face {
- src: url('/BlockZone.ttf') format('truetype');
- font-family: 'BlockZone';
-}
diff --git a/kitsune-fe/src/styles/_mixins.scss b/kitsune-fe/src/styles/_mixins.scss
index 153724b30..69d9a082b 100644
--- a/kitsune-fe/src/styles/_mixins.scss
+++ b/kitsune-fe/src/styles/_mixins.scss
@@ -2,7 +2,7 @@
@use 'sass:map';
@mixin only-on-mobile {
- @media only screen and (max-width: map.get($breakpoints, md)) {
- @content;
- }
+ @media only screen and (max-width: map.get($breakpoints, md)) {
+ @content;
+ }
}
diff --git a/kitsune-fe/src/styles/root.scss b/kitsune-fe/src/styles/root.scss
index 3a15c7714..77e2d4079 100644
--- a/kitsune-fe/src/styles/root.scss
+++ b/kitsune-fe/src/styles/root.scss
@@ -1,49 +1,48 @@
@use 'colours' as *;
-@use 'fonts' as *;
* {
- // font-family: BlockZone;
- box-sizing: inherit;
- font-family: 'Courier New', Courier, monospace;
+ box-sizing: inherit;
+ font-family: 'Courier New', Courier, monospace;
}
:root {
- background-color: $dark1;
- color: white;
+ background-color: $dark1;
+ color: white;
- color-scheme: light dark;
- font-weight: 400;
- font-size: 16px;
- line-height: 24px;
+ color-scheme: light dark;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 24px;
- font-synthesis: none;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- -webkit-text-size-adjust: 100%;
+ font-synthesis: none;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-text-size-adjust: 100%;
- box-sizing: border-box;
+ box-sizing: border-box;
}
a {
- color: $shade2light;
- font-weight: 500;
- text-decoration: inherit;
+ color: $shade2light;
+ font-weight: 500;
+ text-decoration: inherit;
}
body {
- margin: 0;
- margin-top: 85px;
+ margin: 0;
+ width: 100vw;
+ height: 100vh;
}
::-webkit-scrollbar {
- width: 0.666em;
- height: 0.666em;
+ width: 0.666em;
+ height: 0.666em;
}
::-webkit-scrollbar-track {
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
- background-color: $shade2light;
+ background-color: $shade2light;
}
diff --git a/kitsune-fe/svelte.config.js b/kitsune-fe/svelte.config.js
index 4a82086e2..5fcfeded5 100644
--- a/kitsune-fe/svelte.config.js
+++ b/kitsune-fe/svelte.config.js
@@ -1,17 +1,27 @@
-import adapter from '@sveltejs/adapter-auto';
+import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
/** @type {import('@sveltejs/kit').Config} */
const config = {
+ compilerOptions: {
+ runes: true
+ },
+
// Consult https://kit.svelte.dev/docs/integrations#preprocessors
// for more information about preprocessors
- preprocess: vitePreprocess(),
+ preprocess: [vitePreprocess()],
kit: {
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
- adapter: adapter()
+ adapter: adapter({
+ pages: 'build',
+ assets: 'build',
+ fallback: 'index.html',
+ precompress: false,
+ strict: true
+ })
}
};
- 
-
-
-
-
- {instanceInfo?.name}
-
-
-
diff --git a/kitsune-fe/src/styles/_breakpoints.scss b/kitsune-fe/src/styles/_breakpoints.scss
index 968f4ee7b..6ea216d3e 100644
--- a/kitsune-fe/src/styles/_breakpoints.scss
+++ b/kitsune-fe/src/styles/_breakpoints.scss
@@ -1,9 +1,9 @@
// Source: Tailwind -
-
- - - {instanceInfo?.userCount} - - - -
- - - {instanceInfo?.localPostCount} - - - -
+
-
-
-
+
-
-
+
-
-