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

Update progress: Task 5 completed (FloatingNav component)

Browse Source
This commit is contained in:
A Charlwood
2026-02-10 16:27:29 +00:00
parent 3eb91a3cec
commit 2ac69c7796
2 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Ralph/IMPLEMENTATION_PLAN.md
+1 -1
View File
@@ -98,7 +98,7 @@ src/
- Emit `onComplete` callback when animation finishes
Use Framer Motion for path drawing animations (pathLength).
- [ ] **Task 5: Build FloatingNav component**
- [x] **Task 5: Build FloatingNav component**
Create `components/FloatingNav.tsx`. Floating pill navigation bar fixed at top center. Links: About, Skills, Experience, Education, Projects, Contact. Active link tracking via `useActiveSection` hook (IntersectionObserver). Smooth scroll to sections on click. Responsive: horizontal scroll on mobile. Styling: white bg, rounded-full, shadow-md, teal active state with dot indicator.