Skip to content

Commit cf8cb9d

Browse files
committed
feat(labs): experience-first landing with lab preview mockup and sidebar catalog
Redesigned the labs landing page to lead with the experience: - Hero shows a clickable macOS-style window mockup of Lab 01 with the three-step flow (scenario, prediction lock, revealed chart) - Removed card wall, featured labs, and how-it-works sections - The mockup IS the pitch — sidebar handles the full catalog - Added sidebar navigation with all 33 labs organized by volume/phase - Landing page uses page-layout: custom with sidebar: false for clean full-bleed hero
1 parent c9b403f commit cf8cb9d

2 files changed

Lines changed: 513 additions & 915 deletions

File tree

labs/config/_quarto-html.yml

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,10 +39,119 @@ website:
3939
keyboard-shortcut: ["/"]
4040

4141
# Shared navbar from navbar-common.yml (via metadata-files).
42+
# Site-local dropdown for quick navigation within labs.
4243
navbar:
4344
logo: "assets/images/favicon.png"
4445
search: true
4546
title: "Machine Learning Systems"
47+
left:
48+
- text: "Labs"
49+
menu:
50+
- icon: lightbulb
51+
text: "Labs Home"
52+
href: ./index.qmd
53+
54+
sidebar:
55+
- id: labs-sidebar
56+
style: "floating"
57+
background: light
58+
search: true
59+
collapse-level: 2
60+
contents:
61+
- text: "Labs Home"
62+
href: index.qmd
63+
- text: "---"
64+
- section: "Volume I: Foundations"
65+
contents:
66+
- section: "I. Foundations"
67+
contents:
68+
- text: "00 · The Architect's Portal"
69+
href: vol1/lab_00_introduction/
70+
- text: "01 · The AI Triad"
71+
href: vol1/lab_01_ml_intro/
72+
- text: "02 · The Iron Law"
73+
href: vol1/lab_02_ml_systems/
74+
- text: "03 · The Silent Degradation Loop"
75+
href: vol1/lab_03_ml_workflow/
76+
- text: "04 · The Data Gravity Trap"
77+
href: vol1/lab_04_data_engr/
78+
- section: "II. Build"
79+
contents:
80+
- text: "05 · The Activation Tax"
81+
href: vol1/lab_05_nn_compute/
82+
- text: "06 · The Quadratic Wall"
83+
href: vol1/lab_06_nn_arch/
84+
- text: "07 · The Kernel Fusion Dividend"
85+
href: vol1/lab_07_ml_frameworks/
86+
- text: "08 · The Training Memory Budget"
87+
href: vol1/lab_08_model_train/
88+
- section: "III. Optimize"
89+
contents:
90+
- text: "09 · The Data Selection Tradeoff"
91+
href: vol1/lab_09_data_selection/
92+
- text: "10 · The Compression Frontier"
93+
href: vol1/lab_10_model_compress/
94+
- text: "11 · The Roofline"
95+
href: vol1/lab_11_hw_accel/
96+
- section: "IV. Deploy"
97+
contents:
98+
- text: "12 · The Speedup Ceiling"
99+
href: vol1/lab_12_perf_bench/
100+
- text: "13 · The Tail Latency Trap"
101+
href: vol1/lab_13_model_serving/
102+
- text: "14 · The Silent Degradation Problem"
103+
href: vol1/lab_14_ml_ops/
104+
- section: "Capstone"
105+
contents:
106+
- text: "15 · There Is No Free Fairness"
107+
href: vol1/lab_15_responsible_engr/
108+
- text: "16 · The Architect's Audit"
109+
href: vol1/lab_16_ml_conclusion/
110+
- text: "---"
111+
- section: "Volume II: At Scale"
112+
contents:
113+
- section: "I. Foundations"
114+
contents:
115+
- text: "01 · The Scale Illusion"
116+
href: vol2/lab_01_introduction/
117+
- text: "02 · The Compute Infrastructure Wall"
118+
href: vol2/lab_02_compute_infra/
119+
- text: "03 · Communication at Scale"
120+
href: vol2/lab_03_communication/
121+
- text: "04 · The Data Pipeline Wall"
122+
href: vol2/lab_04_data_storage/
123+
- section: "II. Build"
124+
contents:
125+
- text: "05 · The Parallelism Puzzle"
126+
href: vol2/lab_05_dist_train/
127+
- text: "06 · When Failure Is Routine"
128+
href: vol2/lab_06_fault_tolerance/
129+
- text: "07 · The Scheduling Trap"
130+
href: vol2/lab_07_fleet_orch/
131+
- text: "08 · The Inference Economy"
132+
href: vol2/lab_08_inference/
133+
- section: "III. Optimize"
134+
contents:
135+
- text: "09 · The Optimization Trap"
136+
href: vol2/lab_09_perf_engineering/
137+
- text: "10 · The Edge Thermodynamics Lab"
138+
href: vol2/lab_10_edge_intelligence/
139+
- text: "11 · The Silent Fleet"
140+
href: vol2/lab_11_ops_scale/
141+
- section: "IV. Deploy"
142+
contents:
143+
- text: "12 · The Price of Privacy"
144+
href: vol2/lab_12_security_privacy/
145+
- text: "13 · The Robustness Budget"
146+
href: vol2/lab_13_robust_ai/
147+
- text: "14 · The Carbon Budget"
148+
href: vol2/lab_14_sustainable_ai/
149+
- section: "Capstone"
150+
contents:
151+
- text: "15 · The Fairness Budget"
152+
href: vol2/lab_15_responsible_ai/
153+
- text: "16 · The Fleet Synthesis"
154+
href: vol2/lab_16_fleet_synthesis/
46155

47156
page-footer:
48157
left: |

0 commit comments

Comments
 (0)