patrick/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add icons to headings on main page

Browse Source
This commit is contained in:
Patrick Jaroszewski
2026-03-26 12:12:24 -04:00
parent 4f8a80a922
commit 03fe6377e8
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/index.astro
View File

@@ -11,6 +11,9 @@ import { SITE } from '@/consts'
import ProjectCard from '../components/svelte/ProjectCard.svelte'
import IconGit from '~icons/simple-icons/git'
import IconGraduationCap from '~icons/lucide/graduation-cap'
import IconWrench from '~icons/lucide/wrench'
import IconFolderCode from '~icons/lucide/folder-code'
import IconPenLine from '~icons/lucide/pen-line'
import Timeline from '../components/svelte/Timeline.svelte'
import type { TimelineEntry } from '../components/svelte/Timeline.svelte'
import ContactForm from '../components/svelte/ContactForm.svelte'
@@ -91,11 +94,12 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
<section class="relative" aria-labelledby="skills-title">
<h2
id="skills-title"
class="font-custom text-foreground text-2xl font-bold"
class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
title="skills"
aria-label="skills"
role="heading"
>
<IconWrench class="size-5" />
Skills & Technologies
</h2>
<p class="text-muted-foreground text-sm" aria-label="skills description">
@@ -110,8 +114,9 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
<div class="relative">
<h2
id="featured-projects-title"
class="font-custom text-foreground text-2xl font-bold"
class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
>
<IconFolderCode class="size-5" />
Featured Projects
</h2>
<p class="text-muted-foreground text-sm">
@@ -150,10 +155,11 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
<div class="relative" aria-labelledby="latest-posts-title">
<h2
id="latest-posts-title"
class="font-custom text-foreground text-2xl font-bold"
class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
title="latest blog posts"
aria-label="latest blog posts"
>
<IconPenLine class="size-5" />
Latest Blog Posts
</h2>
<p class="text-muted-foreground text-sm" aria-label="blog description">
@@ -207,7 +213,7 @@ const turnstileSitekey = import.meta.env.PUBLIC_TURNSTILE_SITEKEY
id="contact-title"
class="font-custom text-foreground text-2xl font-bold flex items-center gap-2"
>
<IconMail class="size-6" />
<IconMail class="size-5" />
Get In Touch
</h2>
<p class="text-muted-foreground text-sm">