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

start matching cv theme to index page (#24)

Browse source 
* start matching theme on cv to index page

* remove references from cv experience
This commit is contained in:
Troy 2025-01-13 14:48:14 +00:00 • committed by GitHub
parent 7e121e1e57
commit 9db394d5f6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 82 additions and 81 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/components/Accordion.astro
View file

@ -16,20 +16,23 @@ const { institution, qualification, grades, isOpen = false } = Astro.props;
<summary
class="flex cursor-pointer items-center justify-between py-3 font-bold"
>
<p class="m-0">
{institution}
</p>
<span class="transition group-open:rotate-180">
<Icon name="mdi:chevron-down" class="h-6 w-auto text-tertiary" />
</span>
</summary>
<div class="p-4 text-sm text-neutral-600 dark:text-neutral-400">
<p class="my-0">
<p class="m-0 text-balance text-xl font-semibold text-secondary">
{qualification}
</p>
<ul>
{grades.map((grade) => <li>{grade}</li>)}
</ul>
<span class="transition group-open:rotate-180">
<Icon
name="mdi:chevron-down"
class="h-6 w-auto text-secondary transition-colors group-open:text-tertiary"
/>
</span>
</summary>
<div class="p-4 text-lg">
<p class="my-0 mb-2 font-semibold text-tertiary">
{institution}
</p>
<ol class="list-inside list-disc">
{grades.map((grade) => <li class="text-tertiary">{grade}</li>)}
</ol>
</div>
</details>
</div>

6
src/components/Skills.astro
View file

@ -15,13 +15,13 @@ const skills = await Promise.all(
<ul class="flex max-w-full list-none flex-wrap gap-4 px-0">
{
skills.map((entry) => (
<li class="flex items-center gap-2 rounded border border-tertiary p-2">
<li class="group flex items-center gap-2 rounded border border-tertiary p-2 text-tertiary transition-colors hover:border-accent hover:text-accent">
<Icon
name={entry.data.icon}
title={entry.data.title}
class="h-6 w-auto text-secondary"
class="h-6 w-auto text-tertiary transition-colors group-hover:text-accent"
/>
<p class="m-0">{entry.data.title}</p>
<p class="m-0 cursor-default">{entry.data.title}</p>
</li>
))
}

20
src/components/Work.astro
View file

@ -18,17 +18,23 @@ const work = await Promise.all(
<ul class="list-none pl-0">
{
work.map((entry) => (
<li class="pl-0">
<h3>
<span>{entry.data.company}</span>
<span>({dateRange(entry.data.dateStart, entry.data.dateEnd)})</span>
<li class="pb-8 pl-0 last:pb-0">
<h3 class="mb-1 mt-4 text-balance text-xl font-semibold text-secondary">
<span class="text-tertiary">{entry.data.role} at</span>{" "}
{entry.data.company}
</h3>
<p>{entry.data.role}</p>
<article>
<time class="block text-sm text-accent">
{dateRange(entry.data.dateStart, entry.data.dateEnd)}
</time>
<article class="mt-4 text-lg text-secondary prose-a:underline prose-a:decoration-tertiary prose-a:decoration-wavy">
<entry.Content />
</article>
{entry.data.article ? (
<a href={entry.data.article}>See related project</a>
<a href={entry.data.article}>
<div class="mt-2 flex flex-row items-center gap-1 justify-self-center rounded-full bg-tertiary px-2 py-1 text-sm font-medium capitalize text-primary transition-colors hover:bg-accent">
View project
</div>
</a>
) : null}
</li>
))