From 8d9cc3eca788d1ca7afc7ea174b97edaf5afad4d Mon Sep 17 00:00:00 2001 From: KazooTTT Date: Thu, 25 Jul 2024 16:02:26 +0800 Subject: [PATCH] feat: update tools page --- src/components/ToolSection.astro | 2 +- src/icons/apple.svg | 1 + src/icons/canva.svg | 1 + src/icons/tiktok.svg | 1 + src/icons/windows.svg | 1 + src/pages/tools/index.astro | 50 +++++++++++++++++++++++++------- 6 files changed, 44 insertions(+), 12 deletions(-) create mode 100644 src/icons/apple.svg create mode 100644 src/icons/canva.svg create mode 100644 src/icons/tiktok.svg create mode 100644 src/icons/windows.svg diff --git a/src/components/ToolSection.astro b/src/components/ToolSection.astro index 784c306..f309301 100644 --- a/src/components/ToolSection.astro +++ b/src/components/ToolSection.astro @@ -8,7 +8,7 @@ interface Props { tools: { name: string description: string - href: string + href?: string iconPath: string iconBgColour: string }[] diff --git a/src/icons/apple.svg b/src/icons/apple.svg new file mode 100644 index 0000000..36c16e9 --- /dev/null +++ b/src/icons/apple.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/canva.svg b/src/icons/canva.svg new file mode 100644 index 0000000..d8f9746 --- /dev/null +++ b/src/icons/canva.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/tiktok.svg b/src/icons/tiktok.svg new file mode 100644 index 0000000..92ba5e4 --- /dev/null +++ b/src/icons/tiktok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/icons/windows.svg b/src/icons/windows.svg new file mode 100644 index 0000000..265606a --- /dev/null +++ b/src/icons/windows.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pages/tools/index.astro b/src/pages/tools/index.astro index df23b2b..189d399 100644 --- a/src/pages/tools/index.astro +++ b/src/pages/tools/index.astro @@ -10,6 +10,20 @@ const DESIGN = [ href: 'https://www.figma.com/', iconPath: 'figma', iconBgColour: '#000001' + }, + { + name: 'Canva', + description: 'Design Tool', + href: 'https://www.canva.com/', + iconPath: 'canva', + iconBgColour: '#000001' + }, + { + name: '剪映', + description: '视频剪辑', + href: 'https://www.capcut.cn/', + iconPath: 'tiktok', + iconBgColour: '#000001' } ] @@ -21,16 +35,9 @@ const PRODUCTIVITY = [ iconPath: 'arc', iconBgColour: '#414350' }, - { - name: 'Notion', - description: 'Note Taking', - href: 'https://www.notion.so/product', - iconPath: 'notion', - iconBgColour: '#EFEFEE' - }, { name: 'Obsidian', - description: 'Long-form Writing', + description: 'local-first markdown editor', href: 'https://obsidian.md/', iconPath: 'obsidian', iconBgColour: '#7A3EE8' @@ -53,6 +60,27 @@ const DEVELOPMENT = [ iconBgColour: '#06A67F' } ] + +const Divices = [ + { + name: 'mac mini m2 pro 32G 512G', + description: '主力机', + iconPath: 'apple', + iconBgColour: '#000001' + }, + { + name: 'macbook air m1 16G 256G', + description: '移动办公机', + iconPath: 'apple', + iconBgColour: '#000001' + }, + { + name: '机械师整机 i5 32G 512G', + description: 'windows 台式机', + iconPath: 'windows', + iconBgColour: '#000001' + } +] --- @@ -78,10 +106,10 @@ const DEVELOPMENT = [

Tools

Tools and software I use daily

- - - + + +