Merge pull request #371 from bartvdbraak/update-images

Update images and dependencies

.github/workflows/linting.yaml

@@ -15,10 +15,10 @@ jobs:
         node-version: [18]
     steps:
       - name: Checkout Git repository
-        uses: actions/checkout@v4.1.4
+        uses: actions/checkout@v4.1.6
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3.0.0
+        uses: pnpm/action-setup@v4.0.0
         with:
           version: latest
 

.github/workflows/unlighthouse.yaml

@@ -40,10 +40,10 @@ jobs:
           fi
 
       - name: Checkout repository
-        uses: actions/checkout@v4.1.4
+        uses: actions/checkout@v4.1.6
 
       - name: Setup pnpm
-        uses: pnpm/action-setup@v3.0.0
+        uses: pnpm/action-setup@v4.0.0
         with:
           version: latest
 
@@ -54,7 +54,7 @@ jobs:
           cache: 'pnpm'
 
       - name: Retrieve Vercel Preview URL
-        uses: zentered/vercel-preview-url@v1.1.9
+        uses: zentered/vercel-preview-url@v1.2.0
         id: vercel_preview_url
         env:
           VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
@@ -80,7 +80,7 @@ jobs:
             --build-static
 
       - name: Upload report to Cloudflare pages
-        uses: cloudflare/wrangler-action@v3.4.1
+        uses: cloudflare/wrangler-action@v3.6.1
         with:
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           command: pages deploy .unlighthouse --project-name="${{ env.CLOUDFLARE_PROJECT }}" --branch=${{ env.CLOUDFLARE_BRANCH }}

package.json

