feat: QuantLabs reorg — quant-led featured grid + Half-baked category

Author: mish-codes

dashboard/lib/projects.py

@@ -103,7 +103,7 @@ class Project:
         ),
     ],
 
-    "Stocks & markets": [
+    "Quantitative finance & markets": [
         Project(
             key="stock_tracker",
             label="Stock Tracker",
@@ -118,13 +118,6 @@ class Project:
             tech=["Python", "yfinance", "pandas", "Plotly"],
             page_link="pages/22_Stock_Analysis.py",
         ),
-        Project(
-            key="stock_prediction",
-            label="Stock Prediction",
-            description="Feature engineering and regression for price forecasting",
-            tech=["Python", "scikit-learn", "Plotly"],
-            page_link="pages/38_Stock_Prediction.py",
-        ),
         Project(
             key="portfolio_optimization",
             label="Portfolio Optimization",
@@ -177,7 +170,7 @@ class Project:
         ),
     ],
 
-    "Analytics & Fintech": [
+    "Data science & analytics": [
         Project(
             key="benchmark_rates",
             label="Benchmark Rates",
@@ -206,6 +199,40 @@ class Project:
             tech=["Python", "yfinance", "VADER", "Plotly"],
             page_link="pages/39_Market_Insights.py",
         ),
+    ],
+
+    "Tech demos & references": [
+        Project(
+            key="big_o",
+            label="Big O Notation",
+            description="Same problem, different complexities — log-log curves of Fibonacci and Pair-sum",
+            tech=["Python", "Plotly", "pytest"],
+            page_link="pages/60_Big_O.py",
+        ),
+        Project(
+            key="etymology",
+            label="Etymology",
+            description="Force-directed graph of English word roots — Greek, Latin, and Proto-Indo-European",
+            tech=["D3.js", "vanilla JS", "YAML"],
+            page_link="pages/50_Etymology.py",
+        ),
+        Project(
+            key="plotting_libraries",
+            label="Plotting Libraries Compared",
+            description="Same data rendered in Plotly, Matplotlib, Altair, and Bokeh side-by-side",
+            tech=["Python", "Plotly", "Matplotlib", "Altair", "Bokeh"],
+            page_link="pages/41_Plotting_Libraries.py",
+        ),
+    ],
+
+    "Half-baked": [
+        Project(
+            key="stock_prediction",
+            label="Stock Prediction",
+            description="Feature engineering and regression for price forecasting",
+            tech=["Python", "scikit-learn", "Plotly"],
+            page_link="pages/38_Stock_Prediction.py",
+        ),
         Project(
             key="esg_tracker",
             label="ESG Tracker",
@@ -235,46 +262,22 @@ class Project:
             page_link="pages/26_Financial_Reporting.py",
         ),
     ],
-
-    "Tech demos & references": [
-        Project(
-            key="big_o",
-            label="Big O Notation",
-            description="Same problem, different complexities — log-log curves of Fibonacci and Pair-sum",
-            tech=["Python", "Plotly", "pytest"],
-            page_link="pages/60_Big_O.py",
-        ),
-        Project(
-            key="etymology",
-            label="Etymology",
-            description="Force-directed graph of English word roots — Greek, Latin, and Proto-Indo-European",
-            tech=["D3.js", "vanilla JS", "YAML"],
-            page_link="pages/50_Etymology.py",
-        ),
-        Project(
-            key="plotting_libraries",
-            label="Plotting Libraries Compared",
-            description="Same data rendered in Plotly, Matplotlib, Altair, and Bokeh side-by-side",
-            tech=["Python", "Plotly", "Matplotlib", "Altair", "Bokeh"],
-            page_link="pages/41_Plotting_Libraries.py",
-        ),
-    ],
 }
 
 
 # FEATURED_KEYS drives two things:
 #   1. The "Featured" grid on the /QuantLabs Welcome tab (top 3 shown)
 #   2. The order of cards on the /QuantLabs All projects tab — featured
 #      first in this order, everything else alphabetical after
-# To reshuffle the "funnest on top" ordering, just rearrange this list.
+# To reshuffle the ordering, just rearrange this list.
 FEATURED_KEYS = [
-    "global_contagion",      # flagship: 3D globe + timeline + (soon) gestures
-    "etymology",             # force-directed word graph
-    "london_house_prices",   # geo maps of 10 years of Land Registry data
-    "big_o",                 # live algorithm runner + log-log plots
-    "rent_vs_buy",           # interactive calculator + scenario charts
-    "portfolio_optimization",
-    "plotting_libraries",
+    "stock_risk_scanner",     # capstone: full-stack, FastAPI, Postgres, Claude API
+    "var_cvar",               # core risk metric
+    "portfolio_optimization", # efficient frontier, max Sharpe
+    "time_series",            # decomposition, ACF
+    "algo_trading",           # backtesting with equity curves
+    "global_contagion",       # flagship: 3D globe + bond-yield contagion
+    "london_house_prices",    # geo maps of 10 years of Land Registry data
 ]
 
 

dashboard/pages/0_QuantLabs.py

@@ -102,11 +102,12 @@ def _page_url(page_link: str) -> str:
 # back to neutral grey so new categories don't need a palette update before
 # they render.
 _CAT_CHIP_PALETTE = {
-    "Geopolitics & risk":         {"bg": "#fee2e2", "fg": "#991b1b"},
-    "Personal finance & property":{"bg": "#dcfce7", "fg": "#166534"},
-    "Stocks & markets":           {"bg": "#dbeafe", "fg": "#1e40af"},
-    "Analytics & Fintech":        {"bg": "#f3e8ff", "fg": "#6b21a8"},
-    "Tech demos & references":    {"bg": "#fef3c7", "fg": "#92400e"},
+    "Geopolitics & risk":              {"bg": "#fee2e2", "fg": "#991b1b"},
+    "Personal finance & property":     {"bg": "#dcfce7", "fg": "#166534"},
+    "Quantitative finance & markets":  {"bg": "#dbeafe", "fg": "#1e40af"},
+    "Data science & analytics":        {"bg": "#f3e8ff", "fg": "#6b21a8"},
+    "Tech demos & references":         {"bg": "#fef3c7", "fg": "#92400e"},
+    "Half-baked":                      {"bg": "#f4f4f4", "fg": "#6b6b6b"},
 }
 _CAT_CHIP_FALLBACK = {"bg": "#f4f4f4", "fg": "#6b6b6b"}
 _CARD_CTA_STYLE = (
@@ -334,6 +335,18 @@ def _ql_html(html: str) -> None:
     # Tech marquee — rendered via components.html so @keyframes survives
     components.html(_build_marquee_html(), height=90, scrolling=False)
 
+    # About paragraph
+    _ql_html(
+        '<p style="font-family:\'Inter\',system-ui,sans-serif;font-size:0.95rem;'
+        'line-height:1.7;color:#4a4a4a;max-width:680px;margin:1.5rem 0 2rem;">'
+        "Two threads run through these projects: risk and pricing — VaR, portfolio "
+        "optimisation, Monte Carlo simulation, full-stack risk pipelines — and market "
+        "data engineering — time series decomposition, anomaly detection, benchmark "
+        "rate feeds. Everything is built in Python, deployed on Streamlit Cloud and "
+        "Render, with source on GitHub."
+        "</p>"
+    )
+
     # Featured grid
     st.markdown('<h2 class="ql-section-heading">Featured</h2>', unsafe_allow_html=True)
     featured_html = (