mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-04-27 09:31:21 +00:00
Merge pull request #165 from bartvdbraak/feat/nodejs-20-lts
Upgrade to Node.js 20
This commit is contained in:
GitHub
commit
d6ab0e06bc
11 changed files with 163 additions and 242 deletions
2
.github/workflows/unlighthouse.yaml
vendored
2
.github/workflows/unlighthouse.yaml
vendored
|
|
@ -17,7 +17,7 @@ jobs:
|
|||
CLOUDFLARE_PROJECT: hellobart-unlighthouse
|
||||
strategy:
|
||||
matrix:
|
||||
node-version: [18]
|
||||
node-version: [20]
|
||||
steps:
|
||||
- name: Create initial comment
|
||||
uses: marocchino/sticky-pull-request-comment@v2.8.0
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
||||
"lint": "prettier --check . && eslint .",
|
||||
"format": "prettier --write .",
|
||||
"prepare": "npx husky install"
|
||||
"prepare": "npx husky install && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@skeletonlabs/skeleton": "^2.5.0",
|
||||
|
|
@ -30,7 +30,7 @@
|
|||
"postcss-load-config": "^4.0.2",
|
||||
"prettier": "^3.1.0",
|
||||
"prettier-plugin-svelte": "^3.1.0",
|
||||
"svelte": "^4.2.5",
|
||||
"svelte": "^4.2.7",
|
||||
"svelte-check": "^3.6.0",
|
||||
"tailwindcss": "^3.3.5",
|
||||
"tslib": "^2.6.2",
|
||||
|
|
|
|||
104
pnpm-lock.yaml
104
pnpm-lock.yaml
|
|
@ -13,13 +13,13 @@ dependencies:
|
|||
version: 0.7.0(@theatre/core@0.7.0)
|
||||
'@threlte/core':
|
||||
specifier: 6.1.1
|
||||
version: 6.1.1(svelte@4.2.5)(three@0.158.0)
|
||||
version: 6.1.1(svelte@4.2.7)(three@0.158.0)
|
||||
'@threlte/extras':
|
||||
specifier: 7.5.1
|
||||
version: 7.5.1(svelte@4.2.5)(three@0.158.0)
|
||||
version: 7.5.1(svelte@4.2.7)(three@0.158.0)
|
||||
'@threlte/theatre':
|
||||
specifier: ^2.1.3
|
||||
version: 2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.5)(three@0.158.0)
|
||||
version: 2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.7)(three@0.158.0)
|
||||
'@types/three':
|
||||
specifier: ^0.158.2
|
||||
version: 0.158.2
|
||||
|
|
@ -36,7 +36,7 @@ dependencies:
|
|||
devDependencies:
|
||||
'@skeletonlabs/skeleton':
|
||||
specifier: ^2.5.0
|
||||
version: 2.5.0(svelte@4.2.5)
|
||||
version: 2.5.0(svelte@4.2.7)
|
||||
'@skeletonlabs/tw-plugin':
|
||||
specifier: ^0.2.4
|
||||
version: 0.2.4(tailwindcss@3.3.5)
|
||||
|
|
@ -45,10 +45,10 @@ devDependencies:
|
|||
version: 3.1.0(@sveltejs/kit@1.27.6)
|
||||
'@sveltejs/enhanced-img':
|
||||
specifier: ^0.1.5
|
||||
version: 0.1.5(svelte@4.2.5)
|
||||
version: 0.1.5(svelte@4.2.7)
|
||||
'@sveltejs/kit':
|
||||
specifier: ^1.27.6
|
||||
version: 1.27.6(svelte@4.2.5)(vite@5.0.0)
|
||||
version: 1.27.6(svelte@4.2.7)(vite@5.0.0)
|
||||
'@types/node':
|
||||
specifier: ^20.9.2
|
||||
version: 20.9.2
|
||||
|
|
@ -69,7 +69,7 @@ devDependencies:
|
|||
version: 9.0.0(eslint@8.54.0)
|
||||
eslint-plugin-svelte:
|
||||
specifier: ^2.35.0
|
||||
version: 2.35.0(eslint@8.54.0)(svelte@4.2.5)
|
||||
version: 2.35.0(eslint@8.54.0)(svelte@4.2.7)
|
||||
lint-staged:
|
||||
specifier: ^15.1.0
|
||||
version: 15.1.0
|
||||
|
|
@ -84,13 +84,13 @@ devDependencies:
|
|||
version: 3.1.0
|
||||
prettier-plugin-svelte:
|
||||
specifier: ^3.1.0
|
||||
version: 3.1.0(prettier@3.1.0)(svelte@4.2.5)
|
||||
version: 3.1.0(prettier@3.1.0)(svelte@4.2.7)
|
||||
svelte:
|
||||
specifier: ^4.2.5
|
||||
version: 4.2.5
|
||||
specifier: ^4.2.7
|
||||
version: 4.2.7
|
||||
svelte-check:
|
||||
specifier: ^3.6.0
|
||||
version: 3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5)
|
||||
version: 3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7)
|
||||
tailwindcss:
|
||||
specifier: ^3.3.5
|
||||
version: 3.3.5
|
||||
|
|
@ -770,13 +770,13 @@ packages:
|
|||
dev: true
|
||||
optional: true
|
||||
|
||||
/@skeletonlabs/skeleton@2.5.0(svelte@4.2.5):
|
||||
/@skeletonlabs/skeleton@2.5.0(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-g9b59IkvByM9D/2RfwBXRP1dqTlaz85opqDHEWEDlJ/wPJ2SaUueBXDwuQfO5oLX8BBXQKIGnb/eUr03hnjgjg==}
|
||||
peerDependencies:
|
||||
svelte: ^3.56.0 || ^4.0.0
|
||||
dependencies:
|
||||
esm-env: 1.0.0
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
dev: true
|
||||
|
||||
/@skeletonlabs/tw-plugin@0.2.4(tailwindcss@3.3.5):
|
||||
|
|
@ -792,7 +792,7 @@ packages:
|
|||
peerDependencies:
|
||||
'@sveltejs/kit': ^1.5.0
|
||||
dependencies:
|
||||
'@sveltejs/kit': 1.27.6(svelte@4.2.5)(vite@5.0.0)
|
||||
'@sveltejs/kit': 1.27.6(svelte@4.2.7)(vite@5.0.0)
|
||||
'@vercel/nft': 0.24.3
|
||||
esbuild: 0.18.20
|
||||
transitivePeerDependencies:
|
||||
|
|
@ -800,18 +800,18 @@ packages:
|
|||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@sveltejs/enhanced-img@0.1.5(svelte@4.2.5):
|
||||
/@sveltejs/enhanced-img@0.1.5(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-xwMBrs22CNoqZm+ZWEDFdnGAT91QO88s7rVq/B3KUZ2cAnSK+T5rBIF+n4Yyi+ULzf6RzidQD4zHw2LOPN4KUg==}
|
||||
dependencies:
|
||||
magic-string: 0.30.5
|
||||
svelte-parse-markup: 0.1.2(svelte@4.2.5)
|
||||
svelte-parse-markup: 0.1.2(svelte@4.2.7)
|
||||
vite-imagetools: 6.2.4
|
||||
transitivePeerDependencies:
|
||||
- rollup
|
||||
- svelte
|
||||
dev: true
|
||||
|
||||
/@sveltejs/kit@1.27.6(svelte@4.2.5)(vite@5.0.0):
|
||||
/@sveltejs/kit@1.27.6(svelte@4.2.7)(vite@5.0.0):
|
||||
resolution: {integrity: sha512-GsjTkMbKzXdbeRg0tk8S7HNShQ4879ftRr0ZHaZfjbig1xQwG57Bvcm9U9/mpLJtCapLbLWUnygKrgcLISLC8A==}
|
||||
engines: {node: ^16.14 || >=18}
|
||||
hasBin: true
|
||||
|
|
@ -820,7 +820,7 @@ packages:
|
|||
svelte: ^3.54.0 || ^4.0.0-next.0 || ^5.0.0-next.0
|
||||
vite: ^4.0.0
|
||||
dependencies:
|
||||
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.5)(vite@5.0.0)
|
||||
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.7)(vite@5.0.0)
|
||||
'@types/cookie': 0.5.4
|
||||
cookie: 0.5.0
|
||||
devalue: 4.3.2
|
||||
|
|
@ -831,7 +831,7 @@ packages:
|
|||
sade: 1.8.1
|
||||
set-cookie-parser: 2.6.0
|
||||
sirv: 2.0.3
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
tiny-glob: 0.2.9
|
||||
undici: 5.26.5
|
||||
vite: 5.0.0(@types/node@20.9.2)
|
||||
|
|
@ -839,7 +839,7 @@ packages:
|
|||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.5)(vite@5.0.0):
|
||||
/@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.7)(vite@5.0.0):
|
||||
resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
|
||||
engines: {node: ^14.18.0 || >= 16}
|
||||
peerDependencies:
|
||||
|
|
@ -847,28 +847,28 @@ packages:
|
|||
svelte: ^3.54.0 || ^4.0.0
|
||||
vite: ^4.0.0
|
||||
dependencies:
|
||||
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.5)(vite@5.0.0)
|
||||
'@sveltejs/vite-plugin-svelte': 2.5.2(svelte@4.2.7)(vite@5.0.0)
|
||||
debug: 4.3.4
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
vite: 5.0.0(@types/node@20.9.2)
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
dev: true
|
||||
|
||||
/@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.5)(vite@5.0.0):
|
||||
/@sveltejs/vite-plugin-svelte@2.5.2(svelte@4.2.7)(vite@5.0.0):
|
||||
resolution: {integrity: sha512-Dfy0Rbl+IctOVfJvWGxrX/3m6vxPLH8o0x+8FA5QEyMUQMo4kGOVIojjryU7YomBAexOTAuYf1RT7809yDziaA==}
|
||||
engines: {node: ^14.18.0 || >= 16}
|
||||
peerDependencies:
|
||||
svelte: ^3.54.0 || ^4.0.0 || ^5.0.0-next.0
|
||||
vite: ^4.0.0
|
||||
dependencies:
|
||||
'@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.5)(vite@5.0.0)
|
||||
'@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.5.2)(svelte@4.2.7)(vite@5.0.0)
|
||||
debug: 4.3.4
|
||||
deepmerge: 4.3.1
|
||||
kleur: 4.1.5
|
||||
magic-string: 0.30.5
|
||||
svelte: 4.2.5
|
||||
svelte-hmr: 0.15.3(svelte@4.2.5)
|
||||
svelte: 4.2.7
|
||||
svelte-hmr: 0.15.3(svelte@4.2.7)
|
||||
vite: 5.0.0(@types/node@20.9.2)
|
||||
vitefu: 0.2.5(vite@5.0.0)
|
||||
transitivePeerDependencies:
|
||||
|
|
@ -896,29 +896,29 @@ packages:
|
|||
'@theatre/dataverse': 0.7.0
|
||||
dev: false
|
||||
|
||||
/@threlte/core@6.1.1(svelte@4.2.5)(three@0.158.0):
|
||||
/@threlte/core@6.1.1(svelte@4.2.7)(three@0.158.0):
|
||||
resolution: {integrity: sha512-bEsZIZzmP6vOg4bWbUg5EKxEid3KhO6YZ69bQM1NrtSC467KxXMxNorPGiAr2e5Z0L3w5++aRoSKmYjeUMLZ0g==}
|
||||
peerDependencies:
|
||||
svelte: '>=4'
|
||||
three: '>=0.133'
|
||||
dependencies:
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
three: 0.158.0
|
||||
dev: false
|
||||
|
||||
/@threlte/extras@7.5.1(svelte@4.2.5)(three@0.158.0):
|
||||
/@threlte/extras@7.5.1(svelte@4.2.7)(three@0.158.0):
|
||||
resolution: {integrity: sha512-DuCLisFMRUjvL20gGNLe2yhhWozIzWDHIFg1r2JNa0eia+YZ4xrYDzaQ6rX3VggEMGWu1pn4mPNluZ9fNsFQOQ==}
|
||||
peerDependencies:
|
||||
svelte: '>=4'
|
||||
three: '>=0.133'
|
||||
dependencies:
|
||||
lodash-es: 4.17.21
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
three: 0.158.0
|
||||
troika-three-text: 0.47.2(three@0.158.0)
|
||||
dev: false
|
||||
|
||||
/@threlte/theatre@2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.5)(three@0.158.0):
|
||||
/@threlte/theatre@2.1.3(@theatre/core@0.7.0)(@theatre/studio@0.7.0)(@threlte/core@6.1.1)(@threlte/extras@7.5.1)(svelte@4.2.7)(three@0.158.0):
|
||||
resolution: {integrity: sha512-yscNIDWBoaNFQDicF+ulI1Px589bKsQtfzwNgxGbdIwRgjX6gk2bWfmZ6cgBml25yksAufroh9gZSfvfOpLtMg==}
|
||||
peerDependencies:
|
||||
'@theatre/core': '>=0.6'
|
||||
|
|
@ -930,9 +930,9 @@ packages:
|
|||
dependencies:
|
||||
'@theatre/core': 0.7.0
|
||||
'@theatre/studio': 0.7.0(@theatre/core@0.7.0)
|
||||
'@threlte/core': 6.1.1(svelte@4.2.5)(three@0.158.0)
|
||||
'@threlte/extras': 7.5.1(svelte@4.2.5)(three@0.158.0)
|
||||
svelte: 4.2.5
|
||||
'@threlte/core': 6.1.1(svelte@4.2.7)(three@0.158.0)
|
||||
'@threlte/extras': 7.5.1(svelte@4.2.7)(three@0.158.0)
|
||||
svelte: 4.2.7
|
||||
three: 0.158.0
|
||||
dev: false
|
||||
|
||||
|
|
@ -1701,7 +1701,7 @@ packages:
|
|||
eslint: 8.54.0
|
||||
dev: true
|
||||
|
||||
/eslint-plugin-svelte@2.35.0(eslint@8.54.0)(svelte@4.2.5):
|
||||
/eslint-plugin-svelte@2.35.0(eslint@8.54.0)(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-3WDFxNrkXaMlpqoNo3M1ZOQuoFLMO9+bdnN6oVVXaydXC7nzCJuGy9a0zqoNDHMSRPYt0Rqo6hIdHMEaI5sQnw==}
|
||||
engines: {node: ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
|
|
@ -1723,8 +1723,8 @@ packages:
|
|||
postcss-safe-parser: 6.0.0(postcss@8.4.31)
|
||||
postcss-selector-parser: 6.0.13
|
||||
semver: 7.5.4
|
||||
svelte: 4.2.5
|
||||
svelte-eslint-parser: 0.33.1(svelte@4.2.5)
|
||||
svelte: 4.2.7
|
||||
svelte-eslint-parser: 0.33.1(svelte@4.2.7)
|
||||
transitivePeerDependencies:
|
||||
- supports-color
|
||||
- ts-node
|
||||
|
|
@ -2812,14 +2812,14 @@ packages:
|
|||
engines: {node: '>= 0.8.0'}
|
||||
dev: true
|
||||
|
||||
/prettier-plugin-svelte@3.1.0(prettier@3.1.0)(svelte@4.2.5):
|
||||
/prettier-plugin-svelte@3.1.0(prettier@3.1.0)(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-96+AZxs2ESqIFA9j+o+DHqY+BsUglezfl553LQd6VOtTyJq5GPuBEb3ElxF2cerFzKlYKttlH/VcVmRNj5oc3A==}
|
||||
peerDependencies:
|
||||
prettier: ^3.0.0
|
||||
svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
|
||||
dependencies:
|
||||
prettier: 3.1.0
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
dev: true
|
||||
|
||||
/prettier@3.1.0:
|
||||
|
|
@ -3204,7 +3204,7 @@ packages:
|
|||
engines: {node: '>= 0.4'}
|
||||
dev: true
|
||||
|
||||
/svelte-check@3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5):
|
||||
/svelte-check@3.6.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-8VfqhfuRJ1sKW+o8isH2kPi0RhjXH1nNsIbCFGyoUHG+ZxVxHYRKcb+S8eaL/1tyj3VGvWYx3Y5+oCUsJgnzcw==}
|
||||
hasBin: true
|
||||
peerDependencies:
|
||||
|
|
@ -3216,8 +3216,8 @@ packages:
|
|||
import-fresh: 3.3.0
|
||||
picocolors: 1.0.0
|
||||
sade: 1.8.1
|
||||
svelte: 4.2.5
|
||||
svelte-preprocess: 5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5)(typescript@5.2.2)
|
||||
svelte: 4.2.7
|
||||
svelte-preprocess: 5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7)(typescript@5.2.2)
|
||||
typescript: 5.2.2
|
||||
transitivePeerDependencies:
|
||||
- '@babel/core'
|
||||
|
|
@ -3231,7 +3231,7 @@ packages:
|
|||
- sugarss
|
||||
dev: true
|
||||
|
||||
/svelte-eslint-parser@0.33.1(svelte@4.2.5):
|
||||
/svelte-eslint-parser@0.33.1(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
|
||||
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
|
||||
peerDependencies:
|
||||
|
|
@ -3245,27 +3245,27 @@ packages:
|
|||
espree: 9.6.1
|
||||
postcss: 8.4.31
|
||||
postcss-scss: 4.0.9(postcss@8.4.31)
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
dev: true
|
||||
|
||||
/svelte-hmr@0.15.3(svelte@4.2.5):
|
||||
/svelte-hmr@0.15.3(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
|
||||
engines: {node: ^12.20 || ^14.13.1 || >= 16}
|
||||
peerDependencies:
|
||||
svelte: ^3.19.0 || ^4.0.0
|
||||
dependencies:
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
dev: true
|
||||
|
||||
/svelte-parse-markup@0.1.2(svelte@4.2.5):
|
||||
/svelte-parse-markup@0.1.2(svelte@4.2.7):
|
||||
resolution: {integrity: sha512-DycY7DJr7VqofiJ63ut1/NEG92HrWWL56VWITn/cJCu+LlZhMoBkBXT4opUitPEEwbq1nMQbv4vTKUfbOqIW1g==}
|
||||
peerDependencies:
|
||||
svelte: ^3.0.0 || ^4.0.0
|
||||
dependencies:
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
dev: true
|
||||
|
||||
/svelte-preprocess@5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.5)(typescript@5.2.2):
|
||||
/svelte-preprocess@5.1.0(postcss-load-config@4.0.2)(postcss@8.4.31)(svelte@4.2.7)(typescript@5.2.2):
|
||||
resolution: {integrity: sha512-EkErPiDzHAc0k2MF5m6vBNmRUh338h2myhinUw/xaqsLs7/ZvsgREiLGj03VrSzbY/TB5ZXgBOsKraFee5yceA==}
|
||||
engines: {node: '>= 14.10.0'}
|
||||
requiresBuild: true
|
||||
|
|
@ -3310,12 +3310,12 @@ packages:
|
|||
postcss-load-config: 4.0.2(postcss@8.4.31)
|
||||
sorcery: 0.11.0
|
||||
strip-indent: 3.0.0
|
||||
svelte: 4.2.5
|
||||
svelte: 4.2.7
|
||||
typescript: 5.2.2
|
||||
dev: true
|
||||
|
||||
/svelte@4.2.5:
|
||||
resolution: {integrity: sha512-P9YPKsGkNdw4OJbtpd1uzimQHPj7Ai2sPcOHmmD6VgkFhFDmcYevQi7vE4cQ1g8/Vs64aL2TwMoCNFAzv7TPaQ==}
|
||||
/svelte@4.2.7:
|
||||
resolution: {integrity: sha512-UExR1KS7raTdycsUrKLtStayu4hpdV3VZQgM0akX8XbXgLBlosdE/Sf3crOgyh9xIjqSYB3UEBuUlIQKRQX2hg==}
|
||||
engines: {node: '>=16'}
|
||||
dependencies:
|
||||
'@ampproject/remapping': 2.2.1
|
||||
|
|
|
|||
|
|
@ -17,8 +17,8 @@
|
|||
|
||||
<div class="grid gap-8 md:grid-cols-2 lg:gap-12">
|
||||
<div class="relative">
|
||||
<div class="absolute inset-0 bg-gradient-to-tr from-blue-500 to-transparent bg-repeat"></div>
|
||||
<div class="h-64 overflow-hidden rounded-lg bg-gray-100 shadow-lg md:h-auto sticky top-10">
|
||||
<div class="absolute inset-0 bg-repeat"></div>
|
||||
<div class="h-64 overflow-hidden rounded-lg shadow-lg md:h-auto sticky top-10">
|
||||
<enhanced:img
|
||||
src={bartvdbraakImage}
|
||||
alt="Bart van der Braak with a noire effect"
|
||||
|
|
|
|||
|
|
@ -20,10 +20,11 @@
|
|||
src={headerImage}
|
||||
class="bg-black/50 w-full aspect-[21/9] object-cover object-top"
|
||||
alt={headerSubTitle}
|
||||
loading="lazy"
|
||||
/>
|
||||
</header>
|
||||
<div class="p-4 space-y-4">
|
||||
<header class="h6">{headerSubTitle}</header>
|
||||
<header class="h6 opacity-50">{headerSubTitle}</header>
|
||||
<span class="h3" data-toc-ignore>{title}</span>
|
||||
<article>
|
||||
<p>
|
||||
|
|
@ -33,8 +34,8 @@
|
|||
</div>
|
||||
<hr class="opacity-50" />
|
||||
<footer class="p-4 flex justify-start items-center space-x-4">
|
||||
<Avatar src={logo} width="w-8" />
|
||||
<div class="flex-auto flex justify-between items-center">
|
||||
<Avatar src={logo} width="w-8" />
|
||||
{#each contributors as contributor}
|
||||
<Avatar src={contributor.imageSrc} width="w-8" />
|
||||
{/each}
|
||||
|
|
|
|||
|
|
@ -1,19 +0,0 @@
|
|||
import videowallImage from '$lib/assets/projects/videowall.jpg?enhanced';
|
||||
import videowallLogo from '$lib/assets/projects/videowall-logo.png';
|
||||
import ticketDashboardImage from '$lib/assets/projects/ticketdashboard.png?enhanced';
|
||||
import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png';
|
||||
import zaantjeImage from '$lib/assets/projects/zaantje.png?enhanced';
|
||||
import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png';
|
||||
import keyweaveImage from '$lib/assets/projects/keyweave-terminal.jpg?enhanced';
|
||||
import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
|
||||
|
||||
export {
|
||||
videowallImage,
|
||||
videowallLogo,
|
||||
ticketDashboardImage,
|
||||
ticketDashboardLogo,
|
||||
zaantjeImage,
|
||||
zaantjeLogo,
|
||||
keyweaveImage,
|
||||
keyweaveLogo
|
||||
};
|
||||
|
|
@ -1,13 +1,11 @@
|
|||
import {
|
||||
ticketDashboardImage,
|
||||
ticketDashboardLogo,
|
||||
videowallImage,
|
||||
videowallLogo,
|
||||
zaantjeImage,
|
||||
zaantjeLogo,
|
||||
keyweaveImage,
|
||||
keyweaveLogo
|
||||
} from './projects-assets';
|
||||
import videowallImage from '$lib/assets/projects/videowall.jpg?enhanced';
|
||||
import videowallLogo from '$lib/assets/projects/videowall-logo.png';
|
||||
import ticketDashboardImage from '$lib/assets/projects/ticketdashboard.png?enhanced';
|
||||
import ticketDashboardLogo from '$lib/assets/projects/triple-logo.png';
|
||||
import zaantjeImage from '$lib/assets/projects/zaantje.png?enhanced';
|
||||
import zaantjeLogo from '$lib/assets/projects/zaantje-logo.png';
|
||||
import keyweaveImage from '$lib/assets/projects/keyweave-terminal.jpg?enhanced';
|
||||
import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
|
||||
|
||||
interface Contributor {
|
||||
name: string;
|
||||
|
|
|
|||
|
|
@ -1,15 +1,12 @@
|
|||
<script lang="ts">
|
||||
import type { TimelineItem } from './timeline-items';
|
||||
|
||||
export let title: TimelineItem['title'];
|
||||
export let description: TimelineItem['description'];
|
||||
export let date: TimelineItem['date'];
|
||||
export let title: string;
|
||||
export let description: string;
|
||||
export let date: string;
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active"
|
||||
>
|
||||
<!-- Icon -->
|
||||
<div
|
||||
class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -36,15 +36,9 @@
|
|||
</div>
|
||||
|
||||
<ul class="columns-1 md:columns-2 lg:columns-3 gap-6 w-full mb-12">
|
||||
{#each tools as tool}
|
||||
{#each tools as { name, title, description, logo, toolUrl }}
|
||||
<li>
|
||||
<ToolCard
|
||||
name={tool.name}
|
||||
title={tool.title}
|
||||
description={tool.description}
|
||||
logo={tool.logo}
|
||||
toolUrl={tool.toolUrl}
|
||||
/>
|
||||
<ToolCard {name} {title} {description} {logo} {toolUrl} />
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,99 +0,0 @@
|
|||
import GitHubLogo from '$lib/assets/tools/github.svg';
|
||||
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';
|
||||
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';
|
||||
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';
|
||||
import PoetryLogo from '$lib/assets/tools/poetry.svg';
|
||||
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';
|
||||
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';
|
||||
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';
|
||||
import CloudFlareLogo from '$lib/assets/tools/cloudflare.svg';
|
||||
import VisualStudioCodeLogo from '$lib/assets/tools/visual-studio-code.svg';
|
||||
import OpsGenieLogo from '$lib/assets/tools/opsgenie.svg';
|
||||
import VimLogo from '$lib/assets/tools/vim.svg';
|
||||
import NotionLogo from '$lib/assets/tools/notion.svg';
|
||||
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';
|
||||
import KustomizeLogo from '$lib/assets/tools/kustomize.svg';
|
||||
import InkScapeLogo from '$lib/assets/tools/inkscape.svg';
|
||||
import OBSLogo from '$lib/assets/tools/obs.svg';
|
||||
import WireGuardLogo from '$lib/assets/tools/wireguard.svg';
|
||||
import SwitchHostsLogo from '$lib/assets/tools/switchhosts.svg';
|
||||
import SlackLogo from '$lib/assets/tools/slack.svg';
|
||||
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 GitLensLogo from '$lib/assets/tools/gitlens.png';
|
||||
|
||||
export {
|
||||
GitHubLogo,
|
||||
OverleafLogo,
|
||||
ArgoCDLogo,
|
||||
Studio3TLogo,
|
||||
WarpLogo,
|
||||
K9sLogo,
|
||||
FigmaLogo,
|
||||
AzureCLILogo,
|
||||
KeystoreExplorer,
|
||||
TogglTrackLogo,
|
||||
HelmLogo,
|
||||
RoyalTSXLogo,
|
||||
PoetryLogo,
|
||||
MaccyLogo,
|
||||
BalenaEtcherLogo,
|
||||
SendGridLogo,
|
||||
InsomniaLogo,
|
||||
BlenderLogo,
|
||||
BitwardenLogo,
|
||||
AzureDataStudioLogo,
|
||||
RectangleLogo,
|
||||
PyCharmLogo,
|
||||
DockerLogo,
|
||||
CyberduckLogo,
|
||||
MullvadVPNLogo,
|
||||
JqLogo,
|
||||
AkamaiLogo,
|
||||
CloudFlareLogo,
|
||||
VisualStudioCodeLogo,
|
||||
OpsGenieLogo,
|
||||
VimLogo,
|
||||
NotionLogo,
|
||||
NvmLogo,
|
||||
GIMPLogo,
|
||||
AzureStorageExplorerLogo,
|
||||
MeldLogo,
|
||||
KarabinerElementsLogo,
|
||||
KustomizeLogo,
|
||||
InkScapeLogo,
|
||||
OBSLogo,
|
||||
WireGuardLogo,
|
||||
SwitchHostsLogo,
|
||||
WiresharkLogo,
|
||||
SlackLogo,
|
||||
NmapLogo,
|
||||
DBeaverLogo,
|
||||
OpenTofuLogo,
|
||||
GitLensLogo
|
||||
};
|
||||
|
|
@ -1,53 +1,102 @@
|
|||
import {
|
||||
AkamaiLogo,
|
||||
ArgoCDLogo,
|
||||
AzureCLILogo,
|
||||
AzureDataStudioLogo,
|
||||
AzureStorageExplorerLogo,
|
||||
BalenaEtcherLogo,
|
||||
BitwardenLogo,
|
||||
BlenderLogo,
|
||||
CloudFlareLogo,
|
||||
CyberduckLogo,
|
||||
DBeaverLogo,
|
||||
DockerLogo,
|
||||
FigmaLogo,
|
||||
GIMPLogo,
|
||||
import GitHubLogo from '$lib/assets/tools/github.svg';
|
||||
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';
|
||||
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';
|
||||
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';
|
||||
import PoetryLogo from '$lib/assets/tools/poetry.svg';
|
||||
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';
|
||||
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';
|
||||
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';
|
||||
import CloudFlareLogo from '$lib/assets/tools/cloudflare.svg';
|
||||
import VisualStudioCodeLogo from '$lib/assets/tools/visual-studio-code.svg';
|
||||
import OpsGenieLogo from '$lib/assets/tools/opsgenie.svg';
|
||||
import VimLogo from '$lib/assets/tools/vim.svg';
|
||||
import NotionLogo from '$lib/assets/tools/notion.svg';
|
||||
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';
|
||||
import KustomizeLogo from '$lib/assets/tools/kustomize.svg';
|
||||
import InkScapeLogo from '$lib/assets/tools/inkscape.svg';
|
||||
import OBSLogo from '$lib/assets/tools/obs.svg';
|
||||
import WireGuardLogo from '$lib/assets/tools/wireguard.svg';
|
||||
import SwitchHostsLogo from '$lib/assets/tools/switchhosts.svg';
|
||||
import SlackLogo from '$lib/assets/tools/slack.svg';
|
||||
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 GitLensLogo from '$lib/assets/tools/gitlens.png';
|
||||
|
||||
export {
|
||||
GitHubLogo,
|
||||
GitLensLogo,
|
||||
HelmLogo,
|
||||
InkScapeLogo,
|
||||
InsomniaLogo,
|
||||
JqLogo,
|
||||
OverleafLogo,
|
||||
ArgoCDLogo,
|
||||
Studio3TLogo,
|
||||
WarpLogo,
|
||||
K9sLogo,
|
||||
KarabinerElementsLogo,
|
||||
FigmaLogo,
|
||||
AzureCLILogo,
|
||||
KeystoreExplorer,
|
||||
KustomizeLogo,
|
||||
TogglTrackLogo,
|
||||
HelmLogo,
|
||||
RoyalTSXLogo,
|
||||
PoetryLogo,
|
||||
MaccyLogo,
|
||||
MeldLogo,
|
||||
BalenaEtcherLogo,
|
||||
SendGridLogo,
|
||||
InsomniaLogo,
|
||||
BlenderLogo,
|
||||
BitwardenLogo,
|
||||
AzureDataStudioLogo,
|
||||
RectangleLogo,
|
||||
PyCharmLogo,
|
||||
DockerLogo,
|
||||
CyberduckLogo,
|
||||
MullvadVPNLogo,
|
||||
NmapLogo,
|
||||
JqLogo,
|
||||
AkamaiLogo,
|
||||
CloudFlareLogo,
|
||||
VisualStudioCodeLogo,
|
||||
OpsGenieLogo,
|
||||
VimLogo,
|
||||
NotionLogo,
|
||||
NvmLogo,
|
||||
GIMPLogo,
|
||||
AzureStorageExplorerLogo,
|
||||
MeldLogo,
|
||||
KarabinerElementsLogo,
|
||||
KustomizeLogo,
|
||||
InkScapeLogo,
|
||||
OBSLogo,
|
||||
OpsGenieLogo,
|
||||
OverleafLogo,
|
||||
PoetryLogo,
|
||||
PyCharmLogo,
|
||||
RectangleLogo,
|
||||
RoyalTSXLogo,
|
||||
SendGridLogo,
|
||||
SlackLogo,
|
||||
Studio3TLogo,
|
||||
SwitchHostsLogo,
|
||||
OpenTofuLogo,
|
||||
TogglTrackLogo,
|
||||
VimLogo,
|
||||
VisualStudioCodeLogo,
|
||||
WarpLogo,
|
||||
WireGuardLogo,
|
||||
WiresharkLogo
|
||||
} from './tools-assets';
|
||||
SwitchHostsLogo,
|
||||
WiresharkLogo,
|
||||
SlackLogo,
|
||||
NmapLogo,
|
||||
DBeaverLogo,
|
||||
OpenTofuLogo,
|
||||
GitLensLogo
|
||||
};
|
||||
|
||||
export interface Tool {
|
||||
name: string;
|
||||
|
|
|
|||
Loading…
Reference in a new issue