From e2b5f1078bbbec89c1959aa2e5f3e47ddf1d8e04 Mon Sep 17 00:00:00 2001 From: Bart van der Braak Date: Mon, 7 Aug 2023 20:30:20 +0200 Subject: [PATCH] feat: revamped toolbox page --- src/routes/toolbox/+page.svelte | 47 ++ src/routes/toolbox/Scene.svelte | 37 ++ src/routes/toolbox/ToolCard.svelte | 25 + .../{tools => toolbox}/models/Github.svelte | 0 .../models/Kubernetes.svelte | 6 +- .../models/TerraformFlat.svelte | 0 .../{tools => toolbox}/models/Warp.svelte | 0 src/routes/toolbox/tools-assets.ts | 99 ++++ src/routes/toolbox/tools-cards.ts | 446 ++++++++++++++++++ src/routes/tools/+page.svelte | 105 ----- 10 files changed, 657 insertions(+), 108 deletions(-) create mode 100644 src/routes/toolbox/+page.svelte create mode 100644 src/routes/toolbox/Scene.svelte create mode 100644 src/routes/toolbox/ToolCard.svelte rename src/routes/{tools => toolbox}/models/Github.svelte (100%) rename src/routes/{tools => toolbox}/models/Kubernetes.svelte (91%) rename src/routes/{tools => toolbox}/models/TerraformFlat.svelte (100%) rename src/routes/{tools => toolbox}/models/Warp.svelte (100%) create mode 100644 src/routes/toolbox/tools-assets.ts create mode 100644 src/routes/toolbox/tools-cards.ts delete mode 100644 src/routes/tools/+page.svelte diff --git a/src/routes/toolbox/+page.svelte b/src/routes/toolbox/+page.svelte new file mode 100644 index 0000000..bbfd41e --- /dev/null +++ b/src/routes/toolbox/+page.svelte @@ -0,0 +1,47 @@ + + + + hellob.art — toolbox + + + +
+

Toolbox

+ +
+
+

+ Welcome to the Toolbox, a comprehensive collection of the tools, applications, and software + that fuel my daily work as a Developer and DevOps Engineer. From code creation to continuous + integration, these are the technologies that enable me to build, test, and deploy with + efficiency and precision. Explore the list below to understand my tech stack and maybe even + discover something new for your own toolkit! +

+
+
+ + + +
+
+ +
+ {#each tools as tool} + + {/each} +
+
diff --git a/src/routes/toolbox/Scene.svelte b/src/routes/toolbox/Scene.svelte new file mode 100644 index 0000000..1ecc4ac --- /dev/null +++ b/src/routes/toolbox/Scene.svelte @@ -0,0 +1,37 @@ + + + { + ref.lookAt(0, 1, 0); + }} +/> + + + + scale.set(250 * 1.5)} + on:pointerleave={() => scale.set(250 * 1)} + /> + diff --git a/src/routes/toolbox/ToolCard.svelte b/src/routes/toolbox/ToolCard.svelte new file mode 100644 index 0000000..5983df3 --- /dev/null +++ b/src/routes/toolbox/ToolCard.svelte @@ -0,0 +1,25 @@ + + + +
+
+ {name +
+

{name}

+

{title}

+
+
+

{description}

+
+ diff --git a/src/routes/tools/models/Github.svelte b/src/routes/toolbox/models/Github.svelte similarity index 100% rename from src/routes/tools/models/Github.svelte rename to src/routes/toolbox/models/Github.svelte diff --git a/src/routes/tools/models/Kubernetes.svelte b/src/routes/toolbox/models/Kubernetes.svelte similarity index 91% rename from src/routes/tools/models/Kubernetes.svelte rename to src/routes/toolbox/models/Kubernetes.svelte index 4d5b5a8..ceac8d0 100644 --- a/src/routes/tools/models/Kubernetes.svelte +++ b/src/routes/toolbox/models/Kubernetes.svelte @@ -3,7 +3,7 @@ Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf Command: npx @threlte/gltf@1.0.0-next.13 ./static/models/kubernetes.glb --transform --> - - - - hellob.art — tools - - - -
-

Tools

- -

Kubernetes

- -

- Kubernetes is an indispensable part of my daily routine, providing powerful container - orchestration capabilities for seamless application deployment and scaling. I enhance my - Kubernetes workflows with essential tools like k9s for cluster interactions, ArgoCD for - GitOps-based continuous delivery, Kustomize for configuration customization, and AKS (Azure - Kubernetes Service) for managed solutions. This combination streamlines my tasks and ensures - efficient, reliable application management. -

- -

Terraform

- -

- Terraform plays a central role in my DevOps toolkit, empowering me to manage and provision - infrastructure efficiently as code. It saves valuable time and effort while maintaining - consistency across deployments, preventing configuration drift in dynamic cloud environments. - The reproductibility that Terraform offers is a game-changer, enabling easy and reliable - environment recreation for testing and development. Seamless integration with Azure DevOps - allows for streamlined CI/CD pipelines, instilling confidence in continuously delivering - infrastructure changes. Embracing Terraform has simplified my daily tasks and enhanced the - overall robustness and stability of our cloud infrastructure. -

- -
- - - - - - - - - - - - - - - - - - - - - - - - - - -
- -

Warp

- -

- Warp, the high-performance terminal built in Rust, is an essential tool I rely on daily for - development and operations. Its full-text editor for commands, visual grouping of outputs into - blocks, and enhanced shortcuts have significantly boosted my productivity and made CLI - interactions more intuitive. With its impressive speed, multiplatform support, and seamless - integration into existing shells, Warp excels in handling complex tasks, making it indispensable - for efficient and responsive terminal operations. -

- -

GitHub, Azure DevOps and Gitlab

- -

- In my daily work, essential platforms like GitHub, Azure DevOps, and GitLab play a crucial role. - For public and personal projects, GitHub provides robust version control and collaboration - tools. Azure DevOps, on the other hand, is my preferred choice for private and corporate - projects, thanks to seamless integration with Azure services and powerful CI/CD capabilities, - optimizing application development and deployment. Additionally, I leverage GitLab for specific - projects, benefiting from its strong version control features and CI/CD pipelines. Together, - these platforms empower efficient collaboration, project management, and development processes, - catering to a wide range of contexts. -

-