From 3807145c1d430fcc01a9b69092b237fbc2e5f3ae Mon Sep 17 00:00:00 2001 From: Bart van der Braak Date: Wed, 2 Aug 2023 01:37:54 +0200 Subject: [PATCH] refactor: linting and formatting changes --- .github/dependabot.yml | 8 ++-- .github/renovate.json | 8 ++-- .github/workflows/unlighthouse-report.yaml | 4 +- README.md | 2 +- postcss.config.cjs | 5 +-- src/app.html | 34 +++++++-------- src/app.postcss | 3 +- src/lib/calculate-age.ts | 18 ++++---- src/lib/components/Navigation.svelte | 3 +- src/lib/components/ProjectCard.svelte | 6 ++- src/lib/components/icons/GitHub.svelte | 16 ++++++- src/lib/components/icons/Hamburger.svelte | 19 +++++++- src/lib/components/icons/LinkedIn.svelte | 13 +++++- src/lib/components/icons/Svelte.svelte | 15 ++++++- src/lib/components/icons/Vercel.svelte | 14 +++++- src/routes/+layout.svelte | 17 +++----- src/routes/+page.svelte | 25 +++++++---- src/routes/blog/[slug]/+page.svelte | 6 +-- src/routes/projects/+page.svelte | 5 ++- src/routes/tools/+page.svelte | 16 +++---- src/routes/tools/models/Github.svelte | 28 ++++++------ src/routes/tools/models/Kubernetes.svelte | 46 ++++++++++---------- src/routes/tools/models/TerraformFlat.svelte | 34 +++++++-------- src/routes/tools/models/Warp.svelte | 38 +++++++++------- static/site.webmanifest | 34 +++++++-------- tailwind.config.cjs | 28 +++++------- vite.config.ts | 6 +-- 27 files changed, 262 insertions(+), 189 deletions(-) diff --git a/.github/dependabot.yml b/.github/dependabot.yml index ac85d1a..7c6f570 100644 --- a/.github/dependabot.yml +++ b/.github/dependabot.yml @@ -1,8 +1,8 @@ version: 2 updates: - - package-ecosystem: "github-actions" - directory: "/" + - package-ecosystem: 'github-actions' + directory: '/' schedule: - interval: "weekly" + interval: 'weekly' reviewers: - - "bartvdbraak" \ No newline at end of file + - 'bartvdbraak' diff --git a/.github/renovate.json b/.github/renovate.json index 2088054..35fbcc2 100644 --- a/.github/renovate.json +++ b/.github/renovate.json @@ -1,5 +1,5 @@ { - "$schema": "https://docs.renovatebot.com/renovate-schema.json", - "extends": ["config:base"], - "reviewers": ["bartvdbraak"] -} \ No newline at end of file + "$schema": "https://docs.renovatebot.com/renovate-schema.json", + "extends": ["config:base"], + "reviewers": ["bartvdbraak"] +} diff --git a/.github/workflows/unlighthouse-report.yaml b/.github/workflows/unlighthouse-report.yaml index 788c796..887b890 100644 --- a/.github/workflows/unlighthouse-report.yaml +++ b/.github/workflows/unlighthouse-report.yaml @@ -1,6 +1,6 @@ name: Unlighthouse report -on: [ pull_request ] +on: [pull_request] permissions: pull-requests: write @@ -33,7 +33,7 @@ jobs: uses: pnpm/action-setup@v2.2.4 with: version: 8.6.11 - + - name: Use Node.js ${{ matrix.node-version }} uses: actions/setup-node@v3.7.0 with: diff --git a/README.md b/README.md index f1a9201..d9bdda9 100644 --- a/README.md +++ b/README.md @@ -73,4 +73,4 @@ Let's connect! You can find me on: - GitHub: [github.com/bartvdbraak](https://github.com/bartvdbraak) - Email: bart@vanderbraak.nl -Looking forward to hearing from you! 😊 \ No newline at end of file +Looking forward to hearing from you! 😊 diff --git a/postcss.config.cjs b/postcss.config.cjs index 3cb3f98..99f1ccb 100644 --- a/postcss.config.cjs +++ b/postcss.config.cjs @@ -3,10 +3,7 @@ const tailwindcss = require('tailwindcss'); const autoprefixer = require('autoprefixer'); const config = { - plugins: [ - tailwindcss(), - autoprefixer - ] + plugins: [tailwindcss(), autoprefixer] }; module.exports = config; diff --git a/src/app.html b/src/app.html index a9a7224..96ccf6c 100644 --- a/src/app.html +++ b/src/app.html @@ -1,20 +1,20 @@ - - - - - - - - - - - - - %sveltekit.head% - - -
%sveltekit.body%
- + + + + + + + + + + + + + %sveltekit.head% + + +
%sveltekit.body%
+ diff --git a/src/app.postcss b/src/app.postcss index d78b61d..2e566f9 100644 --- a/src/app.postcss +++ b/src/app.postcss @@ -1,6 +1,6 @@ html, body { - @apply h-full overflow-hidden + @apply h-full overflow-hidden; } .dark .logo-text-gradient-dark { @@ -18,4 +18,3 @@ body { /* Color Stops */ @apply logo-text-gradient-light logo-text-gradient-dark; } - diff --git a/src/lib/calculate-age.ts b/src/lib/calculate-age.ts index 0916c0d..d1a4402 100644 --- a/src/lib/calculate-age.ts +++ b/src/lib/calculate-age.ts @@ -1,13 +1,13 @@ export function calculateAge(birthdate: string): number { - const birthDate = new Date(birthdate); - const currentDate = new Date(); - - let age = currentDate.getFullYear() - birthDate.getFullYear(); - const monthDiff = currentDate.getMonth() - birthDate.getMonth(); + const birthDate = new Date(birthdate); + const currentDate = new Date(); - if (monthDiff < 0 || (monthDiff === 0 && currentDate.getDate() < birthDate.getDate())) { - age--; - } + let age = currentDate.getFullYear() - birthDate.getFullYear(); + const monthDiff = currentDate.getMonth() - birthDate.getMonth(); - return age; + if (monthDiff < 0 || (monthDiff === 0 && currentDate.getDate() < birthDate.getDate())) { + age--; + } + + return age; } diff --git a/src/lib/components/Navigation.svelte b/src/lib/components/Navigation.svelte index d40c512..13b10ef 100644 --- a/src/lib/components/Navigation.svelte +++ b/src/lib/components/Navigation.svelte @@ -14,7 +14,8 @@ diff --git a/src/lib/components/ProjectCard.svelte b/src/lib/components/ProjectCard.svelte index 3edf534..75d4082 100644 --- a/src/lib/components/ProjectCard.svelte +++ b/src/lib/components/ProjectCard.svelte @@ -16,7 +16,11 @@
- Post + Post
{headerSubTitle}
diff --git a/src/lib/components/icons/GitHub.svelte b/src/lib/components/icons/GitHub.svelte index 198cf1e..b025f81 100644 --- a/src/lib/components/icons/GitHub.svelte +++ b/src/lib/components/icons/GitHub.svelte @@ -1 +1,15 @@ - \ No newline at end of file + diff --git a/src/lib/components/icons/Hamburger.svelte b/src/lib/components/icons/Hamburger.svelte index 7bafeae..a10e2d2 100644 --- a/src/lib/components/icons/Hamburger.svelte +++ b/src/lib/components/icons/Hamburger.svelte @@ -1 +1,18 @@ - \ No newline at end of file + diff --git a/src/lib/components/icons/LinkedIn.svelte b/src/lib/components/icons/LinkedIn.svelte index 9a5cce0..339838b 100644 --- a/src/lib/components/icons/LinkedIn.svelte +++ b/src/lib/components/icons/LinkedIn.svelte @@ -1 +1,12 @@ - \ No newline at end of file + diff --git a/src/lib/components/icons/Svelte.svelte b/src/lib/components/icons/Svelte.svelte index fe94d1f..99a681b 100644 --- a/src/lib/components/icons/Svelte.svelte +++ b/src/lib/components/icons/Svelte.svelte @@ -1 +1,14 @@ - \ No newline at end of file + diff --git a/src/lib/components/icons/Vercel.svelte b/src/lib/components/icons/Vercel.svelte index dea3fcb..3f7e1cd 100644 --- a/src/lib/components/icons/Vercel.svelte +++ b/src/lib/components/icons/Vercel.svelte @@ -1 +1,13 @@ - \ No newline at end of file + diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index bcbb149..b271fdc 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -2,7 +2,7 @@ import '@skeletonlabs/skeleton/themes/theme-crimson.css'; import '@skeletonlabs/skeleton/styles/skeleton.css'; import '../app.postcss'; - import { AppShell, Drawer, ProgressBar, drawerStore } from '@skeletonlabs/skeleton'; + import { AppShell, Drawer } from '@skeletonlabs/skeleton'; import Footer from '../lib/components/Footer.svelte'; import Navigation from '../lib/components/Navigation.svelte'; import Header from '$lib/components/Header.svelte'; @@ -10,26 +10,23 @@ let routes = [ { url: '/', label: 'Home' }, { url: '/projects', label: 'Projects' }, - { url: '/tools', label: 'Tools' }, + { url: '/tools', label: 'Tools' } // { url: '/blog', label: 'Blog' } ]; let progress = 0; - function handleScroll(event: Event) { - const { scrollTop, scrollHeight, clientHeight } = event.currentTarget as HTMLElement; - progress = (scrollTop / (scrollHeight - clientHeight)) * 100; - } + function handleScroll(event: Event) { + const { scrollTop, scrollHeight, clientHeight } = event.currentTarget as HTMLElement; + progress = (scrollTop / (scrollHeight - clientHeight)) * 100; + } - +
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 26efcc7..a40e724 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -5,7 +5,10 @@ hellob.art — home - +
@@ -38,21 +41,25 @@

- Bart van der Braak with a noire effect + Bart van der Braak with a noire effect
- +

Solving Problems with Code and Automation

As a DevOps engineer, I thrive on solving complex challenges with the power of code and - automation. My passion for streamlining workflows led me to create internal tooling using - APIs, boosting productivity for myself and my colleagues. Outside of work, I enjoy taking on - side projects that push my boundaries, expanding my skill set, and exploring new - technologies. I strongly believe that innovation and continuous learning are key drivers of - success in the ever-evolving tech landscape. + automation. My passion for streamlining workflows led me to create internal tooling using APIs, + boosting productivity for myself and my colleagues. Outside of work, I enjoy taking on side + projects that push my boundaries, expanding my skill set, and exploring new technologies. I + strongly believe that innovation and continuous learning are key drivers of success in the + ever-evolving tech landscape.

- +

Cat Lover and Whiskey Enthusiast

diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte index fdc9b04..0f65c0d 100644 --- a/src/routes/blog/[slug]/+page.svelte +++ b/src/routes/blog/[slug]/+page.svelte @@ -1,6 +1,6 @@ @@ -8,4 +8,4 @@ \ No newline at end of file +

{@html data.content}
--> diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte index 797c497..f75e69f 100644 --- a/src/routes/projects/+page.svelte +++ b/src/routes/projects/+page.svelte @@ -49,7 +49,10 @@ hellob.art — projects - +
diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte index 593c3a8..5e97546 100644 --- a/src/routes/tools/+page.svelte +++ b/src/routes/tools/+page.svelte @@ -2,7 +2,7 @@ - {#await gltf} - - {:then gltf} - - {:catch error} - - {/await} + {#await gltf} + + {:then gltf} + + {:catch error} + + {/await} - + diff --git a/src/routes/tools/models/Kubernetes.svelte b/src/routes/tools/models/Kubernetes.svelte index 68b139e..4d5b5a8 100644 --- a/src/routes/tools/models/Kubernetes.svelte +++ b/src/routes/tools/models/Kubernetes.svelte @@ -4,34 +4,34 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/kubernetes.glb --transf --> - {#await gltf} - - {:then gltf} - - - {:catch error} - - {/await} + {#await gltf} + + {:then gltf} + + + {:catch error} + + {/await} - + diff --git a/src/routes/tools/models/TerraformFlat.svelte b/src/routes/tools/models/TerraformFlat.svelte index a7a3ec9..348b845 100644 --- a/src/routes/tools/models/TerraformFlat.svelte +++ b/src/routes/tools/models/TerraformFlat.svelte @@ -4,28 +4,28 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/terraform-flat.glb --tr --> - {#await gltf} - - {:then gltf} - - - - - {:catch error} - - {/await} + {#await gltf} + + {:then gltf} + + + + + {:catch error} + + {/await} - + diff --git a/src/routes/tools/models/Warp.svelte b/src/routes/tools/models/Warp.svelte index ac867b2..8c51dd7 100644 --- a/src/routes/tools/models/Warp.svelte +++ b/src/routes/tools/models/Warp.svelte @@ -4,26 +4,34 @@ Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/warp.glb --transform --> - {#await gltf} - - {:then gltf} - - - {:catch error} - - {/await} + {#await gltf} + + {:then gltf} + + + {:catch error} + + {/await} - + diff --git a/static/site.webmanifest b/static/site.webmanifest index b20abb7..9591150 100644 --- a/static/site.webmanifest +++ b/static/site.webmanifest @@ -1,19 +1,19 @@ { - "name": "", - "short_name": "", - "icons": [ - { - "src": "/android-chrome-192x192.png", - "sizes": "192x192", - "type": "image/png" - }, - { - "src": "/android-chrome-512x512.png", - "sizes": "512x512", - "type": "image/png" - } - ], - "theme_color": "#ffffff", - "background_color": "#ffffff", - "display": "standalone" + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" } diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 4e1bc3e..67b2a12 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -4,10 +4,7 @@ module.exports = { darkMode: 'class', content: [ './src/**/*.{html,js,svelte,ts}', - require('path').join(require.resolve( - '@skeletonlabs/skeleton'), - '../**/*.{html,js,svelte,ts}' - ) + require('path').join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}') ], theme: { extend: { @@ -15,22 +12,21 @@ module.exports = { 'logo-blue-start': { light: '#314755', DEFAULT: '#314755', - dark: '#7196AD', + dark: '#7196AD' }, 'logo-blue-stop': { light: '#26a0da', DEFAULT: '#26a0da', - dark: '#7CC6E9', - }, + dark: '#7CC6E9' + } }, - dark: { // <-- Add this section for dark mode classes + dark: { + // <-- Add this section for dark mode classes 'logo-text-gradient-dark': { - '@apply': 'from-logo-blue-start-dark to-logo-blue-stop-dark', - }, - }, - }, + '@apply': 'from-logo-blue-start-dark to-logo-blue-stop-dark' + } + } + } }, - plugins: [ - ...require('@skeletonlabs/skeleton/tailwind/skeleton.cjs')() - ] -} + plugins: [...require('@skeletonlabs/skeleton/tailwind/skeleton.cjs')()] +}; diff --git a/vite.config.ts b/vite.config.ts index cccd80e..4f27957 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -3,7 +3,7 @@ import { defineConfig } from 'vite'; export default defineConfig({ plugins: [sveltekit()], - ssr: { - noExternal: ['three'] - } + ssr: { + noExternal: ['three'] + } });