troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

make accordion more reactive

Browse source
This commit is contained in:
Troy 2025-01-30 19:54:31 +00:00
parent d5538e740b
commit a5209b618d
Signed by: troy
GPG key ID: DFC06C02ED3B4711
4 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

11
package.json
View file

@ -12,24 +12,25 @@
},
"dependencies": {
"@astrojs/check": "0.9.4",
"@astrojs/mdx": "^4.0.7",
"@astrojs/mdx": "^4.0.8",
"@astrojs/rss": "^4.0.11",
"@astrojs/sitemap": "3.2.1",
"@astrojs/tailwind": "^6.0.0",
"@fontsource-variable/outfit": "^5.1.1",
"@fontsource-variable/red-hat-mono": "^5.1.1",
"@fontsource/borel": "^5.1.1",
"@tailwindcss/vite": "^4.0.0",
"astro": "^5.1.10",
"@tailwindcss/vite": "^4.0.1",
"astro": "^5.2.1",
"astro-icon": "^1.1.5",
"rehype-external-links": "^3.0.0",
"tailwindcss": "^4.0.0",
"tailwindcss": "^4.0.1",
"typescript": "^5.7.3"
},
"devDependencies": {
"@iconify-json/mdi": "^1.2.3",
"@iconify-json/simple-icons": "^1.2.22",
"@tailwindcss/typography": "^0.5.16",
"@types/node": "^22.10.10",
"@types/node": "^22.12.0",
"prettier": "^3.4.2",
"prettier-plugin-astro": "^0.14.1",
"prettier-plugin-tailwindcss": "^0.6.11"

6
src/components/Accordion.astro
View file

@ -16,13 +16,15 @@ const { institution, qualification, grades, isOpen = false } = Astro.props;
<summary
class="flex cursor-pointer items-center justify-between py-3 font-bold"
>
<p class="text-secondary m-0 font-semibold text-balance">
<p
class="text-tertiary group-hover:text-secondary group-open:text-secondary group-open:group-hover:text-tertiary m-0 font-semibold text-balance transition-colors"
>
{qualification}
</p>
<span class="transition group-open:rotate-180">
<Icon
name="mdi:chevron-down"
class="text-secondary group-open:text-tertiary h-6 w-auto transition-colors"
class="text-tertiary group-open:text-secondary group-hover:text-secondary group-open:group-hover:text-tertiary h-6 w-auto transition-colors"
/>
</span>
</summary>

2
src/pages/cv.astro
View file

@ -70,7 +70,7 @@ import Link from "@components/Link.astro";
</section>
<section class="animate-reveal opacity-0 [animation-delay:0.3s]">
<h2 class="mb-4 text-2xl font-semibold break-words capitalize">Skills</h2>
<p class="mb-2">
<p class="mb-4">
My specific chosen area of focus is design, lighting, and rendering
focusing on 3D environments within software such as Blender and Unreal
Engine. Using either real-time or offline rendering techniques. In