Upgrade to latest svelte version and remove widgets

.eslintignore

@@ -1,13 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock

.eslintrc.cjs

@@ -1,20 +0,0 @@
-module.exports = {
-	root: true,
-	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript')
-	},
-	parserOptions: {
-		sourceType: 'module',
-		ecmaVersion: 2020
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
-	}
-};

.prettierignore

@@ -1,13 +0,0 @@
-.DS_Store
-node_modules
-/build
-/.svelte-kit
-/package
-.env
-.env.*
-!.env.example
-
-# Ignore files for PNPM, NPM and YARN
-pnpm-lock.yaml
-package-lock.json
-yarn.lock

.prettierrc

@@ -1,9 +0,0 @@
-{
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"pluginSearchDirs": ["."],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
-}

biome.json

@@ -0,0 +1,12 @@
+{
+	"$schema": "https://biomejs.dev/schemas/1.3.3/schema.json",
+	"organizeImports": {
+		"enabled": true
+	},
+	"linter": {
+		"enabled": true,
+		"rules": {
+			"recommended": true
+		}
+	}
+}

package.json

@@ -13,25 +13,18 @@
 		"format": "prettier --plugin-search-dir . --write ."
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-auto": "^1.0.0",
+		"@sveltejs/adapter-auto": "^3.2.1",
-		"@sveltejs/kit": "^1.0.0",
+		"@sveltejs/kit": "^2.5.10",
-		"@typescript-eslint/eslint-plugin": "^5.45.0",
+		"svelte": "^4.2.17",
-		"@typescript-eslint/parser": "^5.45.0",
+		"svelte-check": "^3.7.1",
-		"eslint": "^8.28.0",
+		"tslib": "^2.6.2",
-		"eslint-config-prettier": "^8.5.0",
+		"typescript": "^5.4.5",
-		"eslint-plugin-svelte3": "^4.0.0",
+		"vite": "^5.2.11",
-		"prettier": "^2.8.0",
+		"vitest": "^1.6.0"
-		"prettier-plugin-svelte": "^2.8.1",
-		"svelte": "^3.54.0",
-		"svelte-check": "^2.9.2",
-		"tslib": "^2.4.1",
-		"typescript": "^4.9.3",
-		"vite": "^4.0.0",
-		"vitest": "^0.25.3"
 	},
 	"type": "module",
 	"dependencies": {
-		"@sveltejs/adapter-static": "^1.0.0",
+		"@sveltejs/adapter-static": "^3.0.1",
-		"sass": "^1.57.1"
+		"sass": "^1.77.2"
 	}
 }

src/app.scss

@@ -0,0 +1,70 @@
+@use "./colors.scss";
+@import "https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css";
+
+body {
+  font-family: "Lexend","Noto Sans", "Verdana", sans-serif;
+  background-color: colors.$background;
+  color: colors.$text;
+}
+
+img {
+  image-orientation: from-image;
+}
+
+a {
+  text-decoration-line: underline;
+  text-decoration-color: colors.$secondary;
+  text-decoration-thickness: .125em;
+  color: colors.$text;
+}
+
+hr {
+  border: 1px solid colors.$highlight;
+  width: 100%;
+}
+
+button {
+  background-color: colors.$highlight;
+  color: colors.$highlight-text;
+  border: none;
+  height: 2.5em;
+  padding: 0.5em;
+  border-radius: 0.5em;
+  transition-duration: 0.25s;
+  font-size: 1em;
+
+  &:hover {
+    cursor: pointer;
+    background-color: lighten(colors.$highlight, 5%);
+  }
+
+  &:active {
+    background-color: darken(colors.$highlight, 5%);
+  }
+}
+
+.float-left {
+  float: left;
+}
+
+.float-right {
+  float: right;
+}
+
+
+.card {
+  width: 60%;
+  margin: auto;
+}
+
+@media (max-width: 500px) {
+  .card {
+    width: 100%;
+  }
+}
+
+@media (min-width: 500px) and (max-width: 1000px) {
+  .card {
+    width: 75%;
+  }
+}

src/colors.scss

@@ -0,0 +1,13 @@
+$background: rgba(14, 1, 20, 1);
+
+$highlight: white;
+$secondary: white;
+
+$highlight-text: black;
+$text: white;
+$inactive-text: lighten($text, 20%);
+$highlight-inactive-text: darken($highlight-text, 20%);
+
+$blue: #848fab;
+$yellow: #a7ad86;
+$red: #a88b83;

src/routes/+layout.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import "../app.scss";
+
+  import { onNavigate } from "$app/navigation";
+
+  export const csr = false;
+  export const prerender = true;
+
+  onNavigate((navigation) => {
+    // @ts-expect-error
+    if (!document.startViewTransition) return;
+
+    return new Promise((resolve) => {
+      // @ts-expect-error
+      document.startViewTransition(async () => {
+        resolve();
+        await navigation.complete;
+      });
+    });
+  });
+</script>
+
+<slot />

src/routes/+layout.ts

@@ -1,2 +0,0 @@
-export const csr = false;
-export const prerender = true;

src/routes/+page.svelte

@@ -16,16 +16,7 @@
 			I primarily use Rust because it's just the best programming language.
 		</p>
 	</div>
-	<div class="item github-stats">
+	<hr class="item"/>
-		<img
-			alt="Dynamically generated by GitHub readme stats. It displays my total stars earned, total commits, PRs, issues and repositories."
-			src="https://github-readme-stats.vercel.app/api?username=trivernis&show_icons=true&theme=tokyonight"
-		/>
-		<img
-			alt="Dynamically generated by GitHub readme stats. It displays my most used languages. At the time of writing this it's rust with 53%."
-			src="https://github-readme-stats.vercel.app/api/top-langs/?username=trivernis&hide=html&show_icons=true&theme=tokyonight"
-		/>
-	</div>
 	<div class="item projects">
 		<h1>Some Projects</h1>
 		<Project

svelte.config.js

@@ -1,5 +1,5 @@
-import adapter from '@sveltejs/adapter-static';
+import adapter from "@sveltejs/adapter-static";
-import { vitePreprocess } from '@sveltejs/kit/vite';
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -8,8 +8,8 @@ const config = {
 	preprocess: vitePreprocess(),
 
 	kit: {
-		adapter: adapter()
+		adapter: adapter(),
-	}
+	},
 };
 
 export default config;