Create Resume page with inline display and download placeholders #39

Closed
opened 2026-01-15 19:37:39 +00:00 by lmiranda · 1 comment
Owner

Description

Create a Resume page (portfolio_app/pages/resume.py) that displays resume content inline with download options. Content will be added later via Gitea upload.

Page Structure

From blueprint "6. RESUME PAGE":

  1. Download Options Bar - PDF, DOCX, LinkedIn buttons
  2. Inline Resume Display - Formatted resume content
  3. Optional: Interactive Timeline - Career progression visualization (stretch goal)

Acceptance Criteria

  • Page registered at /resume using Dash Pages
  • Download buttons displayed (PDF, DOCX, View on LinkedIn)
  • Download buttons disabled or show "Coming Soon" tooltip (Phase 1)
  • Placeholder section with clear "HUMAN TASK: Upload resume content" flag
  • Placeholder structure ready for resume sections (Summary, Experience, Education, Skills)
  • Mobile responsive layout
  • Theme-aware styling

Technical Notes

  • Register page: dash.register_page(__name__, path="/resume", name="Resume")
  • Use dmc.Button with disabled=True for download buttons in Phase 1
  • Add dmc.Alert with info variant for placeholder message
  • Structure resume display with dmc.Timeline component for experience (optional)
  • Consider dmc.Paper sections for each resume category

Placeholder Content

RESUME_PLACEHOLDER = """
<!-- HUMAN TASK: Upload resume content -->
Resume content will be added here. Please upload the following:
1. PDF version to /static/resume/Leo_Miranda_Resume.pdf
2. DOCX version to /static/resume/Leo_Miranda_Resume.docx
3. Update this file with formatted resume content
"""

Dependencies

  • Depends on: #40 (Extend sidebar navigation)
  • HUMAN TASK: Upload actual resume files and content via Gitea

Labels: Type/Feature, Priority/Medium, Complexity/Low, Efforts/S, Component/Frontend, Sprint/8

## Description Create a Resume page (`portfolio_app/pages/resume.py`) that displays resume content inline with download options. Content will be added later via Gitea upload. ## Page Structure From blueprint "6. RESUME PAGE": 1. **Download Options Bar** - PDF, DOCX, LinkedIn buttons 2. **Inline Resume Display** - Formatted resume content 3. **Optional: Interactive Timeline** - Career progression visualization (stretch goal) ## Acceptance Criteria - [ ] Page registered at `/resume` using Dash Pages - [ ] Download buttons displayed (PDF, DOCX, View on LinkedIn) - [ ] Download buttons disabled or show "Coming Soon" tooltip (Phase 1) - [ ] Placeholder section with clear "HUMAN TASK: Upload resume content" flag - [ ] Placeholder structure ready for resume sections (Summary, Experience, Education, Skills) - [ ] Mobile responsive layout - [ ] Theme-aware styling ## Technical Notes - Register page: `dash.register_page(__name__, path="/resume", name="Resume")` - Use `dmc.Button` with `disabled=True` for download buttons in Phase 1 - Add `dmc.Alert` with info variant for placeholder message - Structure resume display with `dmc.Timeline` component for experience (optional) - Consider `dmc.Paper` sections for each resume category ## Placeholder Content ```python RESUME_PLACEHOLDER = """ <!-- HUMAN TASK: Upload resume content --> Resume content will be added here. Please upload the following: 1. PDF version to /static/resume/Leo_Miranda_Resume.pdf 2. DOCX version to /static/resume/Leo_Miranda_Resume.docx 3. Update this file with formatted resume content """ ``` ## Dependencies - Depends on: #40 (Extend sidebar navigation) - HUMAN TASK: Upload actual resume files and content via Gitea --- **Labels:** Type/Feature, Priority/Medium, Complexity/Low, Efforts/S, Component/Frontend, Sprint/8
Author
Owner

Completed

Created portfolio_app/pages/resume.py with:

  • Header: Name, title, location, contact info, social links
  • Download Section: PDF/DOCX buttons (disabled until files uploaded)
  • Summary: Professional summary paragraph
  • Experience: 3 positions with highlights
  • Skills: 6 categories with badges
  • Education & Certs: Degree + certifications

HUMAN TASK FLAG: Upload resume PDF/DOCX to portfolio_app/assets/resume/ and enable download buttons.

Syntax and lint checks pass.

✅ **Completed** Created `portfolio_app/pages/resume.py` with: - **Header**: Name, title, location, contact info, social links - **Download Section**: PDF/DOCX buttons (disabled until files uploaded) - **Summary**: Professional summary paragraph - **Experience**: 3 positions with highlights - **Skills**: 6 categories with badges - **Education & Certs**: Degree + certifications **HUMAN TASK FLAG**: Upload resume PDF/DOCX to `portfolio_app/assets/resume/` and enable download buttons. 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:27 +00:00
Sign in to join this conversation.