- Add floating pill-shaped sidebar with navigation icons - Implement dark/light theme toggle with localStorage persistence - Update all figure factories for transparent backgrounds - Use carto-darkmatter map style for choropleths - Add methodology link button to Toronto dashboard header - Add back to dashboard button on methodology page - Remove social links from home page (now in sidebar) - Update CLAUDE.md to Sprint 7 Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
170 lines
4.8 KiB
Python
170 lines
4.8 KiB
Python
"""Bio landing page."""
|
|
|
|
import dash
|
|
import dash_mantine_components as dmc
|
|
|
|
dash.register_page(__name__, path="/", name="Home")
|
|
|
|
# Content from bio_content_v2.md
|
|
HEADLINE = "Leo | Data Engineer & Analytics Developer"
|
|
TAGLINE = "I build data infrastructure that actually gets used."
|
|
|
|
SUMMARY = """Over the past 5 years, I've designed and evolved an enterprise analytics platform
|
|
from scratch—now processing 1B+ rows across 21 tables with Python-based ETL pipelines and
|
|
dbt-style SQL transformations. The result: 40% efficiency gains, 30% reduction in call
|
|
abandon rates, and dashboards that executives actually open.
|
|
|
|
My approach: dimensional modeling (star schema), layered transformations
|
|
(staging → intermediate → marts), and automation that eliminates manual work.
|
|
I've built everything from self-service analytics portals to OCR-powered receipt processing systems.
|
|
|
|
Currently at Summitt Energy supporting multi-market operations across Canada and 8 US states.
|
|
Previously cut my teeth on IT infrastructure projects at Petrobras (Fortune 500) and the
|
|
Project Management Institute."""
|
|
|
|
TECH_STACK = [
|
|
"Python",
|
|
"Pandas",
|
|
"SQLAlchemy",
|
|
"FastAPI",
|
|
"SQL",
|
|
"PostgreSQL",
|
|
"MSSQL",
|
|
"Power BI",
|
|
"Plotly/Dash",
|
|
"dbt patterns",
|
|
"Genesys Cloud",
|
|
]
|
|
|
|
PROJECTS = [
|
|
{
|
|
"title": "Toronto Housing Dashboard",
|
|
"description": "Choropleth visualization of GTA real estate trends with TRREB and CMHC data.",
|
|
"status": "In Development",
|
|
"link": "/toronto",
|
|
},
|
|
{
|
|
"title": "Energy Pricing Analysis",
|
|
"description": "Time series analysis and ML prediction for utility market pricing.",
|
|
"status": "Planned",
|
|
"link": "/energy",
|
|
},
|
|
]
|
|
|
|
AVAILABILITY = "Open to Senior Data Analyst, Analytics Engineer, and BI Developer opportunities in Toronto or remote."
|
|
|
|
|
|
def create_hero_section() -> dmc.Stack:
|
|
"""Create the hero section with name and tagline."""
|
|
return dmc.Stack(
|
|
[
|
|
dmc.Title(HEADLINE, order=1, ta="center"),
|
|
dmc.Text(TAGLINE, size="xl", c="dimmed", ta="center"),
|
|
],
|
|
gap="xs",
|
|
py="xl",
|
|
)
|
|
|
|
|
|
def create_summary_section() -> dmc.Paper:
|
|
"""Create the professional summary section."""
|
|
paragraphs = SUMMARY.strip().split("\n\n")
|
|
return dmc.Paper(
|
|
dmc.Stack(
|
|
[
|
|
dmc.Title("About", order=2, size="h3"),
|
|
*[dmc.Text(p.replace("\n", " "), size="md") for p in paragraphs],
|
|
],
|
|
gap="md",
|
|
),
|
|
p="xl",
|
|
radius="md",
|
|
withBorder=True,
|
|
)
|
|
|
|
|
|
def create_tech_stack_section() -> dmc.Paper:
|
|
"""Create the tech stack section with badges."""
|
|
return dmc.Paper(
|
|
dmc.Stack(
|
|
[
|
|
dmc.Title("Tech Stack", order=2, size="h3"),
|
|
dmc.Group(
|
|
[
|
|
dmc.Badge(tech, size="lg", variant="light", radius="sm")
|
|
for tech in TECH_STACK
|
|
],
|
|
gap="sm",
|
|
),
|
|
],
|
|
gap="md",
|
|
),
|
|
p="xl",
|
|
radius="md",
|
|
withBorder=True,
|
|
)
|
|
|
|
|
|
def create_project_card(project: dict[str, str]) -> dmc.Card:
|
|
"""Create a project card."""
|
|
status_color = "blue" if project["status"] == "In Development" else "gray"
|
|
return dmc.Card(
|
|
[
|
|
dmc.Group(
|
|
[
|
|
dmc.Text(project["title"], fw=500, size="lg"),
|
|
dmc.Badge(project["status"], color=status_color, variant="light"),
|
|
],
|
|
justify="space-between",
|
|
align="center",
|
|
),
|
|
dmc.Text(project["description"], size="sm", c="dimmed", mt="sm"),
|
|
],
|
|
withBorder=True,
|
|
radius="md",
|
|
p="lg",
|
|
)
|
|
|
|
|
|
def create_projects_section() -> dmc.Paper:
|
|
"""Create the portfolio projects section."""
|
|
return dmc.Paper(
|
|
dmc.Stack(
|
|
[
|
|
dmc.Title("Portfolio Projects", order=2, size="h3"),
|
|
dmc.SimpleGrid(
|
|
[create_project_card(p) for p in PROJECTS],
|
|
cols={"base": 1, "sm": 2},
|
|
spacing="lg",
|
|
),
|
|
],
|
|
gap="md",
|
|
),
|
|
p="xl",
|
|
radius="md",
|
|
withBorder=True,
|
|
)
|
|
|
|
|
|
def create_availability_section() -> dmc.Text:
|
|
"""Create the availability statement."""
|
|
return dmc.Text(AVAILABILITY, size="sm", c="dimmed", ta="center", fs="italic")
|
|
|
|
|
|
layout = dmc.Container(
|
|
dmc.Stack(
|
|
[
|
|
create_hero_section(),
|
|
create_summary_section(),
|
|
create_tech_stack_section(),
|
|
create_projects_section(),
|
|
dmc.Divider(my="lg"),
|
|
create_availability_section(),
|
|
dmc.Space(h=40),
|
|
],
|
|
gap="xl",
|
|
),
|
|
size="md",
|
|
py="xl",
|
|
)
|