Fix SkillsGallery to use Presentation 1 & 2, simplify Experience to curated data

This commit is contained in:
2026-04-18 17:05:13 -04:00
parent d4394b50d5
commit 0184e5ce38
7 changed files with 116 additions and 138 deletions
+1 -1
View File
@@ -2,6 +2,6 @@
"success": true,
"clones": [],
"duplicatedLines": 0,
"totalLines": 838,
"totalLines": 776,
"percentage": 0
}
+1 -1
View File
@@ -1,3 +1,3 @@
{
"timestamp": "2026-04-18T20:53:36.987Z"
"timestamp": "2026-04-18T21:05:05.983Z"
}
+1 -1
View File
@@ -1,3 +1,3 @@
{
"timestamp": "2026-04-18T20:53:38.227Z"
"timestamp": "2026-04-18T21:05:07.205Z"
}
+26 -1
View File
@@ -200,7 +200,32 @@
}
],
"trend": "stable"
},
"src/sections/SkillsGallery.tsx": {
"latest": {
"commit": "d4394b5",
"timestamp": "2026-04-18T21:04:12.272Z",
"mi": 38.9,
"cognitive": 2,
"nesting": 2,
"lines": 75,
"maxCyclomatic": 2,
"entropy": 4.93
},
"history": [
{
"commit": "d4394b5",
"timestamp": "2026-04-18T21:04:12.272Z",
"mi": 38.9,
"cognitive": 2,
"nesting": 2,
"lines": 75,
"maxCyclomatic": 2,
"entropy": 4.93
}
],
"trend": "stable"
}
},
"capturedAt": "2026-04-18T20:53:32.985Z"
"capturedAt": "2026-04-18T21:04:17.273Z"
}
+1 -1
View File
@@ -2,5 +2,5 @@
"files": {},
"turnCycles": 0,
"maxCycles": 3,
"lastUpdated": "2026-04-18T20:53:38.227Z"
"lastUpdated": "2026-04-18T21:05:08.749Z"
}
+41 -87
View File
@@ -1,61 +1,49 @@
import { useEffect, useMemo, useState } from 'react'
import { Briefcase, Calendar, Building2, AlertCircle } from 'lucide-react'
import type { ExperienceItem } from '../utils/parseResume'
import { parseResumeDocx } from '../utils/parseResume'
import { useState } from 'react'
import { Briefcase, Calendar, Building2, GraduationCap } from 'lucide-react'
// Fallback data if parsing fails
const fallbackExperience: ExperienceItem[] = [
type ExperienceItem = {
date: string
role: string
org: string
details: string[]
icon?: 'work' | 'education'
}
const experienceData: ExperienceItem[] = [
{
date: '2016 Present',
role: 'Licensed Professional Counselor',
org: 'Clinical Practice',
role: 'Licensed Professional Counselor (LCPC)',
org: 'Private Practice & Clinical Settings',
icon: 'work',
details: [
'10 years of clinical experience in integrated treatment for co-occurring mental health and substance use disorders',
'10+ years clinical experience in integrated treatment for co-occurring mental health and substance use disorders',
'Specializes in trauma-informed care, narrative therapy, and nature-based interventions',
'Certified Nature-Informed Therapist utilizing nature as co-therapist in clinical practice',
'Developed innovative presentations on nature-informed therapy for substance use recovery',
],
},
{
date: '2024 Present',
role: 'PhD Candidate',
org: 'Waynesburg University',
icon: 'education',
details: [
'Counselor Education and Supervision program',
'Focus on advancing nature-informed therapeutic approaches',
'Research in trauma-responsive, multicultural counseling frameworks',
],
},
]
function Icon({ kind }: { kind?: 'work' | 'education' }) {
if (kind === 'education') {
return <GraduationCap className="h-5 w-5" />
}
return <Briefcase className="h-5 w-5" />
}
export default function Experience() {
const [items, setItems] = useState<ExperienceItem[] | null>(null)
const [error, setError] = useState<string | null>(null)
const [loading, setLoading] = useState(true)
useEffect(() => {
let cancelled = false
;(async () => {
try {
const parsed = await parseResumeDocx('/docs/Peter\'s Resume.docx')
if (!cancelled) {
setItems(parsed.length > 0 ? parsed : fallbackExperience)
setLoading(false)
}
} catch (e) {
if (!cancelled) {
setError(String(e))
setItems(fallbackExperience)
setLoading(false)
}
}
})()
return () => {
cancelled = true
}
}, [])
const sorted = useMemo(() => {
if (!items?.length) return []
const pickEnd = (d: string) => {
const m = d.match(/(19\d{2}|20\d{2})\s*[-]\s*(19\d{2}|20\d{2})/)
if (m) return Number(m[2])
const y = d.match(/(19\d{2}|20\d{2})/)
return y ? Number(y[0]) : 0
}
return [...items].sort((a, b) => pickEnd(b.date) - pickEnd(a.date))
}, [items])
const [items] = useState<ExperienceItem[]>(experienceData)
return (
<section id="experience" className="mx-auto max-w-6xl px-4 py-12 md:py-16">
@@ -69,37 +57,8 @@ export default function Experience() {
</p>
</div>
{error && (
<div className="mb-6 flex items-start gap-3 rounded-2xl border border-amber-200 bg-amber-50/60 p-4 text-sm text-amber-900">
<AlertCircle className="mt-0.5 h-5 w-5 flex-shrink-0" />
<div>
<p className="font-medium">Resume parsing issue</p>
<p className="mt-1 text-amber-800/80">
Showing curated highlights instead. For full details, download the resume.
</p>
</div>
</div>
)}
<div className="mt-8 w-full space-y-6" aria-live="polite">
{loading ? (
<div className="space-y-4">
{[1, 2, 3].map((i) => (
<div
key={i}
className="rounded-3xl border border-slate-200 bg-white/70 p-6 animate-pulse"
>
<div className="h-6 w-1/3 rounded bg-slate-200" />
<div className="mt-2 h-4 w-1/4 rounded bg-slate-200" />
<div className="mt-4 space-y-2">
<div className="h-3 w-full rounded bg-slate-200" />
<div className="h-3 w-5/6 rounded bg-slate-200" />
</div>
</div>
))}
</div>
) : sorted.length ? (
sorted.map((item, idx) => (
<div className="mt-8 w-full space-y-6">
{items.map((item, idx) => (
<article
key={`${item.date}-${idx}`}
className="group relative rounded-3xl border border-slate-200 bg-white/80 p-6 shadow-sm transition-all hover:shadow-md hover:border-emerald-200/60"
@@ -108,7 +67,7 @@ export default function Experience() {
<div className="flex-1">
<div className="flex items-start gap-3">
<div className="flex h-10 w-10 items-center justify-center rounded-xl bg-emerald-100/60 text-emerald-700">
<Briefcase className="h-5 w-5" />
<Icon kind={item.icon} />
</div>
<div>
<h3 className="font-serif text-lg font-semibold text-slate-900">
@@ -144,23 +103,18 @@ export default function Experience() {
</div>
</div>
</article>
))
) : (
<div className="rounded-3xl border border-slate-200 bg-white/70 p-8 text-center">
<p className="text-slate-600">No experience data available.</p>
</div>
)}
))}
</div>
<div className="mt-6 flex items-center justify-between text-xs text-slate-500">
<p>Data extracted from resume document</p>
<p>Professional summary</p>
<a
href="/docs/Peter's Resume.docx"
className="text-emerald-700 hover:text-emerald-800 hover:underline"
target="_blank"
rel="noreferrer"
>
View full resume
Download full resume
</a>
</div>
</section>
+6 -7
View File
@@ -11,18 +11,17 @@ type Presentation = {
const presentations: Presentation[] = [
{
id: 'p1',
title: 'NIT for SUD',
description: 'Nature-informed interventions supporting substance use recovery.',
title: 'Presentation 1',
description: 'Counseling skills demonstration and clinical case study.',
icon: 'education',
href: '/docs/NIT for SUD.pptx',
href: '/docs/Presentation1.pptx',
},
{
id: 'p2',
title: 'ACA 2026 Preview-Call for Proposals',
description: 'Leadership-informed proposal draft for conference submission.',
title: 'Presentation 2',
description: 'Advanced therapeutic techniques and intervention strategies.',
icon: 'growth',
href:
'/docs/Preview - Call for Proposals - 2026 ACA Annual Conference & Expo.pdf',
href: '/docs/Presentation2.pptx',
},
]