mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-26 09:01:21 +00:00
feat: Simplify image conversion
This commit is contained in:
parent
c92a3697f0
commit
05c4e74420
8 changed files with 557 additions and 955 deletions
41
package.json
41
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/enhanced-img": "^0.2.0",
|
||||
"@sveltejs/kit": "^2.5.7",
|
||||
"@sveltejs/vite-plugin-svelte": "^3.1.0",
|
||||
"@sveltejs/adapter-vercel": "^5.3.1",
|
||||
"@sveltejs/kit": "^2.5.10",
|
||||
"@sveltejs/vite-plugin-svelte": "^3.1.1",
|
||||
"@types/eslint": "^8.56.10",
|
||||
"@typescript-eslint/eslint-plugin": "^7.7.0",
|
||||
"@typescript-eslint/parser": "^7.7.0",
|
||||
"@typescript-eslint/eslint-plugin": "^7.13.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",
|
||||
"lint-staged": "^15.2.2",
|
||||
"eslint-plugin-svelte": "^2.39.3",
|
||||
"lint-staged": "^15.2.6",
|
||||
"postcss": "^8.4.38",
|
||||
"postcss-load-config": "^5.0.3",
|
||||
"prettier": "^3.2.5",
|
||||
"prettier-plugin-svelte": "^3.2.3",
|
||||
"postcss-load-config": "^5.1.0",
|
||||
"prettier": "^3.3.2",
|
||||
"prettier-plugin-svelte": "^3.2.4",
|
||||
"prettier-plugin-tailwindcss": "^0.5.14",
|
||||
"svelte": "^4.2.15",
|
||||
"svelte-check": "^3.6.9",
|
||||
"tailwindcss": "^3.4.3",
|
||||
"tslib": "^2.6.2",
|
||||
"svelte": "^4.2.18",
|
||||
"svelte-check": "^3.8.0",
|
||||
"tailwindcss": "^3.4.4",
|
||||
"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",
|
||||
"@vercel/analytics": "^1.2.2",
|
||||
"@vercel/speed-insights": "^1.0.10",
|
||||
"bits-ui": "^0.21.4",
|
||||
"clsx": "^2.1.0",
|
||||
"@types/node": "^20.14.2",
|
||||
"@vercel/analytics": "^1.3.1",
|
||||
"@vercel/speed-insights": "^1.0.12",
|
||||
"bits-ui": "^0.21.10",
|
||||
"clsx": "^2.1.1",
|
||||
"lucide-svelte": "^0.372.0",
|
||||
"mode-watcher": "^0.3.0",
|
||||
"satori": "^0.10.13",
|
||||
|
|
|
|||
1256
pnpm-lock.yaml
1256
pnpm-lock.yaml
File diff suppressed because it is too large
Load diff
|
|
@ -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 ===
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
</Card.Header>
|
||||
</div></Card.Header
|
||||
>
|
||||
<Card.Content class="text-sm text-muted-foreground">
|
||||
{description}
|
||||
</Card.Content>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png?enhanced';
|
||||
import videoWallLogo from '$lib/assets/projects/videowall-logo.png?enhanced';
|
||||
import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png?enhanced';
|
||||
import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png?enhanced';
|
||||
import helloBartLogo from '$lib/assets/logo-icon.png?enhanced';
|
||||
import omnidashLogo from '$lib/assets/projects/omnidash-logo.png?enhanced';
|
||||
import azureGeocodeMappingLogo from '$lib/assets/projects/azure-geocode-mapping-logo.png?enhanced';
|
||||
import slayerWeightCalcLogo from '$lib/assets/projects/slayerweightcalc-logo.png?enhanced';
|
||||
import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
|
||||
import videoWallLogo from '$lib/assets/projects/videowall-logo.png';
|
||||
import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png';
|
||||
import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png';
|
||||
import helloBartLogo from '$lib/assets/logo-icon.png';
|
||||
import omnidashLogo from '$lib/assets/projects/omnidash-logo.png';
|
||||
import azureGeocodeMappingLogo from '$lib/assets/projects/azure-geocode-mapping-logo.png';
|
||||
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' }))
|
||||
|
|
|
|||
|
|
@ -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 tablePlusLogo from '$lib/assets/tools/table-plus.png?enhanced';
|
||||
import k9sLogo from '$lib/assets/tools/k9s.png';
|
||||
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 wiresharkLogo from '$lib/assets/tools/wireshark.png?enhanced';
|
||||
import rectangleLogo from '$lib/assets/tools/rectangle.png?enhanced';
|
||||
import azureDataStudioLogo from '$lib/assets/tools/azure-data-studio.png';
|
||||
import wiresharkLogo from '$lib/assets/tools/wireshark.png';
|
||||
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 cyberduckLogo from '$lib/assets/tools/cyberduck.png?enhanced';
|
||||
import dockerLogo from '$lib/assets/tools/docker.webp';
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://github.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.overleaf.com'
|
||||
},
|
||||
{
|
||||
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/',
|
||||
enhanced: false
|
||||
url: 'https://argoproj.github.io/cd/'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.studio3t.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://warp.dev'
|
||||
},
|
||||
{
|
||||
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/',
|
||||
enhanced: true
|
||||
url: 'https://tableplus.com/'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://k9scli.io'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.figma.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://docs.microsoft.com/cli/azure'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://keystore-explorer.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.toggl.com/track'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://helm.sh'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://www.royalapps.com/ts/mac/features'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://python-poetry.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://maccy.app'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.balena.io/etcher'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://sendgrid.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://insomnia.rest'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.blender.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://bitwarden.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://azure.microsoft.com/products/data-studio'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://www.wireshark.org'
|
||||
},
|
||||
{
|
||||
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/',
|
||||
enhanced: true
|
||||
url: 'https://rectangleapp.com/'
|
||||
},
|
||||
{
|
||||
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/',
|
||||
enhanced: false
|
||||
url: 'https://www.jetbrains.com/pycharm/'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://www.docker.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://cyberduck.io'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://mullvad.net'
|
||||
},
|
||||
{
|
||||
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/',
|
||||
enhanced: false
|
||||
url: 'https://stedolan.github.io/jq/'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.akamai.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.cloudflare.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://code.visualstudio.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.atlassian.com/software/opsgenie'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.vim.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.notion.so'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://github.com/nvm-sh/nvm'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.gimp.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://azure.microsoft.com/products/storage/storage-explorer'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://meldmerge.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://karabiner-elements.pqrs.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://kustomize.io'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://inkscape.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://obsproject.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://www.wireguard.com'
|
||||
},
|
||||
{
|
||||
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/',
|
||||
enhanced: false
|
||||
url: 'https://switchhosts.vercel.app/'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://slack.com'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://nmap.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://dbeaver.io'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://opentofu.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: false
|
||||
url: 'https://opentofu.org'
|
||||
},
|
||||
{
|
||||
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',
|
||||
enhanced: true
|
||||
url: 'https://gitlens.amod.io'
|
||||
}
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -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 meImg from '$lib/assets/root-me.jpg?enhanced';
|
||||
import catImg from '$lib/assets/root-cat.jpg';
|
||||
import meImg from '$lib/assets/root-me.jpg';
|
||||
import { Cat, PersonStanding } from 'lucide-svelte';
|
||||
|
||||
const images = [
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
Loading…
Reference in a new issue