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": { "dependencies": {
"@astrojs/check": "0.9.4", "@astrojs/check": "0.9.4",
"@astrojs/mdx": "^4.0.7", "@astrojs/mdx": "^4.0.8",
"@astrojs/rss": "^4.0.11", "@astrojs/rss": "^4.0.11",
"@astrojs/sitemap": "3.2.1", "@astrojs/sitemap": "3.2.1",
"@astrojs/tailwind": "^6.0.0",
"@fontsource-variable/outfit": "^5.1.1", "@fontsource-variable/outfit": "^5.1.1",
"@fontsource-variable/red-hat-mono": "^5.1.1", "@fontsource-variable/red-hat-mono": "^5.1.1",
"@fontsource/borel": "^5.1.1", "@fontsource/borel": "^5.1.1",
"@tailwindcss/vite": "^4.0.0", "@tailwindcss/vite": "^4.0.1",
"astro": "^5.1.10", "astro": "^5.2.1",
"astro-icon": "^1.1.5", "astro-icon": "^1.1.5",
"rehype-external-links": "^3.0.0", "rehype-external-links": "^3.0.0",
"tailwindcss": "^4.0.0", "tailwindcss": "^4.0.1",
"typescript": "^5.7.3" "typescript": "^5.7.3"
}, },
"devDependencies": { "devDependencies": {
"@iconify-json/mdi": "^1.2.3", "@iconify-json/mdi": "^1.2.3",
"@iconify-json/simple-icons": "^1.2.22", "@iconify-json/simple-icons": "^1.2.22",
"@tailwindcss/typography": "^0.5.16", "@tailwindcss/typography": "^0.5.16",
"@types/node": "^22.10.10", "@types/node": "^22.12.0",
"prettier": "^3.4.2", "prettier": "^3.4.2",
"prettier-plugin-astro": "^0.14.1", "prettier-plugin-astro": "^0.14.1",
"prettier-plugin-tailwindcss": "^0.6.11" "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 <summary
class="flex cursor-pointer items-center justify-between py-3 font-bold" 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} {qualification}
</p> </p>
<span class="transition group-open:rotate-180"> <span class="transition group-open:rotate-180">
<Icon <Icon
name="mdi:chevron-down" 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> </span>
</summary> </summary>

2
src/pages/cv.astro
View file

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