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

Create About page with professional narrative #37

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

Description

Create a new About page (portfolio_app/pages/about.py) with the professional narrative from the blueprint. This page tells the career story and provides detailed background information.

Page Structure

From blueprint "2. ABOUT PAGE":

  1. Opening - Career pivot story (PM -> Data)
  2. What I Actually Do - Short and long version of role description
  3. How I Think About Data - Philosophy section
  4. The Technical Stuff - Skills organized by category
  5. Outside Work - Personal info and side projects
  6. What I'm Looking For - Job search criteria with CTA buttons

Acceptance Criteria

  • Page registered at /about using Dash Pages
  • All 6 sections from blueprint implemented
  • Technical skills displayed in organized categories (Languages, Data Engineering, Visualization, Platforms, Currently Learning)
  • Download Resume and Contact Me buttons at bottom
  • Consistent styling with existing pages (Paper, Stack, Text components)
  • Mobile responsive layout
  • Theme-aware (dark/light mode works)

Technical Notes

  • Register page: dash.register_page(__name__, path="/about", name="About")
  • Use dmc.Paper with withBorder=True for section containers
  • Skills can use dmc.Badge similar to tech stack on current home page
  • Consider dmc.Accordion for expandable sections (optional)
  • CTA buttons link to /resume and /contact

Content Source

Full content in docs/changes/Portfolio-Changes.txt section "2. ABOUT PAGE"

Dependencies

  • Depends on: #40 (Extend sidebar navigation)

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

## Description Create a new About page (`portfolio_app/pages/about.py`) with the professional narrative from the blueprint. This page tells the career story and provides detailed background information. ## Page Structure From blueprint "2. ABOUT PAGE": 1. **Opening** - Career pivot story (PM -> Data) 2. **What I Actually Do** - Short and long version of role description 3. **How I Think About Data** - Philosophy section 4. **The Technical Stuff** - Skills organized by category 5. **Outside Work** - Personal info and side projects 6. **What I'm Looking For** - Job search criteria with CTA buttons ## Acceptance Criteria - [ ] Page registered at `/about` using Dash Pages - [ ] All 6 sections from blueprint implemented - [ ] Technical skills displayed in organized categories (Languages, Data Engineering, Visualization, Platforms, Currently Learning) - [ ] Download Resume and Contact Me buttons at bottom - [ ] Consistent styling with existing pages (Paper, Stack, Text components) - [ ] Mobile responsive layout - [ ] Theme-aware (dark/light mode works) ## Technical Notes - Register page: `dash.register_page(__name__, path="/about", name="About")` - Use `dmc.Paper` with `withBorder=True` for section containers - Skills can use `dmc.Badge` similar to tech stack on current home page - Consider `dmc.Accordion` for expandable sections (optional) - CTA buttons link to `/resume` and `/contact` ## Content Source Full content in `docs/changes/Portfolio-Changes.txt` section "2. ABOUT PAGE" ## Dependencies - Depends on: #40 (Extend sidebar navigation) --- **Labels:** Type/Feature, Priority/High, Complexity/Medium, Efforts/M, Component/Frontend, Sprint/8
lmiranda commented 2026-01-15 20:03:39 +00:00
Author
Owner
Copy Link

✅ Completed

Created portfolio_app/pages/about.py with all 6 sections from blueprint:

  1. Opening - Career pivot narrative
  2. What I Actually Do - Short + long version
  3. How I Think About Data - Philosophy on outcomes
  4. The Technical Stuff - Skills table
  5. Outside Work - Personal interests
  6. What I'm Looking For - Job search criteria + CTAs

Syntax and lint checks pass.

✅ **Completed** Created `portfolio_app/pages/about.py` with all 6 sections from blueprint: 1. **Opening** - Career pivot narrative 2. **What I Actually Do** - Short + long version 3. **How I Think About Data** - Philosophy on outcomes 4. **The Technical Stuff** - Skills table 5. **Outside Work** - Personal interests 6. **What I'm Looking For** - Job search criteria + CTAs 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:24 +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#37
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?