diff --git a/bun.lockb b/bun.lockb index f47930a..919c69d 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index a3a4765..0f35479 100644 --- a/package.json +++ b/package.json @@ -14,24 +14,25 @@ "lint": "prettier --check ." }, "devDependencies": { - "@skeletonlabs/skeleton": "^3.0.0-next.10", - "@skeletonlabs/skeleton-svelte": "^1.0.0-next.19", + "@skeletonlabs/skeleton": "^3.0.0-next.11", + "@skeletonlabs/skeleton-svelte": "^1.0.0-next.20", "@sveltejs/adapter-static": "^3.0.8", - "@sveltejs/kit": "^2.16.0", - "@sveltejs/vite-plugin-svelte": "^5.0.0", + "@sveltejs/kit": "^2.17.3", + "@sveltejs/vite-plugin-svelte": "^5.0.3", "@tailwindcss/forms": "^0.5.10", "@tailwindcss/typography": "^0.5.16", "@types/luxon": "^3.4.2", "autoprefixer": "^10.4.20", - "lucide-svelte": "^0.475.0", + "lucide-svelte": "^0.476.0", "luxon": "^3.5.0", - "prettier": "^3.4.2", + "prettier": "^3.5.2", "prettier-plugin-svelte": "^3.3.3", - "prettier-plugin-tailwindcss": "^0.6.10", - "svelte": "^5.0.0", - "svelte-check": "^4.0.0", - "tailwindcss": "^3.4.17", - "typescript": "^5.0.0", - "vite": "^6.0.0" + "prettier-plugin-tailwindcss": "^0.6.11", + "svelte": "^5.20.5", + "svelte-check": "^4.1.4", + "tailwindcss": "^4.0.9", + "typescript": "^5.7.3", + "vite": "^6.2.0", + "@tailwindcss/vite": "^4.0.9" } } diff --git a/postcss.config.js b/postcss.config.js deleted file mode 100644 index 0f77216..0000000 --- a/postcss.config.js +++ /dev/null @@ -1,6 +0,0 @@ -export default { - plugins: { - tailwindcss: {}, - autoprefixer: {} - } -}; diff --git a/src/app.css b/src/app.css index 715c5cd..735a928 100644 --- a/src/app.css +++ b/src/app.css @@ -1,16 +1,30 @@ -@import 'tailwindcss/base'; -@import 'tailwindcss/components'; -@import 'tailwindcss/utilities'; +@import 'tailwindcss'; +@plugin '@tailwindcss/typography'; +@plugin '@tailwindcss/forms'; + +@source '../node_modules/@skeletonlabs/skeleton-svelte'; + +@import '@skeletonlabs/skeleton'; +@import '@skeletonlabs/skeleton/optional/presets'; +@import '@skeletonlabs/skeleton/themes/rose'; @layer base { html { @apply h-full; } body { - background-image: - radial-gradient(at 20% 10%, rgba(var(--color-secondary-500) / 0.075) 0px, transparent 40%), - radial-gradient(at 75% 10%, rgba(var(--color-primary-500) / 0.075) 0px, transparent 50%); background-attachment: fixed; + background-image: + radial-gradient( + at 0% 25%, + color-mix(in oklab, var(--color-primary-500) 10%, transparent) 0px, + transparent 30% + ), + radial-gradient( + at 15% 6%, + color-mix(in oklab, var(--color-success-500) 5%, transparent) 0px, + transparent 30% + ); background-position: center; background-repeat: no-repeat; background-size: cover; @@ -24,7 +38,8 @@ code { @apply code; } - .min-h-svh-y-5 { - @apply min-h-[calc(100svh-20px)]; - } +} + +@utility min-h-svh-y-5 { + min-height: calc(100svh - 20px); } diff --git a/src/app.html b/src/app.html index 9a493e9..7ace592 100644 --- a/src/app.html +++ b/src/app.html @@ -1,12 +1,12 @@ - + %sveltekit.head% - +
%sveltekit.body%
diff --git a/src/lib/components/ui/ContactsSelect.svelte b/src/lib/components/ui/ContactsSelect.svelte index 259eb55..488d597 100644 --- a/src/lib/components/ui/ContactsSelect.svelte +++ b/src/lib/components/ui/ContactsSelect.svelte @@ -21,7 +21,7 @@ {#each socials as { name, url, icon: Icon }} diff --git a/src/lib/index.ts b/src/lib/index.ts index 6a89ebb..0b4dd90 100644 --- a/src/lib/index.ts +++ b/src/lib/index.ts @@ -14,7 +14,7 @@ export const takes: Take[] = [ name: 'Svelte', icon: '🧡', description: - "When I am doing frontend, then only using Svelte. It's a great framework and I am, like with Rust, also very proficient in it!" + "When I am doing frontend, then only using Svelte. It's a great framework and I am, like with Rust, also very versed in it!" }, { name: 'Visual Studio Code & Zed', diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index cebb4d9..89feadd 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -24,7 +24,7 @@ or consider sponsoring me. Feel free to reach out for a chat or anything else!

My Projects {#each takes as { name, icon, description }}
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index 7d67e52..79e7a84 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -36,7 +36,7 @@

Projects

-
@@ -51,12 +51,12 @@ {#each sortedProjects[year] as { title, date, summary, picture, description, link, archived }}
-
+
- +
@@ -73,7 +73,7 @@

See the {archived ? 'archived' : ''} Project here - +

On {date.toFormat('MMMM dd, yyyy')}

diff --git a/tailwind.config.ts b/tailwind.config.ts deleted file mode 100644 index b276d02..0000000 --- a/tailwind.config.ts +++ /dev/null @@ -1,21 +0,0 @@ -import forms from '@tailwindcss/forms'; -import typography from '@tailwindcss/typography'; -import type { Config } from 'tailwindcss'; - -import { skeleton, contentPath } from '@skeletonlabs/skeleton/plugin'; -import * as themes from '@skeletonlabs/skeleton/themes'; - -export default { - content: ['./src/**/*.{html,js,svelte,ts}', contentPath(import.meta.url, 'svelte')], - theme: { - extend: {} - }, - - plugins: [ - typography, - forms, - skeleton({ - themes: [themes.rose] - }) - ] -} satisfies Config; diff --git a/vite.config.ts b/vite.config.ts index bbf8c7d..fc5136f 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -1,6 +1,7 @@ import { sveltekit } from '@sveltejs/kit/vite'; import { defineConfig } from 'vite'; +import tailwind from '@tailwindcss/vite'; export default defineConfig({ - plugins: [sveltekit()] + plugins: [sveltekit(), tailwind()] });