@@ -15,37 +15,36 @@
 		"prepare": "npx husky && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
 	},
 	"devDependencies": {
-		"@sveltejs/adapter-vercel": "^5.3.0",
+		"@sveltejs/adapter-vercel": "^5.3.1",
-		"@sveltejs/enhanced-img": "^0.2.0",
+		"@sveltejs/kit": "^2.5.10",
-		"@sveltejs/kit": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^3.1.1",
-		"@sveltejs/vite-plugin-svelte": "^3.1.0",
 		"@types/eslint": "^8.56.10",
-		"@typescript-eslint/eslint-plugin": "^7.7.0",
+		"@typescript-eslint/eslint-plugin": "^7.13.0",
-		"@typescript-eslint/parser": "^7.7.0",
+		"@typescript-eslint/parser": "^7.13.0",
 		"autoprefixer": "^10.4.19",
 		"eslint": "^8.57.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-svelte": "^2.37.0",
+		"eslint-plugin-svelte": "^2.39.3",
-		"lint-staged": "^15.2.2",
+		"lint-staged": "^15.2.6",
 		"postcss": "^8.4.38",
-		"postcss-load-config": "^5.0.3",
+		"postcss-load-config": "^5.1.0",
-		"prettier": "^3.2.5",
+		"prettier": "^3.3.2",
-		"prettier-plugin-svelte": "^3.2.3",
+		"prettier-plugin-svelte": "^3.2.4",
 		"prettier-plugin-tailwindcss": "^0.5.14",
-		"svelte": "^4.2.15",
+		"svelte": "^4.2.18",
-		"svelte-check": "^3.6.9",
+		"svelte-check": "^3.8.0",
-		"tailwindcss": "^3.4.3",
+		"tailwindcss": "^3.4.4",
-		"tslib": "^2.6.2",
+		"tslib": "^2.6.3",
 		"typescript": "^5.4.5",
-		"vite": "^5.2.10"
+		"vite": "^5.2.13"
 	},
 	"dependencies": {
 		"@resvg/resvg-js": "^2.6.2",
-		"@types/node": "^20.12.7",
+		"@types/node": "^20.14.2",
-		"@vercel/analytics": "^1.2.2",
+		"@vercel/analytics": "^1.3.1",
-		"@vercel/speed-insights": "^1.0.10",
+		"@vercel/speed-insights": "^1.0.12",
-		"bits-ui": "^0.21.4",
+		"bits-ui": "^0.21.10",
-		"clsx": "^2.1.0",
+		"clsx": "^2.1.1",
 		"lucide-svelte": "^0.372.0",
 		"mode-watcher": "^0.3.0",
 		"satori": "^0.10.13",

src/lib/components/site/image-fade-carousel.svelte

@@ -25,7 +25,7 @@
 
 <div class="relative h-[500px]">
 	{#each images as img, i}
-		<enhanced:img
+		<img
 			src={img.src}
 			alt={img.alt}
 			class="absolute inset-0 h-full w-full rounded-xl object-cover opacity-0 transition-opacity duration-1000 ease-out {img.style} {index ===

src/lib/components/site/tools/tools-item.svelte

@@ -3,7 +3,7 @@
 	import type { Tool } from '$lib/content/tools';
 
 	export let toolItem: Tool;
-	let { description, enhanced, logo, name, tagLine } = toolItem;
+	let { description, logo, name, tagLine } = toolItem;
 </script>
 
 <Card.Root class="mb-4 inline-block hover:bg-muted/50">
@@ -13,18 +13,9 @@
 				{name}
 			</Card.Title>
 			<span class="text-sm font-medium">{tagLine}</span>
-		</div>
-		{#if enhanced}
-			<enhanced:img
-				src={logo}
-				alt="logo of {name}"
-				class="h-10 w-10 object-contain"
-				loading="lazy"
-			/>
-		{:else}
 			<img src={logo} alt="logo of {name}" class="h-10 w-10 object-contain" loading="lazy" />
-		{/if}
+		</div></Card.Header
-	</Card.Header>
+	>
 	<Card.Content class="text-sm text-muted-foreground">
 		{description}
 	</Card.Content>

src/lib/content/projects.ts

@@ -1,11 +1,11 @@
-import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png?enhanced';
+import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
-import videoWallLogo from '$lib/assets/projects/videowall-logo.png?enhanced';
+import videoWallLogo from '$lib/assets/projects/videowall-logo.png';
-import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png?enhanced';
+import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png';
-import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png?enhanced';
+import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png';
-import helloBartLogo from '$lib/assets/logo-icon.png?enhanced';
+import helloBartLogo from '$lib/assets/logo-icon.png';
-import omnidashLogo from '$lib/assets/projects/omnidash-logo.png?enhanced';
+import omnidashLogo from '$lib/assets/projects/omnidash-logo.png';
-import azureGeocodeMappingLogo from '$lib/assets/projects/azure-geocode-mapping-logo.png?enhanced';
+import azureGeocodeMappingLogo from '$lib/assets/projects/azure-geocode-mapping-logo.png';
-import slayerWeightCalcLogo from '$lib/assets/projects/slayerweightcalc-logo.png?enhanced';
+import slayerWeightCalcLogo from '$lib/assets/projects/slayerweightcalc-logo.png';
 
 // TODO: Use vite glob import to import all images from a folder and select them based on their name
 // const gallery = Object.values(import.meta.glob('@assets/asso/*.{png,jpg,jpeg,PNG,JPEG}', { eager: true, as: 'url' }))

src/lib/content/tools.ts

@@ -3,27 +3,27 @@ import overleafLogo from '$lib/assets/tools/overleaf.svg';
 import argoCDLogo from '$lib/assets/tools/argocd.svg';
 import studio3TLogo from '$lib/assets/tools/studio3t.svg';
 import warpLogo from '$lib/assets/tools/warp.svg';
-import k9sLogo from '$lib/assets/tools/k9s.png?enhanced';
+import k9sLogo from '$lib/assets/tools/k9s.png';
-import tablePlusLogo from '$lib/assets/tools/table-plus.png?enhanced';
+import tablePlusLogo from '$lib/assets/tools/table-plus.png';
 import figmaLogo from '$lib/assets/tools/figma.svg';
 import azureCLILogo from '$lib/assets/tools/azure-cli.svg';
-import keystoreExplorer from '$lib/assets/tools/keystore-exporer.png?enhanced';
+import keystoreExplorer from '$lib/assets/tools/keystore-exporer.png';
 import togglTrackLogo from '$lib/assets/tools/toggl-track.svg';
 import helmLogo from '$lib/assets/tools/helm.svg';
-import royalTSXLogo from '$lib/assets/tools/royal-tsx.png?enhanced';
+import royalTSXLogo from '$lib/assets/tools/royal-tsx.png';
 import poetryLogo from '$lib/assets/tools/poetry.svg';
-import maccyLogo from '$lib/assets/tools/maccy.png?enhanced';
+import maccyLogo from '$lib/assets/tools/maccy.png';
 import balenaEtcherLogo from '$lib/assets/tools/balena-etcher.svg';
 import sendGridLogo from '$lib/assets/tools/sendgrid.svg';
 import insomniaLogo from '$lib/assets/tools/insomnia.svg';
 import blenderLogo from '$lib/assets/tools/blender.svg';
 import bitwardenLogo from '$lib/assets/tools/bitwarden.svg';
-import azureDataStudioLogo from '$lib/assets/tools/azure-data-studio.png?enhanced';
+import azureDataStudioLogo from '$lib/assets/tools/azure-data-studio.png';
-import wiresharkLogo from '$lib/assets/tools/wireshark.png?enhanced';
+import wiresharkLogo from '$lib/assets/tools/wireshark.png';
-import rectangleLogo from '$lib/assets/tools/rectangle.png?enhanced';
+import rectangleLogo from '$lib/assets/tools/rectangle.png';
 import pyCharmLogo from '$lib/assets/tools/pycharm.svg';
-import dockerLogo from '$lib/assets/tools/docker.webp?enhanced';
+import dockerLogo from '$lib/assets/tools/docker.webp';
-import cyberduckLogo from '$lib/assets/tools/cyberduck.png?enhanced';
+import cyberduckLogo from '$lib/assets/tools/cyberduck.png';
 import mullvadVPNLogo from '$lib/assets/tools/mullvad-vpn.svg';
 import jqLogo from '$lib/assets/tools/jq.svg';
 import akamaiLogo from '$lib/assets/tools/akamai.svg';
@@ -36,7 +36,7 @@ import nvmLogo from '$lib/assets/tools/nvm.svg';
 import gIMPLogo from '$lib/assets/tools/gimp.svg';
 import azureStorageExplorerLogo from '$lib/assets/tools/azure-storage-explorer.svg';
 import meldLogo from '$lib/assets/tools/meld.svg';
-import karabinerElementsLogo from '$lib/assets/tools/karabiner-elements.png?enhanced';
+import karabinerElementsLogo from '$lib/assets/tools/karabiner-elements.png';
 import kustomizeLogo from '$lib/assets/tools/kustomize.svg';
 import inkScapeLogo from '$lib/assets/tools/inkscape.svg';
 import oBSLogo from '$lib/assets/tools/obs.svg';
@@ -47,7 +47,7 @@ import nmapLogo from '$lib/assets/tools/nmap.svg';
 import dBeaverLogo from '$lib/assets/tools/dbeaver.svg';
 import openTofuLogo from '$lib/assets/tools/opentofu.svg';
 import terraformLogo from '$lib/assets/tools/terraform.svg';
-import gitLensLogo from '$lib/assets/tools/gitlens.png?enhanced';
+import gitLensLogo from '$lib/assets/tools/gitlens.png';
 
 export {
 	gitHubLogo,
@@ -106,7 +106,6 @@ export type Tool = {
 	description: string;
 	logo: string;
 	url: string;
-	enhanced: boolean;
 };
 
 const tools: Tool[] = [
@@ -116,8 +115,7 @@ const tools: Tool[] = [
 		description:
 			'A platform for hosting and collaborating on code, providing version control, issue tracking, and code review.',
 		logo: gitHubLogo,
-		url: 'https://github.com',
+		url: 'https://github.com'
-		enhanced: false
 	},
 	{
 		name: 'Overleaf',
@@ -125,8 +123,7 @@ const tools: Tool[] = [
 		description:
 			'Overleaf provides a collaborative environment for writing and publishing LaTeX documents. I use it for crafting scientific papers, technical documents, and more.',
 		logo: overleafLogo,
-		url: 'https://www.overleaf.com',
+		url: 'https://www.overleaf.com'
-		enhanced: false
 	},
 	{
 		name: 'ArgoCD',
@@ -134,8 +131,7 @@ const tools: Tool[] = [
 		description:
 			'ArgoCD is vital for deploying applications in a declarative way, using Git as the source of truth. It helps me to manage and automate deployments across different environments.',
 		logo: argoCDLogo,
-		url: 'https://argoproj.github.io/cd/',
+		url: 'https://argoproj.github.io/cd/'
-		enhanced: false
 	},
 	{
 		name: 'Studio 3T',
@@ -143,8 +139,7 @@ const tools: Tool[] = [
 		description:
 			'Studio 3T simplifies working with MongoDB, providing useful features for managing databases, collections, and queries.',
 		logo: studio3TLogo,
-		url: 'https://www.studio3t.com',
+		url: 'https://www.studio3t.com'
-		enhanced: false
 	},
 	{
 		name: 'Warp',
@@ -152,8 +147,7 @@ const tools: Tool[] = [
 		description:
 			'Warp is a modern, Rust-based terminal with AI built in so you and your team can build great software, faster.',
 		logo: warpLogo,
-		url: 'https://warp.dev',
+		url: 'https://warp.dev'
-		enhanced: false
 	},
 	{
 		name: 'TablePlus',
@@ -161,8 +155,7 @@ const tools: Tool[] = [
 		description:
 			'TablePlus is a contemporary, native application featuring a sophisticated user interface to efficiently oversee multiple databases concurrently.',
 		logo: tablePlusLogo,
-		url: 'https://tableplus.com/',
+		url: 'https://tableplus.com/'
-		enhanced: true
 	},
 	{
 		name: 'k9s',
@@ -170,8 +163,7 @@ const tools: Tool[] = [
 		description:
 			'k9s is a Kubernetes terminal that provides an easy interface to interact with clusters, aiding in managing and observing Kubernetes resources.',
 		logo: k9sLogo,
-		url: 'https://k9scli.io',
+		url: 'https://k9scli.io'
-		enhanced: true
 	},
 	{
 		name: 'Figma',
@@ -179,8 +171,7 @@ const tools: Tool[] = [
 		description:
 			'Figma is a collaborative design tool that helps in creating, testing, and sharing user interfaces for applications and websites.',
 		logo: figmaLogo,
-		url: 'https://www.figma.com',
+		url: 'https://www.figma.com'
-		enhanced: false
 	},
 	{
 		name: 'Azure CLI',
@@ -188,8 +179,7 @@ const tools: Tool[] = [
 		description:
 			'Azure CLI is a command-line interface for managing Azure resources, enabling quick administration of my Azure-hosted applications and services.',
 		logo: azureCLILogo,
-		url: 'https://docs.microsoft.com/cli/azure',
+		url: 'https://docs.microsoft.com/cli/azure'
-		enhanced: false
 	},
 	{
 		name: 'KeyStore Explorer',
@@ -197,8 +187,7 @@ const tools: Tool[] = [
 		description:
 			'KeyStore Explorer is a GUI-based tool to manage cryptographic keys and certificates, helping in development and testing phases.',
 		logo: keystoreExplorer,
-		url: 'https://keystore-explorer.org',
+		url: 'https://keystore-explorer.org'
-		enhanced: true
 	},
 	{
 		name: 'Toggl Track',
@@ -206,8 +195,7 @@ const tools: Tool[] = [
 		description:
 			'Toggl Track is a time tracking tool that assists in managing my daily tasks and tracking productivity.',
 		logo: togglTrackLogo,
-		url: 'https://www.toggl.com/track',
+		url: 'https://www.toggl.com/track'
-		enhanced: false
 	},
 	{
 		name: 'Helm',
@@ -215,8 +203,7 @@ const tools: Tool[] = [
 		description:
 			'Helm is a Kubernetes package manager that simplifies the deployment and management of applications on Kubernetes clusters.',
 		logo: helmLogo,
-		url: 'https://helm.sh',
+		url: 'https://helm.sh'
-		enhanced: false
 	},
 	{
 		name: 'Royal TSX',
@@ -224,8 +211,7 @@ const tools: Tool[] = [
 		description:
 			'Royal TSX is a connection management tool that provides easy and secure access to remote systems.',
 		logo: royalTSXLogo,
-		url: 'https://www.royalapps.com/ts/mac/features',
+		url: 'https://www.royalapps.com/ts/mac/features'
-		enhanced: true
 	},
 	{
 		name: 'Poetry',
@@ -233,8 +219,7 @@ const tools: Tool[] = [
 		description:
 			'Poetry is a Python dependency management tool that simplifies package management and project environment setup.',
 		logo: poetryLogo,
-		url: 'https://python-poetry.org',
+		url: 'https://python-poetry.org'
-		enhanced: false
 	},
 	{
 		name: 'Maccy',
@@ -242,8 +227,7 @@ const tools: Tool[] = [
 		description:
 			'Maccy is a lightweight clipboard manager for macOS that improves productivity by keeping a history of the clipboard.',
 		logo: maccyLogo,
-		url: 'https://maccy.app',
+		url: 'https://maccy.app'
-		enhanced: true
 	},
 	{
 		name: 'Balena Etcher',
@@ -251,8 +235,7 @@ const tools: Tool[] = [
 		description:
 			'Balena Etcher is a USB and SD card writing tool used to flash OS images onto memory cards or drives.',
 		logo: balenaEtcherLogo,
-		url: 'https://www.balena.io/etcher',
+		url: 'https://www.balena.io/etcher'
-		enhanced: false
 	},
 	{
 		name: 'SendGrid',
@@ -260,8 +243,7 @@ const tools: Tool[] = [
 		description:
 			'SendGrid is an email delivery service that facilitates the sending of transactional or marketing emails.',
 		logo: sendGridLogo,
-		url: 'https://sendgrid.com',
+		url: 'https://sendgrid.com'
-		enhanced: false
 	},
 	{
 		name: 'Insomnia',
@@ -269,8 +251,7 @@ const tools: Tool[] = [
 		description:
 			'Insomnia is a powerful REST client that aids in testing, debugging, and interacting with HTTP APIs.',
 		logo: insomniaLogo,
-		url: 'https://insomnia.rest',
+		url: 'https://insomnia.rest'
-		enhanced: false
 	},
 	{
 		name: 'Blender',
@@ -278,8 +259,7 @@ const tools: Tool[] = [
 		description:
 			'Blender is a 3D modeling and animation software used for creating and rendering 3D graphics and animations.',
 		logo: blenderLogo,
-		url: 'https://www.blender.org',
+		url: 'https://www.blender.org'
-		enhanced: false
 	},
 	{
 		name: 'Bitwarden',
@@ -287,8 +267,7 @@ const tools: Tool[] = [
 		description:
 			'Bitwarden is an open-source password manager that securely stores and manages passwords across devices.',
 		logo: bitwardenLogo,
-		url: 'https://bitwarden.com',
+		url: 'https://bitwarden.com'
-		enhanced: false
 	},
 	{
 		name: 'Azure Data Studio',
@@ -296,8 +275,7 @@ const tools: Tool[] = [
 		description:
 			'Azure Data Studio is a cross-platform database tool that provides a modern editor experience for managing data across multiple sources.',
 		logo: azureDataStudioLogo,
-		url: 'https://azure.microsoft.com/products/data-studio',
+		url: 'https://azure.microsoft.com/products/data-studio'
-		enhanced: true
 	},
 	{
 		name: 'Wireshark',
@@ -305,8 +283,7 @@ const tools: Tool[] = [
 		description:
 			'Wireshark is a network protocol analyzer that helps me inspect and troubleshoot network traffic, providing in-depth insights.',
 		logo: wiresharkLogo,
-		url: 'https://www.wireshark.org',
+		url: 'https://www.wireshark.org'
-		enhanced: true
 	},
 	{
 		name: 'Rectangle',
@@ -314,8 +291,7 @@ const tools: Tool[] = [
 		description:
 			'Rectangle is a window management tool for macOS that provides keyboard shortcuts for resizing and organizing windows efficiently.',
 		logo: rectangleLogo,
-		url: 'https://rectangleapp.com/',
+		url: 'https://rectangleapp.com/'
-		enhanced: true
 	},
 	{
 		name: 'PyCharm',
@@ -323,8 +299,7 @@ const tools: Tool[] = [
 		description:
 			'An Integrated Development Environment (IDE) for Python, providing intelligent code assistance and debugging tools.',
 		logo: pyCharmLogo,
-		url: 'https://www.jetbrains.com/pycharm/',
+		url: 'https://www.jetbrains.com/pycharm/'
-		enhanced: false
 	},
 	{
 		name: 'Docker',
@@ -332,8 +307,7 @@ const tools: Tool[] = [
 		description:
 			'A platform that enables the development, shipment, and running of applications inside containers, ensuring consistency across environments.',
 		logo: dockerLogo,
-		url: 'https://www.docker.com',
+		url: 'https://www.docker.com'
-		enhanced: true
 	},
 	{
 		name: 'Cyberduck',
@@ -341,8 +315,7 @@ const tools: Tool[] = [
 		description:
 			'A libre server and cloud storage browser for Mac and Windows, supporting various protocols and cloud providers.',
 		logo: cyberduckLogo,
-		url: 'https://cyberduck.io',
+		url: 'https://cyberduck.io'
-		enhanced: true
 	},
 	{
 		name: 'Mullvad VPN',
@@ -350,8 +323,7 @@ const tools: Tool[] = [
 		description:
 			'A VPN service that prioritizes privacy and anonymity, keeping my online activities secure and private.',
 		logo: mullvadVPNLogo,
-		url: 'https://mullvad.net',
+		url: 'https://mullvad.net'
-		enhanced: false
 	},
 	{
 		name: 'jq',
@@ -359,8 +331,7 @@ const tools: Tool[] = [
 		description:
 			'A lightweight and flexible command-line JSON processor, essential for parsing and manipulating JSON data in the shell.',
 		logo: jqLogo,
-		url: 'https://stedolan.github.io/jq/',
+		url: 'https://stedolan.github.io/jq/'
-		enhanced: false
 	},
 	{
 		name: 'Akamai',
@@ -368,8 +339,7 @@ const tools: Tool[] = [
 		description:
 			'A global content delivery network, cybersecurity, and cloud service company, providing web and internet security services.',
 		logo: akamaiLogo,
-		url: 'https://www.akamai.com',
+		url: 'https://www.akamai.com'
-		enhanced: false
 	},
 	{
 		name: 'CloudFlare',
@@ -377,8 +347,7 @@ const tools: Tool[] = [
 		description:
 			'A company that offers CDN services, DDoS mitigation, and distributed domain name server services to optimize and secure online content.',
 		logo: cloudFlareLogo,
-		url: 'https://www.cloudflare.com',
+		url: 'https://www.cloudflare.com'
-		enhanced: false
 	},
 	{
 		name: 'Visual Studio Code',
@@ -386,8 +355,7 @@ const tools: Tool[] = [
 		description:
 			'A free, open-source code editor that offers powerful tools for code development, debugging, and extensions for various programming languages.',
 		logo: visualStudioCodeLogo,
-		url: 'https://code.visualstudio.com',
+		url: 'https://code.visualstudio.com'
-		enhanced: false
 	},
 	{
 		name: 'OpsGenie',
@@ -395,8 +363,7 @@ const tools: Tool[] = [
 		description:
 			'An alert and on-call management platform that ensures critical alerts are never missed, improving incident response times.',
 		logo: opsGenieLogo,
-		url: 'https://www.atlassian.com/software/opsgenie',
+		url: 'https://www.atlassian.com/software/opsgenie'
-		enhanced: false
 	},
 	{
 		name: 'vim',
@@ -404,8 +371,7 @@ const tools: Tool[] = [
 		description:
 			'A highly configurable and efficient text editor that I use for editing code and text files from the command line.',
 		logo: vimLogo,
-		url: 'https://www.vim.org',
+		url: 'https://www.vim.org'
-		enhanced: false
 	},
 	{
 		name: 'Notion',
@@ -413,8 +379,7 @@ const tools: Tool[] = [
 		description:
 			'A collaboration platform that combines note-taking, task management, and workflow management.',
 		logo: notionLogo,
-		url: 'https://www.notion.so',
+		url: 'https://www.notion.so'
-		enhanced: false
 	},
 	{
 		name: 'nvm',
@@ -422,8 +387,7 @@ const tools: Tool[] = [
 		description:
 			'A Node.js version manager that simplifies the installation and management of multiple Node.js versions.',
 		logo: nvmLogo,
-		url: 'https://github.com/nvm-sh/nvm',
+		url: 'https://github.com/nvm-sh/nvm'
-		enhanced: false
 	},
 	{
 		name: 'GIMP',
@@ -431,16 +395,14 @@ const tools: Tool[] = [
 		description:
 			'An open-source raster graphics editor used for tasks such as photo retouching, image editing, and composition.',
 		logo: gIMPLogo,
-		url: 'https://www.gimp.org',
+		url: 'https://www.gimp.org'
-		enhanced: false
 	},
 	{
 		name: 'Azure Storage Explorer',
 		tagLine: 'Azure Storage Management Application',
 		description: 'A standalone app that facilitates the management of Azure storage data.',
 		logo: azureStorageExplorerLogo,
-		url: 'https://azure.microsoft.com/products/storage/storage-explorer',
+		url: 'https://azure.microsoft.com/products/storage/storage-explorer'
-		enhanced: false
 	},
 	{
 		name: 'Meld',
@@ -448,8 +410,7 @@ const tools: Tool[] = [
 		description:
 			'A visual diff and merge tool that provides clear comparisons between files and directories.',
 		logo: meldLogo,
-		url: 'https://meldmerge.org',
+		url: 'https://meldmerge.org'
-		enhanced: false
 	},
 	{
 		name: 'Karabiner Elements',
@@ -457,8 +418,7 @@ const tools: Tool[] = [
 		description:
 			'A powerful keyboard customizer for macOS, providing multiple customization options for the keyboard.',
 		logo: karabinerElementsLogo,
-		url: 'https://karabiner-elements.pqrs.org',
+		url: 'https://karabiner-elements.pqrs.org'
-		enhanced: true
 	},
 	{
 		name: 'Kustomize',
@@ -466,8 +426,7 @@ const tools: Tool[] = [
 		description:
 			'A template-free way to customize application configuration that simplifies the customization of Kubernetes YAML configuration files.',
 		logo: kustomizeLogo,
-		url: 'https://kustomize.io',
+		url: 'https://kustomize.io'
-		enhanced: false
 	},
 	{
 		name: 'InkScape',
@@ -475,8 +434,7 @@ const tools: Tool[] = [
 		description:
 			'An open-source vector graphics editor, enabling the creation and editing of vector images.',
 		logo: inkScapeLogo,
-		url: 'https://inkscape.org',
+		url: 'https://inkscape.org'
-		enhanced: false
 	},
 	{
 		name: 'OBS',
@@ -484,8 +442,7 @@ const tools: Tool[] = [
 		description:
 			'Open Broadcaster Software, a free and open-source tool for video recording and live streaming.',
 		logo: oBSLogo,
-		url: 'https://obsproject.com',
+		url: 'https://obsproject.com'
-		enhanced: false
 	},
 	{
 		name: 'WireGuard',
@@ -493,8 +450,7 @@ const tools: Tool[] = [
 		description:
 			'A modern VPN protocol that aims for simplicity and speed, facilitating secure connections.',
 		logo: wireGuardLogo,
-		url: 'https://www.wireguard.com',
+		url: 'https://www.wireguard.com'
-		enhanced: false
 	},
 	{
 		name: 'SwitchHosts',
@@ -502,8 +458,7 @@ const tools: Tool[] = [
 		description:
 			'An App for managing and switching hosts files, allowing me to easily switch between different environments.',
 		logo: switchHostsLogo,
-		url: 'https://switchhosts.vercel.app/',
+		url: 'https://switchhosts.vercel.app/'
-		enhanced: false
 	},
 	{
 		name: 'Slack',
@@ -511,8 +466,7 @@ const tools: Tool[] = [
 		description:
 			'A collaboration hub that connects my work with the people I work with through channels, where communication and files are placed in one place.',
 		logo: slackLogo,
-		url: 'https://slack.com',
+		url: 'https://slack.com'
-		enhanced: false
 	},
 	{
 		name: 'nmap',
@@ -520,8 +474,7 @@ const tools: Tool[] = [
 		description:
 			'A security scanner used to discover hosts and services on a computer network, providing a detailed view of the network.',
 		logo: nmapLogo,
-		url: 'https://nmap.org',
+		url: 'https://nmap.org'
-		enhanced: false
 	},
 	{
 		name: 'DBeaver',
@@ -529,8 +482,7 @@ const tools: Tool[] = [
 		description:
 			'A universal database tool for developers and database administrators that supports all popular databases.',
 		logo: dBeaverLogo,
-		url: 'https://dbeaver.io',
+		url: 'https://dbeaver.io'
-		enhanced: false
 	},
 	{
 		name: 'OpenTofu',
@@ -538,8 +490,7 @@ const tools: Tool[] = [
 		description:
 			'An open-source infrastructure as code tool that enables the automated creation, modification, and versioning of complex infrastructures.',
 		logo: openTofuLogo,
-		url: 'https://opentofu.org',
+		url: 'https://opentofu.org'
-		enhanced: false
 	},
 	{
 		name: 'Terraform',
@@ -547,8 +498,7 @@ const tools: Tool[] = [
 		description:
 			'Terraform is infrastructure as code software tool that provides a consistent CLI workflow to manage hundreds of cloud services.',
 		logo: terraformLogo,
-		url: 'https://opentofu.org',
+		url: 'https://opentofu.org'
-		enhanced: false
 	},
 	{
 		name: 'GitLens',
@@ -556,8 +506,7 @@ const tools: Tool[] = [
 		description:
 			'An extension for Visual Studio Code that supercharges the Git capabilities, providing advanced blame annotations, code lens, and more.',
 		logo: gitLensLogo,
-		url: 'https://gitlens.amod.io',
+		url: 'https://gitlens.amod.io'
-		enhanced: true
 	}
 ];
 

src/routes/+page.svelte

@@ -5,8 +5,8 @@
 	import { siteConfig } from '$lib/config/site';
 	import { cn } from '$lib/utils';
 
-	import catImg from '$lib/assets/root-cat.jpg?enhanced';
+	import catImg from '$lib/assets/root-cat.jpg';
-	import meImg from '$lib/assets/root-me.jpg?enhanced';
+	import meImg from '$lib/assets/root-me.jpg';
 	import { Cat, PersonStanding } from 'lucide-svelte';
 
 	const images = [

vite.config.ts

@@ -1,10 +1,9 @@
 import { sveltekit } from '@sveltejs/kit/vite';
-import { enhancedImages } from '@sveltejs/enhanced-img';
 import { defineConfig } from 'vite';
 import fs from 'fs';
 
 export default defineConfig({
-	plugins: [base64(), enhancedImages(), rawFonts(['.woff']), sveltekit()],
+	plugins: [base64(), rawFonts(['.woff']), sveltekit()],
 	define: {
 		'import.meta.env.VERCEL_URL': JSON.stringify(process.env.VERCEL_URL),
 		'import.meta.env.VERCEL_ENV': JSON.stringify(process.env.VERCEL_ENV)