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 ProjectCard from '../components/svelte/ProjectCard.svelte'
import IconGit from '~icons/simple-icons/git' import IconGit from '~icons/simple-icons/git'
import IconGraduationCap from '~icons/lucide/graduation-cap' 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 Timeline from '../components/svelte/Timeline.svelte'
import type { TimelineEntry } from '../components/svelte/Timeline.svelte' import type { TimelineEntry } from '../components/svelte/Timeline.svelte'
import ContactForm from '../components/svelte/ContactForm.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"> <section class="relative" aria-labelledby="skills-title">
<h2 <h2
id="skills-title" 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" title="skills"
aria-label="skills" aria-label="skills"
role="heading" role="heading"
> >
<IconWrench class="size-5" />
Skills & Technologies Skills & Technologies
</h2> </h2>
<p class="text-muted-foreground text-sm" aria-label="skills description"> <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"> <div class="relative">
<h2 <h2
id="featured-projects-title" 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 Featured Projects
</h2> </h2>
<p class="text-muted-foreground text-sm"> <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"> <div class="relative" aria-labelledby="latest-posts-title">
<h2 <h2
id="latest-posts-title" 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" title="latest blog posts"
aria-label="latest blog posts" aria-label="latest blog posts"
> >
<IconPenLine class="size-5" />
Latest Blog Posts Latest Blog Posts
</h2> </h2>
<p class="text-muted-foreground text-sm" aria-label="blog description"> <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" id="contact-title"
class="font-custom text-foreground text-2xl font-bold flex items-center gap-2" 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 Get In Touch
</h2> </h2>
<p class="text-muted-foreground text-sm"> <p class="text-muted-foreground text-sm">