Upgrade to latest svelte version and remove widgets

main
trivernis 6 months ago
parent 64d2c41b22
commit f4f0b034f6
Signed by: Trivernis
GPG Key ID: 7E6D18B61C8D2F4B

@ -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

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

@ -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

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

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

4721
package-lock.json generated

File diff suppressed because it is too large Load Diff

@ -13,25 +13,18 @@
"format": "prettier --plugin-search-dir . --write ."
},
"devDependencies": {
"@sveltejs/adapter-auto": "^1.0.0",
"@sveltejs/kit": "^1.0.0",
"@typescript-eslint/eslint-plugin": "^5.45.0",
"@typescript-eslint/parser": "^5.45.0",
"eslint": "^8.28.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-svelte3": "^4.0.0",
"prettier": "^2.8.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"
"@sveltejs/adapter-auto": "^3.2.1",
"@sveltejs/kit": "^2.5.10",
"svelte": "^4.2.17",
"svelte-check": "^3.7.1",
"tslib": "^2.6.2",
"typescript": "^5.4.5",
"vite": "^5.2.11",
"vitest": "^1.6.0"
},
"type": "module",
"dependencies": {
"@sveltejs/adapter-static": "^1.0.0",
"sass": "^1.57.1"
"@sveltejs/adapter-static": "^3.0.1",
"sass": "^1.77.2"
}
}

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

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

@ -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 />

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

@ -16,16 +16,7 @@
I primarily use Rust because it's just the best programming language.
</p>
</div>
<div class="item github-stats">
<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>
<hr class="item"/>
<div class="item projects">
<h1>Some Projects</h1>
<Project

@ -1,5 +1,5 @@
import adapter from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/kit/vite';
import adapter from "@sveltejs/adapter-static";
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;

Loading…
Cancel
Save