mirror of
https://github.com/bartvdbraak/hellob.art.git
synced 2025-10-30 19:59:10 +00:00
refactor: enhance some tool img
This commit is contained in:
parent
d63bee294b
commit
adb54514cf
5 changed files with 285 additions and 224 deletions
|
|
@ -23,28 +23,28 @@
|
|||
</p>
|
||||
|
||||
<div class="w-full text-token grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
{#each projects as project}
|
||||
{#if project.link}
|
||||
<a href={project.link}>
|
||||
{#each projects as { link, headerImage, headerSubTitle, title, description, logo, contributors, date }}
|
||||
{#if link}
|
||||
<a href={link}>
|
||||
<ProjectCard
|
||||
headerImage={project.headerImage}
|
||||
headerSubTitle={project.headerSubTitle}
|
||||
title={project.title}
|
||||
description={project.description}
|
||||
logo={project.logo}
|
||||
contributors={project.contributors}
|
||||
date={project.date}
|
||||
{headerImage}
|
||||
{headerSubTitle}
|
||||
{title}
|
||||
{description}
|
||||
{logo}
|
||||
{contributors}
|
||||
{date}
|
||||
/>
|
||||
</a>
|
||||
{:else}
|
||||
<ProjectCard
|
||||
headerImage={project.headerImage}
|
||||
headerSubTitle={project.headerSubTitle}
|
||||
title={project.title}
|
||||
description={project.description}
|
||||
logo={project.logo}
|
||||
contributors={project.contributors}
|
||||
date={project.date}
|
||||
{headerImage}
|
||||
{headerSubTitle}
|
||||
{title}
|
||||
{description}
|
||||
{logo}
|
||||
{contributors}
|
||||
{date}
|
||||
/>
|
||||
{/if}
|
||||
{/each}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
import keyweaveImage from '$lib/assets/projects/keyweave-terminal.jpg?enhanced';
|
||||
import keyweaveLogo from '$lib/assets/projects/keyweave-logo.png';
|
||||
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;
|
||||
|
|
|
|||
|
|
@ -36,9 +36,9 @@
|
|||
</div>
|
||||
|
||||
<ul class="columns-1 md:columns-2 lg:columns-3 gap-6 w-full mb-12">
|
||||
{#each tools as { name, title, description, logo, toolUrl }}
|
||||
{#each tools as { name, title, description, logo, toolUrl, enhanced }}
|
||||
<li>
|
||||
<ToolCard {name} {title} {description} {logo} {toolUrl} />
|
||||
<ToolCard {name} {title} {description} {logo} {toolUrl} {enhanced} />
|
||||
</li>
|
||||
{/each}
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,12 @@
|
|||
<script lang="ts">
|
||||
export let name: string;
|
||||
export let title: string;
|
||||
export let description: string;
|
||||
export let logo: string;
|
||||
export let toolUrl: string;
|
||||
import type { Tool } from './tools-cards';
|
||||
|
||||
export let name: Tool['name'];
|
||||
export let title: Tool['title'];
|
||||
export let description: Tool['description'];
|
||||
export let logo: Tool['logo'];
|
||||
export let toolUrl: Tool['toolUrl'];
|
||||
export let enhanced: Tool['enhanced'];
|
||||
</script>
|
||||
|
||||
<a
|
||||
|
|
@ -14,12 +17,21 @@
|
|||
>
|
||||
<div class="flex flex-col gap-6">
|
||||
<div class="flex gap-6">
|
||||
<img
|
||||
src={logo}
|
||||
alt={name + ' logo'}
|
||||
class="h-12 w-12 rounded-sm object-contain"
|
||||
loading="lazy"
|
||||
/>
|
||||
{#if enhanced}
|
||||
<enhanced:img
|
||||
src={logo}
|
||||
alt={name + ' logo'}
|
||||
class="h-12 w-12 rounded-sm object-contain"
|
||||
loading="lazy"
|
||||
/>
|
||||
{:else}
|
||||
<img
|
||||
src={logo}
|
||||
alt={name + ' logo'}
|
||||
class="h-12 w-12 rounded-sm object-contain"
|
||||
loading="lazy"
|
||||
/>
|
||||
{/if}
|
||||
<div class="grow">
|
||||
<h4 class="mb-0">{name}</h4>
|
||||
<p class="text-faded text-sm font-normal">{title}</p>
|
||||
|
|
|
|||
|
|
@ -1,101 +1,101 @@
|
|||
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';
|
||||
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?enhanced';
|
||||
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 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 poetryLogo from '$lib/assets/tools/poetry.svg';
|
||||
import maccyLogo from '$lib/assets/tools/maccy.png?enhanced';
|
||||
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 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 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?enhanced';
|
||||
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?enhanced';
|
||||
|
||||
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
|
||||
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
|
||||
};
|
||||
|
||||
export interface Tool {
|
||||
|
|
@ -104,6 +104,7 @@ export interface Tool {
|
|||
description: string;
|
||||
logo: string;
|
||||
toolUrl: string;
|
||||
enhanced: boolean;
|
||||
}
|
||||
|
||||
const tools: Tool[] = [
|
||||
|
|
@ -112,383 +113,431 @@ const tools: Tool[] = [
|
|||
title: 'A complete developer platform',
|
||||
description:
|
||||
'A platform for hosting and collaborating on code, providing version control, issue tracking, and code review.',
|
||||
logo: GitHubLogo,
|
||||
toolUrl: 'https://github.com'
|
||||
logo: gitHubLogo,
|
||||
toolUrl: 'https://github.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Overleaf',
|
||||
title: 'Online LaTeX Editor',
|
||||
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,
|
||||
toolUrl: 'https://www.overleaf.com'
|
||||
logo: overleafLogo,
|
||||
toolUrl: 'https://www.overleaf.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'ArgoCD',
|
||||
title: 'Declarative GitOps Continuous Delivery',
|
||||
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,
|
||||
toolUrl: 'https://argoproj.github.io/cd/'
|
||||
logo: argoCDLogo,
|
||||
toolUrl: 'https://argoproj.github.io/cd/',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Studio 3T',
|
||||
title: 'MongoDB Development Tool',
|
||||
description:
|
||||
'Studio 3T simplifies working with MongoDB, providing useful features for managing databases, collections, and queries.',
|
||||
logo: Studio3TLogo,
|
||||
toolUrl: 'https://www.studio3t.com'
|
||||
logo: studio3TLogo,
|
||||
toolUrl: 'https://www.studio3t.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Warp',
|
||||
title: 'Fast and Secure VPN',
|
||||
description:
|
||||
'Warp is a modern, Rust-based terminal with AI built in so you and your team can build great software, faster.',
|
||||
logo: WarpLogo,
|
||||
toolUrl: 'https://warp.dev'
|
||||
logo: warpLogo,
|
||||
toolUrl: 'https://warp.dev',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'k9s',
|
||||
title: 'Kubernetes Terminal',
|
||||
description:
|
||||
'k9s is a Kubernetes terminal that provides an easy interface to interact with clusters, aiding in managing and observing Kubernetes resources.',
|
||||
logo: K9sLogo,
|
||||
toolUrl: 'https://k9scli.io'
|
||||
logo: k9sLogo,
|
||||
toolUrl: 'https://k9scli.io',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Figma',
|
||||
title: 'Collaborative Design Tool',
|
||||
description:
|
||||
'Figma is a collaborative design tool that helps in creating, testing, and sharing user interfaces for applications and websites.',
|
||||
logo: FigmaLogo,
|
||||
toolUrl: 'https://www.figma.com'
|
||||
logo: figmaLogo,
|
||||
toolUrl: 'https://www.figma.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Azure CLI',
|
||||
title: 'Command-line Interface for Azure',
|
||||
description:
|
||||
'Azure CLI is a command-line interface for managing Azure resources, enabling quick administration of my Azure-hosted applications and services.',
|
||||
logo: AzureCLILogo,
|
||||
toolUrl: 'https://docs.microsoft.com/cli/azure'
|
||||
logo: azureCLILogo,
|
||||
toolUrl: 'https://docs.microsoft.com/cli/azure',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'KeyStore Explorer',
|
||||
title: 'GUI-based Key & Certificate Management Tool',
|
||||
description:
|
||||
'KeyStore Explorer is a GUI-based tool to manage cryptographic keys and certificates, helping in development and testing phases.',
|
||||
logo: KeystoreExplorer,
|
||||
toolUrl: 'https://keystore-explorer.org'
|
||||
logo: keystoreExplorer,
|
||||
toolUrl: 'https://keystore-explorer.org',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Toggl Track',
|
||||
title: 'Time Tracking Tool',
|
||||
description:
|
||||
'Toggl Track is a time tracking tool that assists in managing my daily tasks and tracking productivity.',
|
||||
logo: TogglTrackLogo,
|
||||
toolUrl: 'https://www.toggl.com/track'
|
||||
logo: togglTrackLogo,
|
||||
toolUrl: 'https://www.toggl.com/track',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Helm',
|
||||
title: 'Kubernetes Package Manager',
|
||||
description:
|
||||
'Helm is a Kubernetes package manager that simplifies the deployment and management of applications on Kubernetes clusters.',
|
||||
logo: HelmLogo,
|
||||
toolUrl: 'https://helm.sh'
|
||||
logo: helmLogo,
|
||||
toolUrl: 'https://helm.sh',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Royal TSX',
|
||||
title: 'Connection Management Tool',
|
||||
description:
|
||||
'Royal TSX is a connection management tool that provides easy and secure access to remote systems.',
|
||||
logo: RoyalTSXLogo,
|
||||
toolUrl: 'https://www.royalapps.com/ts/mac/features'
|
||||
logo: royalTSXLogo,
|
||||
toolUrl: 'https://www.royalapps.com/ts/mac/features',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Poetry',
|
||||
title: 'Python Dependency Management Tool',
|
||||
description:
|
||||
'Poetry is a Python dependency management tool that simplifies package management and project environment setup.',
|
||||
logo: PoetryLogo,
|
||||
toolUrl: 'https://python-poetry.org'
|
||||
logo: poetryLogo,
|
||||
toolUrl: 'https://python-poetry.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Maccy',
|
||||
title: 'Clipboard Manager for macOS',
|
||||
description:
|
||||
'Maccy is a lightweight clipboard manager for macOS that improves productivity by keeping a history of the clipboard.',
|
||||
logo: MaccyLogo,
|
||||
toolUrl: 'https://maccy.app'
|
||||
logo: maccyLogo,
|
||||
toolUrl: 'https://maccy.app',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Balena Etcher',
|
||||
title: 'USB and SD Card Writing Tool',
|
||||
description:
|
||||
'Balena Etcher is a USB and SD card writing tool used to flash OS images onto memory cards or drives.',
|
||||
logo: BalenaEtcherLogo,
|
||||
toolUrl: 'https://www.balena.io/etcher'
|
||||
logo: balenaEtcherLogo,
|
||||
toolUrl: 'https://www.balena.io/etcher',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'SendGrid',
|
||||
title: 'Email Delivery Service',
|
||||
description:
|
||||
'SendGrid is an email delivery service that facilitates the sending of transactional or marketing emails.',
|
||||
logo: SendGridLogo,
|
||||
toolUrl: 'https://sendgrid.com'
|
||||
logo: sendGridLogo,
|
||||
toolUrl: 'https://sendgrid.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Insomnia',
|
||||
title: 'REST Client',
|
||||
description:
|
||||
'Insomnia is a powerful REST client that aids in testing, debugging, and interacting with HTTP APIs.',
|
||||
logo: InsomniaLogo,
|
||||
toolUrl: 'https://insomnia.rest'
|
||||
logo: insomniaLogo,
|
||||
toolUrl: 'https://insomnia.rest',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Blender',
|
||||
title: '3D Modeling and Animation Software',
|
||||
description:
|
||||
'Blender is a 3D modeling and animation software used for creating and rendering 3D graphics and animations.',
|
||||
logo: BlenderLogo,
|
||||
toolUrl: 'https://www.blender.org'
|
||||
logo: blenderLogo,
|
||||
toolUrl: 'https://www.blender.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Bitwarden',
|
||||
title: 'Open-source Password Manager',
|
||||
description:
|
||||
'Bitwarden is an open-source password manager that securely stores and manages passwords across devices.',
|
||||
logo: BitwardenLogo,
|
||||
toolUrl: 'https://bitwarden.com'
|
||||
logo: bitwardenLogo,
|
||||
toolUrl: 'https://bitwarden.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Azure Data Studio',
|
||||
title: 'Cross-platform Database 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,
|
||||
toolUrl: 'https://azure.microsoft.com/products/data-studio'
|
||||
logo: azureDataStudioLogo,
|
||||
toolUrl: 'https://azure.microsoft.com/products/data-studio',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Wireshark',
|
||||
title: 'Network Protocol Analyzer',
|
||||
description:
|
||||
'Wireshark is a network protocol analyzer that helps me inspect and troubleshoot network traffic, providing in-depth insights.',
|
||||
logo: WiresharkLogo,
|
||||
toolUrl: 'https://www.wireshark.org'
|
||||
logo: wiresharkLogo,
|
||||
toolUrl: 'https://www.wireshark.org',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Rectangle',
|
||||
title: 'Window Management Tool for macOS',
|
||||
description:
|
||||
'Rectangle is a window management tool for macOS that provides keyboard shortcuts for resizing and organizing windows efficiently.',
|
||||
logo: RectangleLogo,
|
||||
toolUrl: 'https://rectangleapp.com/'
|
||||
logo: rectangleLogo,
|
||||
toolUrl: 'https://rectangleapp.com/',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'PyCharm',
|
||||
title: 'Integrated Development Environment for Python',
|
||||
description:
|
||||
'An Integrated Development Environment (IDE) for Python, providing intelligent code assistance and debugging tools.',
|
||||
logo: PyCharmLogo,
|
||||
toolUrl: 'https://www.jetbrains.com/pycharm/'
|
||||
logo: pyCharmLogo,
|
||||
toolUrl: 'https://www.jetbrains.com/pycharm/',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Docker',
|
||||
title: 'Containerization Platform',
|
||||
description:
|
||||
'A platform that enables the development, shipment, and running of applications inside containers, ensuring consistency across environments.',
|
||||
logo: DockerLogo,
|
||||
toolUrl: 'https://www.docker.com'
|
||||
logo: dockerLogo,
|
||||
toolUrl: 'https://www.docker.com',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Cyberduck',
|
||||
title: 'Server and Cloud Storage Browser',
|
||||
description:
|
||||
'A libre server and cloud storage browser for Mac and Windows, supporting various protocols and cloud providers.',
|
||||
logo: CyberduckLogo,
|
||||
toolUrl: 'https://cyberduck.io'
|
||||
logo: cyberduckLogo,
|
||||
toolUrl: 'https://cyberduck.io',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Mullvad VPN',
|
||||
title: 'VPN Service',
|
||||
description:
|
||||
'A VPN service that prioritizes privacy and anonymity, keeping my online activities secure and private.',
|
||||
logo: MullvadVPNLogo,
|
||||
toolUrl: 'https://mullvad.net'
|
||||
logo: mullvadVPNLogo,
|
||||
toolUrl: 'https://mullvad.net',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'jq',
|
||||
title: 'Command-line JSON Processor',
|
||||
description:
|
||||
'A lightweight and flexible command-line JSON processor, essential for parsing and manipulating JSON data in the shell.',
|
||||
logo: JqLogo,
|
||||
toolUrl: 'https://stedolan.github.io/jq/'
|
||||
logo: jqLogo,
|
||||
toolUrl: 'https://stedolan.github.io/jq/',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Akamai',
|
||||
title: 'Global Content Delivery Network',
|
||||
description:
|
||||
'A global content delivery network, cybersecurity, and cloud service company, providing web and internet security services.',
|
||||
logo: AkamaiLogo,
|
||||
toolUrl: 'https://www.akamai.com'
|
||||
logo: akamaiLogo,
|
||||
toolUrl: 'https://www.akamai.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'CloudFlare',
|
||||
title: 'Content Delivery Network and Security Services',
|
||||
description:
|
||||
'A company that offers CDN services, DDoS mitigation, and distributed domain name server services to optimize and secure online content.',
|
||||
logo: CloudFlareLogo,
|
||||
toolUrl: 'https://www.cloudflare.com'
|
||||
logo: cloudFlareLogo,
|
||||
toolUrl: 'https://www.cloudflare.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Visual Studio Code',
|
||||
title: 'Code Editor',
|
||||
description:
|
||||
'A free, open-source code editor that offers powerful tools for code development, debugging, and extensions for various programming languages.',
|
||||
logo: VisualStudioCodeLogo,
|
||||
toolUrl: 'https://code.visualstudio.com'
|
||||
logo: visualStudioCodeLogo,
|
||||
toolUrl: 'https://code.visualstudio.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'OpsGenie',
|
||||
title: 'Alert and On-Call Management Platform',
|
||||
description:
|
||||
'An alert and on-call management platform that ensures critical alerts are never missed, improving incident response times.',
|
||||
logo: OpsGenieLogo,
|
||||
toolUrl: 'https://www.atlassian.com/software/opsgenie'
|
||||
logo: opsGenieLogo,
|
||||
toolUrl: 'https://www.atlassian.com/software/opsgenie',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'vim',
|
||||
title: 'Text Editor',
|
||||
description:
|
||||
'A highly configurable and efficient text editor that I use for editing code and text files from the command line.',
|
||||
logo: VimLogo,
|
||||
toolUrl: 'https://www.vim.org'
|
||||
logo: vimLogo,
|
||||
toolUrl: 'https://www.vim.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Notion',
|
||||
title: 'Collaboration Platform',
|
||||
description:
|
||||
'A collaboration platform that combines note-taking, task management, and workflow management.',
|
||||
logo: NotionLogo,
|
||||
toolUrl: 'https://www.notion.so'
|
||||
logo: notionLogo,
|
||||
toolUrl: 'https://www.notion.so',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'nvm',
|
||||
title: 'Node.js Version Manager',
|
||||
description:
|
||||
'A Node.js version manager that simplifies the installation and management of multiple Node.js versions.',
|
||||
logo: NvmLogo,
|
||||
toolUrl: 'https://github.com/nvm-sh/nvm'
|
||||
logo: nvmLogo,
|
||||
toolUrl: 'https://github.com/nvm-sh/nvm',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'GIMP',
|
||||
title: 'Open-source Graphics Editor',
|
||||
description:
|
||||
'An open-source raster graphics editor used for tasks such as photo retouching, image editing, and composition.',
|
||||
logo: GIMPLogo,
|
||||
toolUrl: 'https://www.gimp.org'
|
||||
logo: gIMPLogo,
|
||||
toolUrl: 'https://www.gimp.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Azure Storage Explorer',
|
||||
title: 'Azure Storage Management Application',
|
||||
description: 'A standalone app that facilitates the management of Azure storage data.',
|
||||
logo: AzureStorageExplorerLogo,
|
||||
toolUrl: 'https://azure.microsoft.com/products/storage/storage-explorer'
|
||||
logo: azureStorageExplorerLogo,
|
||||
toolUrl: 'https://azure.microsoft.com/products/storage/storage-explorer',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Meld',
|
||||
title: 'Visual Diff and Merge Tool',
|
||||
description:
|
||||
'A visual diff and merge tool that provides clear comparisons between files and directories.',
|
||||
logo: MeldLogo,
|
||||
toolUrl: 'https://meldmerge.org'
|
||||
logo: meldLogo,
|
||||
toolUrl: 'https://meldmerge.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Karabiner Elements',
|
||||
title: 'Keyboard Customizer for macOS',
|
||||
description:
|
||||
'A powerful keyboard customizer for macOS, providing multiple customization options for the keyboard.',
|
||||
logo: KarabinerElementsLogo,
|
||||
toolUrl: 'https://karabiner-elements.pqrs.org'
|
||||
logo: karabinerElementsLogo,
|
||||
toolUrl: 'https://karabiner-elements.pqrs.org',
|
||||
enhanced: true
|
||||
},
|
||||
{
|
||||
name: 'Kustomize',
|
||||
title: 'Kubernetes Configuration Customizer',
|
||||
description:
|
||||
'A template-free way to customize application configuration that simplifies the customization of Kubernetes YAML configuration files.',
|
||||
logo: KustomizeLogo,
|
||||
toolUrl: 'https://kustomize.io'
|
||||
logo: kustomizeLogo,
|
||||
toolUrl: 'https://kustomize.io',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'InkScape',
|
||||
title: 'Open-source Vector Graphics Editor',
|
||||
description:
|
||||
'An open-source vector graphics editor, enabling the creation and editing of vector images.',
|
||||
logo: InkScapeLogo,
|
||||
toolUrl: 'https://inkscape.org'
|
||||
logo: inkScapeLogo,
|
||||
toolUrl: 'https://inkscape.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'OBS',
|
||||
title: 'Open Broadcaster Software',
|
||||
description:
|
||||
'Open Broadcaster Software, a free and open-source tool for video recording and live streaming.',
|
||||
logo: OBSLogo,
|
||||
toolUrl: 'https://obsproject.com'
|
||||
logo: oBSLogo,
|
||||
toolUrl: 'https://obsproject.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'WireGuard',
|
||||
title: 'Modern VPN Protocol',
|
||||
description:
|
||||
'A modern VPN protocol that aims for simplicity and speed, facilitating secure connections.',
|
||||
logo: WireGuardLogo,
|
||||
toolUrl: 'https://www.wireguard.com'
|
||||
logo: wireGuardLogo,
|
||||
toolUrl: 'https://www.wireguard.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'SwitchHosts',
|
||||
title: 'Hosts File Manager',
|
||||
description:
|
||||
'An App for managing and switching hosts files, allowing me to easily switch between different environments.',
|
||||
logo: SwitchHostsLogo,
|
||||
toolUrl: 'https://switchhosts.vercel.app/'
|
||||
logo: switchHostsLogo,
|
||||
toolUrl: 'https://switchhosts.vercel.app/',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'Slack',
|
||||
title: 'Collaboration Hub',
|
||||
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,
|
||||
toolUrl: 'https://slack.com'
|
||||
logo: slackLogo,
|
||||
toolUrl: 'https://slack.com',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'nmap',
|
||||
title: 'Network Security Scanner',
|
||||
description:
|
||||
'A security scanner used to discover hosts and services on a computer network, providing a detailed view of the network.',
|
||||
logo: NmapLogo,
|
||||
toolUrl: 'https://nmap.org'
|
||||
logo: nmapLogo,
|
||||
toolUrl: 'https://nmap.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'DBeaver',
|
||||
title: 'Universal Database Tool',
|
||||
description:
|
||||
'A universal database tool for developers and database administrators that supports all popular databases.',
|
||||
logo: DBeaverLogo,
|
||||
toolUrl: 'https://dbeaver.io'
|
||||
logo: dBeaverLogo,
|
||||
toolUrl: 'https://dbeaver.io',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'OpenTofu',
|
||||
title: 'Infrastructure as Code Tool',
|
||||
description:
|
||||
'An open-source infrastructure as code tool that enables the automated creation, modification, and versioning of complex infrastructures.',
|
||||
logo: OpenTofuLogo,
|
||||
toolUrl: 'https://opentofu.org'
|
||||
logo: openTofuLogo,
|
||||
toolUrl: 'https://opentofu.org',
|
||||
enhanced: false
|
||||
},
|
||||
{
|
||||
name: 'GitLens',
|
||||
title: 'Git Extension for Visual Studio Code',
|
||||
description:
|
||||
'An extension for Visual Studio Code that supercharges the Git capabilities, providing advanced blame annotations, code lens, and more.',
|
||||
logo: GitLensLogo,
|
||||
toolUrl: 'https://gitlens.amod.io'
|
||||
logo: gitLensLogo,
|
||||
toolUrl: 'https://gitlens.amod.io',
|
||||
enhanced: true
|
||||
}
|
||||
];
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue