From b82664e49338b03757ba386274fb8274a6d353e8 Mon Sep 17 00:00:00 2001 From: Sunil Parekh Date: Tue, 3 Feb 2026 23:06:54 +0000 Subject: [PATCH 1/4] Integrate astro-icon for enhanced navigation icons in Claude layout - Added astro-icon integration to the Astro configuration. - Updated package.json to include astro-icon and @iconify-json/heroicons dependencies. - Modified ClaudeLayout.astro to utilize icons for navigation items, improving visual clarity and user experience. - Adjusted HTML structure for better accessibility and semantic correctness. --- website/astro.config.mjs | 2 + website/package.json | 2 + website/pnpm-lock.yaml | 543 ++++++++++++++++++++++++++++++++++++++- 3 files changed, 540 insertions(+), 7 deletions(-) diff --git a/website/astro.config.mjs b/website/astro.config.mjs index 54f5732..bcd0dda 100644 --- a/website/astro.config.mjs +++ b/website/astro.config.mjs @@ -1,8 +1,10 @@ import { defineConfig } from "astro/config"; +import icon from "astro-icon"; export default defineConfig({ site: "http://localhost:4321", publicDir: "../public", + integrations: [icon()], vite: { server: { port: 4321, diff --git a/website/package.json b/website/package.json index e43fbf8..6cf1738 100644 --- a/website/package.json +++ b/website/package.json @@ -12,7 +12,9 @@ "tokens:build": "style-dictionary build --config sd.config.js" }, "dependencies": { + "@iconify-json/heroicons": "^1.2.3", "astro": "^4.16.0", + "astro-icon": "^1.1.5", "gray-matter": "^4.0.3", "markdown-it": "^14.1.0" }, diff --git a/website/pnpm-lock.yaml b/website/pnpm-lock.yaml index 48a69ee..f74eb6a 100644 --- a/website/pnpm-lock.yaml +++ b/website/pnpm-lock.yaml @@ -8,9 +8,15 @@ importers: .: dependencies: + '@iconify-json/heroicons': + specifier: ^1.2.3 + version: 1.2.3 astro: specifier: ^4.16.0 - version: 4.16.19(rollup@4.57.0)(typescript@5.9.3) + version: 4.16.19(@types/node@25.2.0)(rollup@4.57.0)(typescript@5.9.3) + astro-icon: + specifier: ^1.1.5 + version: 1.1.5 gray-matter: specifier: ^4.0.3 version: 4.0.3 @@ -24,6 +30,12 @@ importers: packages: + '@antfu/install-pkg@1.1.0': + resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==} + + '@antfu/utils@8.1.1': + resolution: {integrity: sha512-Mex9nXf9vR6AhcXmMrlz/HVgYYZpVGJ6YlPgwl7UnaFpnshXs6EK/oa5Gpf3CzENMjkvEx2tQtntGnb7UtSTOQ==} + '@astrojs/compiler@2.13.0': resolution: {integrity: sha512-mqVORhUJViA28fwHYaWmsXSzLO9osbdZ5ImUfxBarqsYdMlPbqAqGJCxsNzvppp1BEzc1mJNjOVvQqeDN8Vspw==} @@ -278,6 +290,18 @@ packages: cpu: [x64] os: [win32] + '@iconify-json/heroicons@1.2.3': + resolution: {integrity: sha512-n+vmCEgTesRsOpp5AB5ILB6srsgsYK+bieoQBNlafvoEhjVXLq8nIGN4B0v/s4DUfa0dOrjwE/cKJgIKdJXOEg==} + + '@iconify/tools@4.2.0': + resolution: {integrity: sha512-WRxPva/ipxYkqZd1+CkEAQmd86dQmrwH0vwK89gmp2Kh2WyyVw57XbPng0NehP3x4V1LzLsXUneP1uMfTMZmUA==} + + '@iconify/types@2.0.0': + resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==} + + '@iconify/utils@2.3.0': + resolution: {integrity: sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==} + '@img/sharp-darwin-arm64@0.33.5': resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==} engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0} @@ -395,6 +419,10 @@ packages: resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==} engines: {node: '>=12'} + '@isaacs/fs-minipass@4.0.1': + resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==} + engines: {node: '>=18.0.0'} + '@jridgewell/gen-mapping@0.3.13': resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==} @@ -701,6 +729,10 @@ packages: '@shikijs/vscode-textmate@10.0.2': resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==} + '@trysound/sax@0.2.0': + resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==} + engines: {node: '>=10.13.0'} + '@types/babel__core@7.20.5': resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==} @@ -734,9 +766,15 @@ packages: '@types/nlcst@2.0.3': resolution: {integrity: sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==} + '@types/node@25.2.0': + resolution: {integrity: sha512-DZ8VwRFUNzuqJ5khrvwMXHmvPe+zGayJhr2CDNiKB1WBE1ST8Djl00D0IC4vvNmHMdj6DlbYRIaFE7WHjlDl5w==} + '@types/unist@3.0.3': resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==} + '@types/yauzl@2.10.3': + resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==} + '@ungap/structured-clone@1.3.0': resolution: {integrity: sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==} @@ -784,6 +822,9 @@ packages: assert@2.1.0: resolution: {integrity: sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==} + astro-icon@1.1.5: + resolution: {integrity: sha512-CJYS5nWOw9jz4RpGWmzNQY7D0y2ZZacH7atL2K9DeJXJVaz7/5WrxeyIxO8KASk1jCM96Q4LjRx/F3R+InjJrw==} + astro@4.16.19: resolution: {integrity: sha512-baeSswPC5ZYvhGDoj25L2FuzKRWMgx105FetOPQVJFMCAp0o08OonYC7AhwsFdhvp7GapqjnC1Fe3lKb2lupYw==} engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'} @@ -810,6 +851,9 @@ packages: resolution: {integrity: sha512-ipDqC8FrAl/76p2SSWKSI+H9tFwm7vYqXQrItCuiVPt26Km0jS+NzSsBWAaBusvSbQcfJG+JitdMm+wZAgTYqg==} hasBin: true + boolbase@1.0.0: + resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==} + boxen@8.0.1: resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==} engines: {node: '>=18'} @@ -823,6 +867,9 @@ packages: engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} hasBin: true + buffer-crc32@0.2.13: + resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==} + buffer@6.0.3: resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==} @@ -864,6 +911,17 @@ packages: character-entities@2.0.2: resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==} + cheerio-select@2.1.0: + resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==} + + cheerio@1.2.0: + resolution: {integrity: sha512-WDrybc/gKFpTYQutKIK6UvfcuxijIZfMfXaYm8NMsPQxSYvf+13fXUJ4rztGGbJcBQ/GF55gvrZ0Bc0bj/mqvg==} + engines: {node: '>=20.18.1'} + + chownr@3.0.0: + resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==} + engines: {node: '>=18'} + ci-info@4.4.0: resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==} engines: {node: '>=8'} @@ -905,6 +963,10 @@ packages: resolution: {integrity: sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==} engines: {node: '>=18'} + commander@7.2.0: + resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==} + engines: {node: '>= 10'} + common-ancestor-path@1.0.1: resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==} @@ -912,6 +974,12 @@ packages: resolution: {integrity: sha512-4m5s3Me2xxlVKG9PkZpQqHQR7bgpnN7joDMJ4yvVkVXngjoITG76IaZmzmywSeRTeTpc6N6r3H3+KyUurV8OYw==} engines: {node: '>=18'} + confbox@0.1.8: + resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==} + + confbox@0.2.2: + resolution: {integrity: sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ==} + convert-source-map@2.0.0: resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==} @@ -923,11 +991,30 @@ packages: resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==} engines: {node: '>= 8'} + css-select@5.2.2: + resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==} + + css-tree@2.2.1: + resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + + css-tree@2.3.1: + resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0} + + css-what@6.2.2: + resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==} + engines: {node: '>= 6'} + cssesc@3.0.0: resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==} engines: {node: '>=4'} hasBin: true + csso@5.0.5: + resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==} + engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'} + debug@4.4.3: resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==} engines: {node: '>=6.0'} @@ -977,6 +1064,19 @@ packages: dlv@1.1.3: resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} + dom-serializer@2.0.0: + resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==} + + domelementtype@2.3.0: + resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==} + + domhandler@5.0.3: + resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==} + engines: {node: '>= 4'} + + domutils@3.2.2: + resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==} + dset@3.1.4: resolution: {integrity: sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==} engines: {node: '>=4'} @@ -1003,6 +1103,12 @@ packages: emoji-regex@9.2.2: resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==} + encoding-sniffer@0.2.1: + resolution: {integrity: sha512-5gvq20T6vfpekVtqrYQsSCFZ1wEg5+wW0/QaZMWkFr6BqD3NfKs0rLCx4rrVlSWJeZb5NBJgVLswK/w2MWU+Gw==} + + end-of-stream@1.4.5: + resolution: {integrity: sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==} + entities@4.5.0: resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==} engines: {node: '>=0.12'} @@ -1011,6 +1117,10 @@ packages: resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==} engines: {node: '>=0.12'} + entities@7.0.1: + resolution: {integrity: sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==} + engines: {node: '>=0.12'} + es-define-property@1.0.1: resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==} engines: {node: '>= 0.4'} @@ -1057,6 +1167,9 @@ packages: resolution: {integrity: sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==} engines: {node: '>=0.8.x'} + exsolve@1.0.8: + resolution: {integrity: sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==} + extend-shallow@2.0.1: resolution: {integrity: sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==} engines: {node: '>=0.10.0'} @@ -1064,6 +1177,11 @@ packages: extend@3.0.2: resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==} + extract-zip@2.0.1: + resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==} + engines: {node: '>= 10.17.0'} + hasBin: true + fast-glob@3.3.3: resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==} engines: {node: '>=8.6.0'} @@ -1071,6 +1189,9 @@ packages: fastq@1.20.1: resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==} + fd-slicer@1.1.0: + resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==} + fill-range@7.1.1: resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==} engines: {node: '>=8'} @@ -1126,6 +1247,10 @@ packages: resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==} engines: {node: '>= 0.4'} + get-stream@5.2.0: + resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==} + engines: {node: '>=8'} + github-slugger@2.0.0: resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==} @@ -1144,6 +1269,10 @@ packages: engines: {node: 20 || >=22} hasBin: true + globals@15.15.0: + resolution: {integrity: sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==} + engines: {node: '>=18'} + gopd@1.2.0: resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==} engines: {node: '>= 0.4'} @@ -1206,6 +1335,9 @@ packages: html-void-elements@3.0.0: resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==} + htmlparser2@10.1.0: + resolution: {integrity: sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ==} + http-cache-semantics@4.2.0: resolution: {integrity: sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==} @@ -1213,6 +1345,10 @@ packages: resolution: {integrity: sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==} engines: {node: '>=10.18'} + iconv-lite@0.6.3: + resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==} + engines: {node: '>=0.10.0'} + ieee754@1.2.1: resolution: {integrity: sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==} @@ -1342,6 +1478,9 @@ packages: resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} engines: {node: '>=6'} + kolorist@1.8.0: + resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==} + linkify-it@5.0.0: resolution: {integrity: sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==} @@ -1349,6 +1488,10 @@ packages: resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==} engines: {node: '>=6'} + local-pkg@1.1.2: + resolution: {integrity: sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==} + engines: {node: '>=14'} + locate-path@5.0.0: resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==} engines: {node: '>=8'} @@ -1423,6 +1566,12 @@ packages: mdast-util-to-string@4.0.0: resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==} + mdn-data@2.0.28: + resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==} + + mdn-data@2.0.30: + resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==} + mdurl@2.0.0: resolution: {integrity: sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==} @@ -1535,6 +1684,13 @@ packages: resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==} engines: {node: '>=16 || 14 >=14.17'} + minizlib@3.1.0: + resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==} + engines: {node: '>= 18'} + + mlly@1.8.0: + resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==} + mrmime@2.0.1: resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==} engines: {node: '>=10'} @@ -1557,6 +1713,9 @@ packages: node-releases@2.0.27: resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==} + nth-check@2.1.1: + resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==} + object-inspect@1.13.4: resolution: {integrity: sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==} engines: {node: '>= 0.4'} @@ -1573,6 +1732,9 @@ packages: resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==} engines: {node: '>= 0.4'} + once@1.4.0: + resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==} + onetime@7.0.0: resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==} engines: {node: '>=18'} @@ -1611,9 +1773,18 @@ packages: package-json-from-dist@1.0.1: resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==} + package-manager-detector@1.6.0: + resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==} + parse-latin@7.0.0: resolution: {integrity: sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==} + parse5-htmlparser2-tree-adapter@7.1.0: + resolution: {integrity: sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==} + + parse5-parser-stream@7.1.2: + resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==} + parse5@7.3.0: resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==} @@ -1635,6 +1806,12 @@ packages: path@0.12.7: resolution: {integrity: sha512-aXXC6s+1w7otVF9UletFkFcDsJeO7lSZBPUQhtb5O0xJe8LtYhj/GxldoL09bBj9+ZmE2hNoHqQSFMN5fikh4Q==} + pathe@2.0.3: + resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==} + + pend@1.2.0: + resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==} + picocolors@1.1.1: resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==} @@ -1654,6 +1831,12 @@ packages: resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==} engines: {node: '>=8'} + pkg-types@1.3.1: + resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==} + + pkg-types@2.3.0: + resolution: {integrity: sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==} + possible-typed-array-names@1.1.0: resolution: {integrity: sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==} engines: {node: '>= 0.4'} @@ -1686,6 +1869,9 @@ packages: property-information@7.1.0: resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==} + pump@3.0.3: + resolution: {integrity: sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==} + punycode.js@2.3.1: resolution: {integrity: sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==} engines: {node: '>=6'} @@ -1697,6 +1883,9 @@ packages: resolution: {integrity: sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==} engines: {node: '>=0.6'} + quansync@0.2.11: + resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==} + queue-microtask@1.2.3: resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} @@ -1772,6 +1961,9 @@ packages: resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==} engines: {node: '>= 0.4'} + safer-buffer@2.1.2: + resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==} + section-matter@1.0.0: resolution: {integrity: sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA==} engines: {node: '>=4'} @@ -1886,6 +2078,15 @@ packages: engines: {node: '>=22.0.0'} hasBin: true + svgo@3.3.2: + resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==} + engines: {node: '>=14.0.0'} + hasBin: true + + tar@7.5.7: + resolution: {integrity: sha512-fov56fJiRuThVFXD6o6/Q354S7pnWMJIVlDBYijsTNx6jKSE4pvrDTs6lUnmGvNyfJwFQQwWy3owKz1ucIhveQ==} + engines: {node: '>=18'} + thingies@2.5.0: resolution: {integrity: sha512-s+2Bwztg6PhWUD7XMfeYm5qliDdSiZm7M7n8KjTkIsm3l/2lgVRc2/Gx/v+ZX8lT4FMA+i8aQvhcWylldc+ZNw==} engines: {node: '>=10.18'} @@ -1898,6 +2099,10 @@ packages: tinyexec@0.3.2: resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==} + tinyexec@1.0.2: + resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==} + engines: {node: '>=18'} + to-regex-range@5.0.1: resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==} engines: {node: '>=8.0'} @@ -1939,6 +2144,16 @@ packages: uc.micro@2.1.0: resolution: {integrity: sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==} + ufo@1.6.3: + resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==} + + undici-types@7.16.0: + resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==} + + undici@7.20.0: + resolution: {integrity: sha512-MJZrkjyd7DeC+uPZh+5/YaMDxFiiEEaDgbUSVMXayofAkDWF1088CDo+2RPg7B1BuS1qf1vgNE7xqwPxE0DuSQ==} + engines: {node: '>=20.18.1'} + unified@11.0.5: resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==} @@ -2036,6 +2251,15 @@ packages: web-namespaces@2.0.1: resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==} + whatwg-encoding@3.1.1: + resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==} + engines: {node: '>=18'} + deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation + + whatwg-mimetype@4.0.0: + resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==} + engines: {node: '>=18'} + which-pm-runs@1.1.0: resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==} engines: {node: '>=4'} @@ -2069,16 +2293,26 @@ packages: resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==} engines: {node: '>=18'} + wrappy@1.0.2: + resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==} + xxhash-wasm@1.1.0: resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==} yallist@3.1.1: resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==} + yallist@5.0.0: + resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==} + engines: {node: '>=18'} + yargs-parser@21.1.1: resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==} engines: {node: '>=12'} + yauzl@2.10.0: + resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==} + yocto-queue@1.2.2: resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==} engines: {node: '>=12.20'} @@ -2102,6 +2336,13 @@ packages: snapshots: + '@antfu/install-pkg@1.1.0': + dependencies: + package-manager-detector: 1.6.0 + tinyexec: 1.0.2 + + '@antfu/utils@8.1.1': {} + '@astrojs/compiler@2.13.0': {} '@astrojs/internal-helpers@0.4.1': {} @@ -2367,6 +2608,39 @@ snapshots: '@esbuild/win32-x64@0.21.5': optional: true + '@iconify-json/heroicons@1.2.3': + dependencies: + '@iconify/types': 2.0.0 + + '@iconify/tools@4.2.0': + dependencies: + '@iconify/types': 2.0.0 + '@iconify/utils': 2.3.0 + cheerio: 1.2.0 + domhandler: 5.0.3 + extract-zip: 2.0.1 + local-pkg: 1.1.2 + pathe: 2.0.3 + svgo: 3.3.2 + tar: 7.5.7 + transitivePeerDependencies: + - supports-color + + '@iconify/types@2.0.0': {} + + '@iconify/utils@2.3.0': + dependencies: + '@antfu/install-pkg': 1.1.0 + '@antfu/utils': 8.1.1 + '@iconify/types': 2.0.0 + debug: 4.4.3 + globals: 15.15.0 + kolorist: 1.8.0 + local-pkg: 1.1.2 + mlly: 1.8.0 + transitivePeerDependencies: + - supports-color + '@img/sharp-darwin-arm64@0.33.5': optionalDependencies: '@img/sharp-libvips-darwin-arm64': 1.0.4 @@ -2457,6 +2731,10 @@ snapshots: wrap-ansi: 8.1.0 wrap-ansi-cjs: wrap-ansi@7.0.0 + '@isaacs/fs-minipass@4.0.1': + dependencies: + minipass: 7.1.2 + '@jridgewell/gen-mapping@0.3.13': dependencies: '@jridgewell/sourcemap-codec': 1.5.5 @@ -2735,6 +3013,8 @@ snapshots: '@shikijs/vscode-textmate@10.0.2': {} + '@trysound/sax@0.2.0': {} + '@types/babel__core@7.20.5': dependencies: '@babel/parser': 7.28.6 @@ -2778,8 +3058,18 @@ snapshots: dependencies: '@types/unist': 3.0.3 + '@types/node@25.2.0': + dependencies: + undici-types: 7.16.0 + optional: true + '@types/unist@3.0.3': {} + '@types/yauzl@2.10.3': + dependencies: + '@types/node': 25.2.0 + optional: true + '@ungap/structured-clone@1.3.0': {} '@zip.js/zip.js@2.8.16': {} @@ -2818,7 +3108,15 @@ snapshots: object.assign: 4.1.7 util: 0.12.5 - astro@4.16.19(rollup@4.57.0)(typescript@5.9.3): + astro-icon@1.1.5: + dependencies: + '@iconify/tools': 4.2.0 + '@iconify/types': 2.0.0 + '@iconify/utils': 2.3.0 + transitivePeerDependencies: + - supports-color + + astro@4.16.19(@types/node@25.2.0)(rollup@4.57.0)(typescript@5.9.3): dependencies: '@astrojs/compiler': 2.13.0 '@astrojs/internal-helpers': 0.4.1 @@ -2874,8 +3172,8 @@ snapshots: tsconfck: 3.1.6(typescript@5.9.3) unist-util-visit: 5.1.0 vfile: 6.0.3 - vite: 5.4.21 - vitefu: 1.1.1(vite@5.4.21) + vite: 5.4.21(@types/node@25.2.0) + vitefu: 1.1.1(vite@5.4.21(@types/node@25.2.0)) which-pm: 3.0.1 xxhash-wasm: 1.1.0 yargs-parser: 21.1.1 @@ -2911,6 +3209,8 @@ snapshots: baseline-browser-mapping@2.9.19: {} + boolbase@1.0.0: {} + boxen@8.0.1: dependencies: ansi-align: 3.0.1 @@ -2934,6 +3234,8 @@ snapshots: node-releases: 2.0.27 update-browserslist-db: 1.2.3(browserslist@4.28.1) + buffer-crc32@0.2.13: {} + buffer@6.0.3: dependencies: base64-js: 1.5.1 @@ -2972,6 +3274,31 @@ snapshots: character-entities@2.0.2: {} + cheerio-select@2.1.0: + dependencies: + boolbase: 1.0.0 + css-select: 5.2.2 + css-what: 6.2.2 + domelementtype: 2.3.0 + domhandler: 5.0.3 + domutils: 3.2.2 + + cheerio@1.2.0: + dependencies: + cheerio-select: 2.1.0 + dom-serializer: 2.0.0 + domhandler: 5.0.3 + domutils: 3.2.2 + encoding-sniffer: 0.2.1 + htmlparser2: 10.1.0 + parse5: 7.3.0 + parse5-htmlparser2-tree-adapter: 7.1.0 + parse5-parser-stream: 7.1.2 + undici: 7.20.0 + whatwg-mimetype: 4.0.0 + + chownr@3.0.0: {} + ci-info@4.4.0: {} cli-boxes@3.0.0: {} @@ -3006,10 +3333,16 @@ snapshots: commander@12.1.0: {} + commander@7.2.0: {} + common-ancestor-path@1.0.1: {} component-emitter@2.0.0: {} + confbox@0.1.8: {} + + confbox@0.2.2: {} + convert-source-map@2.0.0: {} cookie@0.7.2: {} @@ -3020,8 +3353,32 @@ snapshots: shebang-command: 2.0.0 which: 2.0.2 + css-select@5.2.2: + dependencies: + boolbase: 1.0.0 + css-what: 6.2.2 + domhandler: 5.0.3 + domutils: 3.2.2 + nth-check: 2.1.1 + + css-tree@2.2.1: + dependencies: + mdn-data: 2.0.28 + source-map-js: 1.2.1 + + css-tree@2.3.1: + dependencies: + mdn-data: 2.0.30 + source-map-js: 1.2.1 + + css-what@6.2.2: {} + cssesc@3.0.0: {} + csso@5.0.5: + dependencies: + css-tree: 2.2.1 + debug@4.4.3: dependencies: ms: 2.1.3 @@ -3063,6 +3420,24 @@ snapshots: dlv@1.1.3: {} + dom-serializer@2.0.0: + dependencies: + domelementtype: 2.3.0 + domhandler: 5.0.3 + entities: 4.5.0 + + domelementtype@2.3.0: {} + + domhandler@5.0.3: + dependencies: + domelementtype: 2.3.0 + + domutils@3.2.2: + dependencies: + dom-serializer: 2.0.0 + domelementtype: 2.3.0 + domhandler: 5.0.3 + dset@3.1.4: {} dunder-proto@1.0.1: @@ -3083,10 +3458,21 @@ snapshots: emoji-regex@9.2.2: {} + encoding-sniffer@0.2.1: + dependencies: + iconv-lite: 0.6.3 + whatwg-encoding: 3.1.1 + + end-of-stream@1.4.5: + dependencies: + once: 1.4.0 + entities@4.5.0: {} entities@6.0.1: {} + entities@7.0.1: {} + es-define-property@1.0.1: {} es-errors@1.3.0: {} @@ -3139,12 +3525,24 @@ snapshots: events@3.3.0: {} + exsolve@1.0.8: {} + extend-shallow@2.0.1: dependencies: is-extendable: 0.1.1 extend@3.0.2: {} + extract-zip@2.0.1: + dependencies: + debug: 4.4.3 + get-stream: 5.2.0 + yauzl: 2.10.0 + optionalDependencies: + '@types/yauzl': 2.10.3 + transitivePeerDependencies: + - supports-color + fast-glob@3.3.3: dependencies: '@nodelib/fs.stat': 2.0.5 @@ -3157,6 +3555,10 @@ snapshots: dependencies: reusify: 1.1.0 + fd-slicer@1.1.0: + dependencies: + pend: 1.2.0 + fill-range@7.1.1: dependencies: to-regex-range: 5.0.1 @@ -3213,6 +3615,10 @@ snapshots: dunder-proto: 1.0.1 es-object-atoms: 1.1.1 + get-stream@5.2.0: + dependencies: + pump: 3.0.3 + github-slugger@2.0.0: {} glob-parent@5.1.2: @@ -3232,6 +3638,8 @@ snapshots: package-json-from-dist: 1.0.1 path-scurry: 2.0.1 + globals@15.15.0: {} + gopd@1.2.0: {} graceful-fs@4.2.11: {} @@ -3348,10 +3756,21 @@ snapshots: html-void-elements@3.0.0: {} + htmlparser2@10.1.0: + dependencies: + domelementtype: 2.3.0 + domhandler: 5.0.3 + domutils: 3.2.2 + entities: 7.0.1 + http-cache-semantics@4.2.0: {} hyperdyperid@1.2.0: {} + iconv-lite@0.6.3: + dependencies: + safer-buffer: 2.1.2 + ieee754@1.2.1: {} import-meta-resolve@4.2.0: {} @@ -3451,6 +3870,8 @@ snapshots: kleur@4.1.5: {} + kolorist@1.8.0: {} + linkify-it@5.0.0: dependencies: uc.micro: 2.1.0 @@ -3462,6 +3883,12 @@ snapshots: pify: 4.0.1 strip-bom: 3.0.0 + local-pkg@1.1.2: + dependencies: + mlly: 1.8.0 + pkg-types: 2.3.0 + quansync: 0.2.11 + locate-path@5.0.0: dependencies: p-locate: 4.1.0 @@ -3622,6 +4049,10 @@ snapshots: dependencies: '@types/mdast': 4.0.4 + mdn-data@2.0.28: {} + + mdn-data@2.0.30: {} + mdurl@2.0.0: {} memfs@4.56.10(tslib@2.8.1): @@ -3847,6 +4278,17 @@ snapshots: minipass@7.1.2: {} + minizlib@3.1.0: + dependencies: + minipass: 7.1.2 + + mlly@1.8.0: + dependencies: + acorn: 8.15.0 + pathe: 2.0.3 + pkg-types: 1.3.1 + ufo: 1.6.3 + mrmime@2.0.1: {} ms@2.1.3: {} @@ -3861,6 +4303,10 @@ snapshots: node-releases@2.0.27: {} + nth-check@2.1.1: + dependencies: + boolbase: 1.0.0 + object-inspect@1.13.4: {} object-is@1.1.6: @@ -3879,6 +4325,10 @@ snapshots: has-symbols: 1.1.0 object-keys: 1.1.1 + once@1.4.0: + dependencies: + wrappy: 1.0.2 + onetime@7.0.0: dependencies: mimic-function: 5.0.1 @@ -3924,6 +4374,8 @@ snapshots: package-json-from-dist@1.0.1: {} + package-manager-detector@1.6.0: {} + parse-latin@7.0.0: dependencies: '@types/nlcst': 2.0.3 @@ -3933,6 +4385,15 @@ snapshots: unist-util-visit-children: 3.0.0 vfile: 6.0.3 + parse5-htmlparser2-tree-adapter@7.1.0: + dependencies: + domhandler: 5.0.3 + parse5: 7.3.0 + + parse5-parser-stream@7.1.2: + dependencies: + parse5: 7.3.0 + parse5@7.3.0: dependencies: entities: 6.0.1 @@ -3953,6 +4414,10 @@ snapshots: process: 0.11.10 util: 0.10.4 + pathe@2.0.3: {} + + pend@1.2.0: {} + picocolors@1.1.1: {} picomatch@2.3.1: {} @@ -3965,6 +4430,18 @@ snapshots: dependencies: find-up: 4.1.0 + pkg-types@1.3.1: + dependencies: + confbox: 0.1.8 + mlly: 1.8.0 + pathe: 2.0.3 + + pkg-types@2.3.0: + dependencies: + confbox: 0.2.2 + exsolve: 1.0.8 + pathe: 2.0.3 + possible-typed-array-names@1.1.0: {} postcss@8.5.6: @@ -3992,6 +4469,11 @@ snapshots: property-information@7.1.0: {} + pump@3.0.3: + dependencies: + end-of-stream: 1.4.5 + once: 1.4.0 + punycode.js@2.3.1: {} punycode@1.4.1: {} @@ -4000,6 +4482,8 @@ snapshots: dependencies: side-channel: 1.1.0 + quansync@0.2.11: {} + queue-microtask@1.2.3: {} regex-recursion@5.1.1: @@ -4154,6 +4638,8 @@ snapshots: es-errors: 1.3.0 is-regex: 1.2.1 + safer-buffer@2.1.2: {} + section-matter@1.0.0: dependencies: extend-shallow: 2.0.1 @@ -4321,6 +4807,24 @@ snapshots: transitivePeerDependencies: - tslib + svgo@3.3.2: + dependencies: + '@trysound/sax': 0.2.0 + commander: 7.2.0 + css-select: 5.2.2 + css-tree: 2.3.1 + css-what: 6.2.2 + csso: 5.0.5 + picocolors: 1.1.1 + + tar@7.5.7: + dependencies: + '@isaacs/fs-minipass': 4.0.1 + chownr: 3.0.0 + minipass: 7.1.2 + minizlib: 3.1.0 + yallist: 5.0.0 + thingies@2.5.0(tslib@2.8.1): dependencies: tslib: 2.8.1 @@ -4329,6 +4833,8 @@ snapshots: tinyexec@0.3.2: {} + tinyexec@1.0.2: {} + to-regex-range@5.0.1: dependencies: is-number: 7.0.0 @@ -4353,6 +4859,13 @@ snapshots: uc.micro@2.1.0: {} + ufo@1.6.3: {} + + undici-types@7.16.0: + optional: true + + undici@7.20.0: {} + unified@11.0.5: dependencies: '@types/unist': 3.0.3 @@ -4443,20 +4956,27 @@ snapshots: '@types/unist': 3.0.3 vfile-message: 4.0.3 - vite@5.4.21: + vite@5.4.21(@types/node@25.2.0): dependencies: esbuild: 0.21.5 postcss: 8.5.6 rollup: 4.57.0 optionalDependencies: + '@types/node': 25.2.0 fsevents: 2.3.3 - vitefu@1.1.1(vite@5.4.21): + vitefu@1.1.1(vite@5.4.21(@types/node@25.2.0)): optionalDependencies: - vite: 5.4.21 + vite: 5.4.21(@types/node@25.2.0) web-namespaces@2.0.1: {} + whatwg-encoding@3.1.1: + dependencies: + iconv-lite: 0.6.3 + + whatwg-mimetype@4.0.0: {} + which-pm-runs@1.1.0: {} which-pm@3.0.1: @@ -4499,12 +5019,21 @@ snapshots: string-width: 7.2.0 strip-ansi: 7.1.2 + wrappy@1.0.2: {} + xxhash-wasm@1.1.0: {} yallist@3.1.1: {} + yallist@5.0.0: {} + yargs-parser@21.1.1: {} + yauzl@2.10.0: + dependencies: + buffer-crc32: 0.2.13 + fd-slicer: 1.1.0 + yocto-queue@1.2.2: {} zod-to-json-schema@3.25.1(zod@3.25.76): From d8dd21702edc92acf1bdb5e033e527c2d32abad4 Mon Sep 17 00:00:00 2001 From: Sunil Parekh Date: Tue, 3 Feb 2026 23:40:51 +0000 Subject: [PATCH 2/4] Refactor Claude layout animations and update color variables for consistency - Changed the decorative stripe animation from a momentum entry to a wave morph effect, enhancing visual appeal. - Updated timing for the animation and subsequent content reveal to improve user experience. - Standardized color variable definitions in global.css to lowercase for consistency across styles. - Improved CSS formatting for better readability and maintainability. --- website/src/styles/global.css | 263 +++++++++++++++++++++++++++++++--- 1 file changed, 244 insertions(+), 19 deletions(-) diff --git a/website/src/styles/global.css b/website/src/styles/global.css index e656a72..eedb131 100644 --- a/website/src/styles/global.css +++ b/website/src/styles/global.css @@ -8,6 +8,7 @@ /* ---------- Derived tokens (not in the JSON — composed from generated) ----- */ :root { +<<<<<<< HEAD:website/src/styles/global.css /* Stripe shorthand aliases */ --s1: var(--ref-primitive-harvest); --s2: var(--ref-primitive-sunset); @@ -27,6 +28,75 @@ /* Atmospheric / Glows */ --glow-warm: rgba(114, 10, 99, 0.18); /* Velvet-derived */ --glow-gold: rgba(254, 190, 39, 0.12); /* Harvest-derived */ +======= + /* Color match from SONY reference */ + --color-bg-cream: #f7f3e9; + --color-text-dark: #1a1a1b; + /* Retro Strip Colors */ + --retro-yellow: #f9b233; + --retro-orange: #f36f21; + --retro-red: #e72735; + --retro-magenta: #9e2a78; + --retro-purple: #662d91; + --s1: var(--retro-yellow); + --s2: var(--retro-orange); + --s3: var(--retro-red); + --s4: var(--retro-magenta); + --s5: var(--retro-purple); + + /* Color Foundations - mapped to retro palette */ + --c-bg: var(--color-bg-cream); + --c-surface: #fffaf3; /* Warm white - surfaces */ + --c-surface-2: #f0ebe0; /* Light cream */ + --c-text: var(--color-text-dark); + --c-muted: #6e6961; /* Warm gray */ + --c-border: #d7cfc2; /* Border Neutral */ + + /* Accent Colors - Domestic Palette (content: labels, headings unchanged) */ + --c-accent: #d96b5a; /* Coral - content/links */ + --c-accent-gold: #e9b146; + --c-accent-terracotta: #c0715a; + --c-accent-navy: #4a6aa5; + --c-button-text: #fdfbf7; + + /* Action Colors - strips and call-to-actions only (replaces orange, green, blue, yellow) */ + --c-action-1: #f8d572; /* Light Yellowish-Orange */ + --c-action-2: #ec8844; /* Orange */ + --c-action-3: #e04e39; /* Reddish-Orange (primary CTA) */ + --c-action-4: #bc3d78; /* Magenta / Deep Pink */ + --c-action-5: #7f2f6c; /* Deep Purple */ + --c-cta: var(--c-action-3); /* Primary CTA uses reddish-orange */ + + /* Typography */ + --font-display: "Cormorant Garamond", serif; /* Editorial, narrative */ + --font-body: "Work Sans", sans-serif; /* Clean, readable */ + --font-accent: "IBM Plex Mono", monospace; /* Technical details */ + + /* Type Scale */ + --text-xs: 0.72rem; + --text-sm: 0.85rem; + --text-base: 1rem; + --text-lg: 1.15rem; + --text-xl: 1.35rem; + --text-2xl: 1.75rem; + --text-3xl: clamp(2rem, 3vw, 2.5rem); + --text-hero: clamp(2.6rem, 4vw, 4rem); + + /* Spacing */ + --space-xs: 0.5rem; + --space-sm: 1rem; + --space-md: 1.5rem; + --space-lg: 2rem; + --space-xl: 3rem; + --space-2xl: 4rem; + --space-section: clamp(3rem, 6vw, 5rem); + + /* Effects - Gallery/Object feel */ + --radius-sm: 8px; + --radius-md: 14px; /* Cards feel like objects */ + --radius-lg: 18px; /* Larger containers */ + --radius-full: 999px; +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css /* Shadows (flat for now) */ --shadow-sm: none; @@ -35,6 +105,41 @@ --shadow-card: none; --effect-shadow-panel: none; --effect-shadow-image: none; +<<<<<<< HEAD:website/src/styles/global.css +======= + + /* Decorative Elements */ + /* Stacked strip: 5 retro colors (masthead/footer) – flat, no radius */ + --stripe-stacked: linear-gradient( + to bottom, + var(--s1) 0%, + var(--s1) 20%, + var(--s2) 20%, + var(--s2) 40%, + var(--s3) 40%, + var(--s3) 60%, + var(--s4) 60%, + var(--s4) 80%, + var(--s5) 80%, + var(--s5) 100% + ); + /* Legacy stripe for any other use – same retro palette */ + --stripe: repeating-linear-gradient( + 90deg, + var(--s1) 0 12px, + var(--s2) 12px 20px, + var(--s3) 20px 28px, + var(--s4) 28px 36px, + var(--s5) 36px 44px + ); + --glow-sage: rgba(92, 42, 43, 0.18); + --glow-gold: rgba(228, 185, 108, 0.12); + + /* Transitions */ + --transition-fast: 150ms ease; + --transition-base: 220ms ease; + --transition-slow: 350ms ease; +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css } /* ========================================================================== @@ -136,9 +241,15 @@ h1, h2, h3, h4 { +<<<<<<< HEAD:website/src/styles/global.css font-family: var(--sys-font-display); font-weight: var(--ref-weight-medium); line-height: var(--ref-leading-normal); +======= + font-family: var(--font-display); + font-weight: 500; + line-height: 1.2; +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css margin: 0; } @@ -330,6 +441,7 @@ a:hover { .field textarea, .field select { width: 100%; +<<<<<<< HEAD:website/src/styles/global.css padding: var(--comp-input-padding) var(--ref-space-sm); border: 1px solid var(--comp-input-border); border-radius: var(--comp-input-radius); @@ -338,6 +450,18 @@ a:hover { font-family: var(--sys-font-family); font-size: var(--ref-text-base); transition: border-color var(--sys-motion-fast), box-shadow var(--sys-motion-fast); +======= + padding: 12px 16px; + border: 1px solid var(--c-border); + border-radius: var(--radius-sm); + background: var(--c-surface); + color: var(--c-text); + font-family: var(--font-body); + font-size: var(--text-base); + transition: + border-color var(--transition-fast), + box-shadow var(--transition-fast); +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css } .field input:focus, @@ -387,29 +511,28 @@ body.variant-claude .site-footer .stripe--footer { Organic Momentum – Liquid Pour strip, typewriter, spring reveal, scatter grid ========================================================================== */ -/* 1. Top strip below nav: left-to-right then ease down on page load (nav visible first, then strip) */ -body.variant-claude .site-header .stripe--masthead.momentum-entry { - height: 4px !important; - transform-origin: left center; - animation: momentum-strip-draw 1.2s cubic-bezier(0.85, 0, 0.15, 1) 0.2s forwards; - /* 0.2s delay so nav loads first */ +/* 1. Top strip below nav: wave morph animation (expands from top, no layout shift) */ +body.variant-claude .site-header .stripe--masthead.wave-morph-entry { + height: 80px !important; /* Fixed height to prevent layout shift */ + transform-origin: left top; /* Start from top, expand downward */ + clip-path: polygon(0 0, 0 100%, 0 100%, 0 0); + will-change: transform, clip-path; + transform: scaleX(0) scaleY(0.05); /* Start at 4px height (0.05 * 80px) */ + animation: wave-morph-draw 2.4s cubic-bezier(0.85, 0, 0.15, 1) 0.2s forwards; /* 0.2s delay so nav loads first, 0.5x speed */ } -@keyframes momentum-strip-draw { +@keyframes wave-morph-draw { 0% { - transform: scaleX(0); - height: 4px; + transform: scaleX(0) scaleY(0.05); + clip-path: polygon(0 0, 0 100%, 0 100%, 0 0); } - 35% { - transform: scaleX(1); - height: 4px; + transform: scaleX(1) scaleY(0.05); + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } - - /* Ease down: strip grows to full height */ 100% { - transform: scaleX(1); - height: 80px; + transform: scaleX(1) scaleY(1); + clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } } @@ -445,7 +568,10 @@ body.variant-claude .reveal-up.card-label { from { width: 0; } +<<<<<<< HEAD:website/src/styles/global.css +======= +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css to { width: 100%; } @@ -470,6 +596,7 @@ body.variant-claude .reveal-up.card-label { .reveal-up.stagger-1 { transition-delay: 0.1s; } +<<<<<<< HEAD:website/src/styles/global.css .reveal-up.stagger-2 { transition-delay: 0.25s; @@ -487,26 +614,52 @@ body.variant-claude .reveal-up.card-label { transition-delay: 0.7s; } +======= +.reveal-up.stagger-2 { + transition-delay: 0.25s; +} +.reveal-up.stagger-3 { + transition-delay: 0.4s; +} +.reveal-up.stagger-4 { + transition-delay: 0.55s; +} +.reveal-up.stagger-5 { + transition-delay: 0.7s; +} +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css .reveal-up.stagger-1.active .section-header__label, .reveal-up.stagger-1.active .eyebrow { animation-delay: 0.5s; } +<<<<<<< HEAD:website/src/styles/global.css +======= +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css .reveal-up.stagger-2.active .section-header__label, .reveal-up.stagger-2.active .eyebrow { animation-delay: 0.65s; } +<<<<<<< HEAD:website/src/styles/global.css +======= +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css .reveal-up.stagger-3.active .section-header__label, .reveal-up.stagger-3.active .eyebrow { animation-delay: 0.8s; } +<<<<<<< HEAD:website/src/styles/global.css +======= +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css .reveal-up.stagger-4.active .section-header__label, .reveal-up.stagger-4.active .eyebrow { animation-delay: 0.95s; } +<<<<<<< HEAD:website/src/styles/global.css +======= +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css .reveal-up.stagger-5.active .section-header__label, .reveal-up.stagger-5.active .eyebrow { animation-delay: 1.1s; @@ -521,25 +674,26 @@ body.variant-claude .reveal-up.card-label { } /* Card Type A: The "Anchor" (left-aligned, wide) */ -.fluid-grid .case-card:nth-child(3n+1) { +.fluid-grid .case-card:nth-child(3n + 1) { grid-column: 1 / span 8; margin-top: 0; } /* Card Type B: The "Satellite" (right-aligned, floating; 15vh + parallax in script) */ -.fluid-grid .case-card:nth-child(3n+2) { +.fluid-grid .case-card:nth-child(3n + 2) { grid-column: 8 / span 5; margin-top: 15vh; } /* Card Type C: The "Center-Weight" (middle, wide, offset low) */ -.fluid-grid .case-card:nth-child(3n+3) { +.fluid-grid .case-card:nth-child(3n + 3) { grid-column: 3 / span 8; margin-top: -5vh; margin-bottom: 12vh; } /* Non-case-card items in fluid-grid (e.g. .card) – fallback to simple span */ +<<<<<<< HEAD:website/src/styles/global.css .fluid-grid .card:nth-child(3n+1) { grid-column: 1 / span 8; margin-top: 0; @@ -551,6 +705,17 @@ body.variant-claude .reveal-up.card-label { } .fluid-grid .card:nth-child(3n+3) { +======= +.fluid-grid .card:nth-child(3n + 1) { + grid-column: 1 / span 8; + margin-top: 0; +} +.fluid-grid .card:nth-child(3n + 2) { + grid-column: 8 / span 5; + margin-top: 15vh; +} +.fluid-grid .card:nth-child(3n + 3) { +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css grid-column: 3 / span 8; margin-top: -5vh; margin-bottom: 12vh; @@ -773,6 +938,7 @@ body.variant-claude .case-card .card-label { .text-center { text-align: center; } +<<<<<<< HEAD:website/src/styles/global.css .text-muted { color: var(--sys-color-on-surface-muted); @@ -812,6 +978,39 @@ body.variant-claude .case-card .card-label { .mb-xl { margin-bottom: var(--ref-space-xl); +======= +.text-muted { + color: var(--c-muted); +} +.text-accent { + color: var(--c-accent); +} + +.mt-sm { + margin-top: var(--space-sm); +} +.mt-md { + margin-top: var(--space-md); +} +.mt-lg { + margin-top: var(--space-lg); +} +.mt-xl { + margin-top: var(--space-xl); +} + +.mb-sm { + margin-bottom: var(--space-sm); +} +.mb-md { + margin-bottom: var(--space-md); +} +.mb-lg { + margin-bottom: var(--space-lg); +} +.mb-xl { + margin-bottom: var(--space-xl); +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css } /* ========================================================================== @@ -846,6 +1045,7 @@ body.variant-claude .work-card { position: fixed; top: 0; left: 0; +<<<<<<< HEAD:website/src/styles/global.css width: var(--comp-cursor-size); height: var(--comp-cursor-size); background-color: var(--comp-cursor-color); @@ -853,21 +1053,43 @@ body.variant-claude .work-card { z-index: 9999; transform: translate3d(0, 0, 0) translate(-50%, -50%); transition: background-color var(--sys-motion-slow), border-color var(--sys-motion-slow), opacity var(--sys-motion-base); +======= + width: 12px; + height: 12px; + background-color: var(--retro-purple, #662d91); + pointer-events: none; + z-index: 9999; + transform: translate3d(0, 0, 0) translate(-50%, -50%); + transition: + background-color 0.3s ease, + border-color 0.3s ease, + opacity 0.2s ease; +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css border: 0px solid transparent; box-sizing: border-box; } /* Magnetic Lock-in Frame State – size set by script to match target element */ #custom-cursor.is-hovering { +<<<<<<< HEAD:website/src/styles/global.css background-color: rgba(114, 10, 99, 0.03); /* Velvet at 3% */ border: 1px solid var(--comp-cursor-color); +======= + background-color: rgba(102, 45, 145, 0.03); + border: 1px solid var(--retro-purple, #662d91); +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css } /* Click Feedback */ #custom-cursor.is-clicking { transform: translate3d(0, 0, 0) translate(-50%, -50%) scale(0.7); +<<<<<<< HEAD:website/src/styles/global.css background-color: var(--sys-color-action-primary); border-color: var(--sys-color-action-primary); +======= + background-color: var(--retro-red, #e72735); + border-color: var(--retro-red, #e72735); +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css } /* Hide cursor when it leaves the window */ @@ -890,7 +1112,10 @@ body.variant-claude .work-card { } @media (prefers-reduced-motion: reduce) { +<<<<<<< HEAD:website/src/styles/global.css +======= +>>>>>>> f81acdc (Refactor Claude layout animations and update color variables for consistency):website/src/variants/claude/styles/global.css *, *::before, *::after { From 45e8585ab8e95103009c556c3f94e56d51915fee Mon Sep 17 00:00:00 2001 From: Sunil Parekh Date: Wed, 4 Feb 2026 22:33:41 +0000 Subject: [PATCH 3/4] Enhance navigation and layout in Claude design - Integrated astro-icon for improved navigation clarity with icons for each menu item. - Updated Layout.astro to include icons alongside labels, enhancing accessibility and user experience. - Refined HTML structure for better semantic correctness and maintainability. - Adjusted global.css for consistent styling and improved readability. --- website/src/layouts/Layout.astro | 1126 +++++++++++++++++------------- website/src/styles/global.css | 257 +------ 2 files changed, 678 insertions(+), 705 deletions(-) diff --git a/website/src/layouts/Layout.astro b/website/src/layouts/Layout.astro index b12621f..1f7a60f 100644 --- a/website/src/layouts/Layout.astro +++ b/website/src/layouts/Layout.astro @@ -1,25 +1,27 @@ --- import "../styles/global.css"; import { SITE } from "../lib/site"; +import { Icon } from "astro-icon/components"; interface Props { title?: string; description?: string; } -const { title = "WE3", description = "Small teams for big challenges" } = Astro.props; +const { title = "WE3", description = "Small teams for big challenges" } = + Astro.props; const currentPath = Astro.url.pathname; const logoSrc = `/images/logos/${SITE.logo}.svg`; const navLeft = [ - { href: "/story", label: "Our Story" }, - { href: "/model", label: "The Model" }, - { href: "/engagements", label: "Engagements" }, + { href: "/story", label: "Our Story", icon: "heroicons:book-open" }, + { href: "/model", label: "The Model", icon: "heroicons:squares-plus" }, + { href: "/engagements", label: "Engagements", icon: "heroicons:user-group" }, ]; const navRight = [ - { href: "/work", label: "Work" }, - { href: "/tools", label: "Tools" }, - { href: "/contact", label: "Contact" }, + { href: "/work", label: "Work", icon: "heroicons:briefcase" }, + { href: "/tools", label: "Tools", icon: "heroicons:wrench" }, + { href: "/contact", label: "Contact", icon: "heroicons:envelope" }, ]; const navAll = [...navLeft, ...navRight]; @@ -31,495 +33,608 @@ function isActive(href: string): boolean { } --- - + - - - - - {title} | WE3 - - - - - - - - - - - - - - - -
- + + + + + {title} | WE3 + + + + + + + + + + + + + + + +
+
+ + + + + + + + + + + + - -
+ + + - - -
- -
- - -