personal-projects/personal-portfolio
Template
1
1
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Redesign Home page with blueprint structure #36

New Issue
Closed
opened 2026-01-15 19:37:10 +00:00 by lmiranda · 1 comment
lmiranda commented 2026-01-15 19:37:10 +00:00
Owner
Copy Link

Description

Restructure the landing page (portfolio_app/pages/home.py) to match the portfolio blueprint. Keep existing sidebar navigation and color scheme, but reorganize content into the new structure.

Current State

The home page has:

  • Hero section with headline and tagline
  • Summary section (long paragraph)
  • Tech stack badges
  • Project cards grid
  • Availability statement

Target State

New structure from blueprint:

  1. Hero Section - New headline: "I turn messy data into systems that actually work." with updated subhead and CTA buttons (View Projects, Get In Touch)
  2. Quick Impact Strip - 3-4 stats (1B+ rows, 40% efficiency, 5 years)
  3. Featured Project Card - Toronto Housing Dashboard with View Dashboard and View Repository links
  4. Brief Intro - 2-3 sentences (shorter than current summary)

Acceptance Criteria

  • Hero section displays new headline and subhead from blueprint
  • Two CTA buttons: "View Projects" -> /projects, "Get In Touch" -> /contact
  • Impact strip shows 3 metrics in responsive grid
  • Featured project card highlights Toronto Housing Dashboard
  • Brief intro section replaces long summary
  • Existing dark/light theme support maintained
  • Mobile responsive layout
  • No changes to sidebar component or color scheme

Technical Notes

  • Use existing dmc.Paper, dmc.Stack, dmc.Button components
  • Impact strip can use dmc.SimpleGrid with 3 columns
  • CTA buttons should use dcc.Link for internal navigation
  • Consider dmc.Group for horizontal button layout

Content Source

Blueprint section: "1. HOME (Landing Page)" in docs/changes/Portfolio-Changes.txt

Labels: Type/Refactor, Priority/High, Complexity/Medium, Efforts/M, Component/Frontend, Sprint/8

## Description Restructure the landing page (`portfolio_app/pages/home.py`) to match the portfolio blueprint. Keep existing sidebar navigation and color scheme, but reorganize content into the new structure. ## Current State The home page has: - Hero section with headline and tagline - Summary section (long paragraph) - Tech stack badges - Project cards grid - Availability statement ## Target State New structure from blueprint: 1. **Hero Section** - New headline: "I turn messy data into systems that actually work." with updated subhead and CTA buttons (View Projects, Get In Touch) 2. **Quick Impact Strip** - 3-4 stats (1B+ rows, 40% efficiency, 5 years) 3. **Featured Project Card** - Toronto Housing Dashboard with View Dashboard and View Repository links 4. **Brief Intro** - 2-3 sentences (shorter than current summary) ## Acceptance Criteria - [ ] Hero section displays new headline and subhead from blueprint - [ ] Two CTA buttons: "View Projects" -> /projects, "Get In Touch" -> /contact - [ ] Impact strip shows 3 metrics in responsive grid - [ ] Featured project card highlights Toronto Housing Dashboard - [ ] Brief intro section replaces long summary - [ ] Existing dark/light theme support maintained - [ ] Mobile responsive layout - [ ] No changes to sidebar component or color scheme ## Technical Notes - Use existing `dmc.Paper`, `dmc.Stack`, `dmc.Button` components - Impact strip can use `dmc.SimpleGrid` with 3 columns - CTA buttons should use `dcc.Link` for internal navigation - Consider `dmc.Group` for horizontal button layout ## Content Source Blueprint section: "1. HOME (Landing Page)" in `docs/changes/Portfolio-Changes.txt` --- **Labels:** Type/Refactor, Priority/High, Complexity/Medium, Efforts/M, Component/Frontend, Sprint/8
lmiranda commented 2026-01-15 20:02:33 +00:00
Author
Owner
Copy Link

✅ Completed

Redesigned portfolio_app/pages/home.py with blueprint structure:

  • Hero Section: New headline + subhead + CTA buttons (View Projects, Get In Touch)
  • Impact Strip: 3 stats (1B+ rows, 40% efficiency, 5 years)
  • Featured Project Card: Toronto Housing Dashboard with Live badge
  • Brief Intro: 2 paragraphs from blueprint

Uses existing dash-mantine-components patterns. Syntax and lint checks pass.

✅ **Completed** Redesigned `portfolio_app/pages/home.py` with blueprint structure: - **Hero Section**: New headline + subhead + CTA buttons (View Projects, Get In Touch) - **Impact Strip**: 3 stats (1B+ rows, 40% efficiency, 5 years) - **Featured Project Card**: Toronto Housing Dashboard with Live badge - **Brief Intro**: 2 paragraphs from blueprint Uses existing dash-mantine-components patterns. Syntax and lint checks pass.
lmiranda added this to the Launch: Host, Bio and Toronto House Market Analysis project 2026-01-16 14:51:54 +00:00
lmiranda self-assigned this 2026-01-16 14:51:59 +00:00
lmiranda moved this to Done in Launch: Host, Bio and Toronto House Market Analysis on 2026-01-16 14:52:22 +00:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Complexity/Complex
High uncertainty or many dependencies
 Complexity/Medium
Some unknowns or dependencies
 Complexity/Simple
Straightforward, well-understood
 Effort/L
3-5 days
 Effort/M
1-2 days
 Effort/S
2-4 hours
 Effort/XL
> 1 week
 Effort/XS
< 2 hours
 Priority/Critical
Immediate attention required
 Priority/High
Important, needs attention soon
 Priority/Low
Nice to have, can wait
 Priority/Medium
Normal priority
 Type/Bug
Something isn't working
 Type/Chore
Maintenance tasks
 Type/Documentation
Documentation improvements
 Type/Feature
New feature or request
 Type/Refactor
Code refactoring without changing behavior
 Type/Test
Testing related
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project Launch: Host, Bio and Toronto House Market Analysis
Assignees
Clear assignees
lmiranda
No Assignees lmiranda
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: personal-projects/personal-portfolio#36
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?