Add road cycling cheatsheet page
· 1 month ago
235adac979fd3dae2d5102c7c8dfac34711fff24
Parent:
b5f173013
Add cycling.html, a standalone responsive cheatsheet for road cycling that covers core principles, bike fit, intensity/zones, workouts, event distances, time-trial and gran fondo plans, pacing, skills, gear, tech/data, nutrition, group riding, safety, injury prevention, recovery, and mindset. The page includes inline CSS, Bootstrap and icon links, SEO/OpenGraph/Twitter metadata, JSON-LD schema, a sticky section nav, and structured info cards. Also add images/cycling.png referenced by the page.
2 files changed +2171 −0
- cycling.html +2171 −0
- images/cycling.png binary
Diff
--- /dev/null +++ b/cycling.html @@ -0,0 +1,2171 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"/> + <meta content="width=device-width, initial-scale=1.0" name="viewport"/> + <title> + Road Cycling Cheatsheet: Training, Pacing & Event Plan (Time Trial to Century) + </title> + <link href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🚴</text></svg>" rel="icon"/> + <!-- SEO Meta Description --> + <meta content="A complete road cycling cheatsheet for amateur riders: bike fit, power and heart-rate zones, workout types, pacing strategy, cadence, gear, fueling, group riding, safety, injury prevention, and focused plans for time trials, gran fondos, and centuries." name="description"/> + <meta content="road cycling cheatsheet, time trial pacing, gran fondo training, century ride plan, cycling power zones, heart rate zones, FTP, bike fit, cycling cadence, cycling nutrition, group riding, cycling gear, cycling safety, amateur cyclist training" name="keywords"/> + <meta content="David Veksler" name="author"/> + <meta content="index, follow" name="robots"/> + <!-- Canonical URL --> + <link href="https://cheatsheets.davidveksler.com/cycling.html" rel="canonical"/> + <!-- Social Media Metadata --> + <meta content="Road Cycling Cheatsheet: Training, Pacing & Event Plan" property="og:title"/> + <meta content="A focused visual guide to road cycling for amateur riders — bike fit, power and HR zones, workouts, event distances, pacing, cadence, gear, fueling, group riding, safety, and plans for time trials and gran fondos." property="og:description"/> + <meta content="https://cheatsheets.davidveksler.com/cycling.html" property="og:url"/> + <meta content="images/cycling.png" property="og:image"/> + <meta content="Road cycling cheatsheet covering training zones, workouts, pacing, bike fit, gear, fueling, and safety." property="og:image:alt"/> + <meta content="David Veksler Cheatsheets" property="og:site_name"/> + <meta content="summary_large_image" name="twitter:card"/> + <meta content="Road Cycling Cheatsheet: Training, Pacing & Event Plan" name="twitter:title"/> + <meta content="Focused visual guide to road cycling: training zones, workouts, pacing, bike fit, gear, fueling, group riding, safety, and event plans for time trials and gran fondos." name="twitter:description"/> + <meta content="images/cycling.png" name="twitter:image"/> + <meta content="Road cycling cheatsheet covering training zones, workouts, pacing, bike fit, gear, and safety." name="twitter:image:alt"/> + <meta content="@heroiclife" name="twitter:creator"/> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" rel="stylesheet"/> + <style> + :root { + --bs-body-bg: #f4f7f9; + --bs-primary: #0277bd; + --bs-primary-dark: #01579b; + --bs-primary-light: #b3e5fc; + --card-border-color: #d6dde2; + --card-shadow-color: rgba(0, 30, 50, .08); + --text-color-main: #1c2429; + --text-color-secondary: #455057; + --text-color-highlight: var(--bs-primary-dark); + --grid-color: rgba(80, 100, 117, 0.06); + + /* --- Cycling Category Colors --- */ + --cyc-color-philosophy: #37474F; + --cyc-color-foundation: #1976D2; + --cyc-color-fit: #00838F; + --cyc-color-zones: #6A1B9A; + --cyc-color-workouts: #C62828; + --cyc-color-distances: #00897B; + --cyc-color-tt: #0277BD; + --cyc-color-fondo: #EF6C00; + --cyc-color-strategy: #303F9F; + --cyc-color-skills: #2E7D32; + --cyc-color-gear: #5D4037; + --cyc-color-data: #455A64; + --cyc-color-nutrition: #9E9D24; + --cyc-color-group: #00ACC1; + --cyc-color-safety: #D84315; + --cyc-color-injury: #C2185B; + --cyc-color-recovery: #0097A7; + --cyc-color-mindset: #512DA8; + + --cat-color: var(--cyc-color-foundation); + } + + body { + background-color: var(--bs-body-bg); + background-image: + linear-gradient(to right, var(--grid-color) 1px, transparent 1px), + linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px); + background-size: 60px 60px; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + padding-bottom: 3rem; + font-size: 16px; + color: var(--text-color-main); + box-sizing: border-box; + } + *, *::before, *::after { box-sizing: inherit; } + + /* --- Header --- */ + .page-header { + background: linear-gradient(135deg, #e1f5fe, var(--bs-primary-light)); + padding: 2.5rem 1.5rem 2rem; + text-align: center; + border-bottom: 3px solid var(--bs-primary); + } + .page-header h1 { + color: var(--bs-primary-dark); + font-weight: 700; + letter-spacing: 0.3px; + margin-bottom: 0.5rem; + font-size: 2.6rem; + } + .page-header h1 .bi { font-size: 0.9em; vertical-align: -0.05em; margin-right: 0.25em; } + .page-header .lead { color: #2b343a; font-size: 1.1rem; max-width: 760px; margin: 0 auto 1.25rem; } + + /* --- Quick reference strip --- */ + .quick-ref { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 0.6rem; + max-width: 880px; + margin: 0 auto; + } + .quick-ref .qr-item { + background: rgba(255, 255, 255, 0.85); + border: 1px solid var(--bs-primary); + border-radius: 6px; + padding: 0.5rem 0.9rem; + font-size: 0.85rem; + color: var(--text-color-secondary); + min-width: 130px; + } + .quick-ref .qr-item strong { + display: block; + color: var(--bs-primary-dark); + font-size: 1.05rem; + font-weight: 700; + } + + /* --- Sticky section nav --- */ + .section-nav { + position: sticky; + top: 0; + z-index: 100; + background: #fff; + border-bottom: 1px solid var(--card-border-color); + box-shadow: 0 2px 6px rgba(0,0,0,.06); + padding: 0.5rem 0; + } + .section-nav .nav-scroll { + display: flex; + gap: 0.4rem; + overflow-x: auto; + padding: 0 1rem; + scrollbar-width: thin; + } + .section-nav a { + white-space: nowrap; + font-size: 0.82rem; + font-weight: 600; + color: var(--text-color-secondary); + text-decoration: none; + padding: 0.3rem 0.7rem; + border-radius: 20px; + border: 1px solid transparent; + transition: background-color .15s, color .15s; + } + .section-nav a:hover { + background: var(--bs-primary-light); + color: var(--bs-primary-dark); + } + + /* --- Section containers --- */ + .schema-container { + background-color: #fff; + border: 1px solid var(--card-border-color); + border-left: 5px solid var(--cat-color); + border-radius: 8px; + padding: 1.25rem 1.5rem 0.25rem; + margin-bottom: 2rem; + box-shadow: 0 3px 10px rgba(0, 30, 50, .05); + scroll-margin-top: 60px; + } + .schema-container.featured-section { + border: 2px solid var(--cyc-color-tt); + border-left-width: 5px; + box-shadow: 0 5px 18px rgba(2, 119, 189, 0.18); + } + .section-title { + color: var(--cat-color); + margin: 0 0 1.25rem 0; + font-weight: 700; + text-transform: uppercase; + letter-spacing: .06em; + font-size: 1.15rem; + display: flex; + align-items: center; + gap: 0.5rem; + } + .section-title .bi { font-size: 1.15em; } + .section-title .featured-badge { + font-size: 0.65rem; + background: var(--cyc-color-tt); + color: #fff; + padding: 0.18em 0.6em; + border-radius: 3px; + letter-spacing: 0.04em; + text-transform: uppercase; + } + + /* --- Cards --- */ + .info-card { + background: #fff; + border: 1px solid var(--card-border-color); + border-top: 3px solid var(--cat-color); + border-radius: 5px; + box-shadow: 0 2px 6px var(--card-shadow-color); + height: 100%; + display: flex; + flex-direction: column; + transition: box-shadow 0.2s ease, transform 0.2s ease; + } + .info-card:hover { + box-shadow: 0 6px 16px rgba(0, 60, 100, .15); + transform: translateY(-3px); + } + .info-card .card-body { padding: 0; display: flex; flex-direction: column; flex-grow: 1; } + .info-card h5 { + color: var(--cat-color); + font-size: 1.02rem; + margin: 0; + padding: 0.75rem 1rem 0.5rem; + font-weight: 700; + display: flex; + align-items: center; + gap: .5rem; + } + .info-card h5 .bi { font-size: 1.15em; opacity: 0.9; } + .card-content-wrapper { padding: 0 1rem 1rem; display: flex; flex-direction: column; flex-grow: 1; } + .info-card p.summary { + font-size: .92rem; + color: var(--text-color-secondary); + margin-bottom: .75rem; + line-height: 1.55; + } + .card-detail { + font-size: 0.88rem; + border-top: 1px solid #eef0f2; + padding-top: 0.75rem; + margin-top: auto; + color: var(--text-color-main); + } + .card-detail h6 { + font-weight: 700; + color: var(--cat-color); + margin: 0 0 0.5rem; + font-size: 0.8rem; + text-transform: uppercase; + letter-spacing: 0.04em; + } + .card-detail ul { padding-left: 0; margin-bottom: 0.5rem; list-style: none; } + .card-detail li { + margin-bottom: 0.5rem; + font-size: 0.86rem; + line-height: 1.5; + position: relative; + padding-left: 1.3rem; + } + .card-detail li:last-child { margin-bottom: 0; } + .card-detail li::before { + content: "\F26C"; + font-family: "bootstrap-icons"; + position: absolute; + left: 0; + top: 0; + color: var(--cat-color); + opacity: 0.7; + font-size: 0.95em; + } + .card-detail li strong { color: var(--text-color-highlight); } + .card-detail p { font-size: 0.86rem; margin-bottom: 0.5rem; line-height: 1.5; } + .card-detail p:last-child { margin-bottom: 0; } + .card-detail code { + font-size: 0.84rem; + color: var(--bs-primary-dark); + background-color: #f8f9fa; + padding: 0.1em 0.4em; + border-radius: 3px; + } + .card-detail .important-note { + display: block; + font-weight: 600; + color: var(--cyc-color-injury); + margin-top: 0.6rem; + } + + .row > * { margin-bottom: 1.5rem; } + .term { font-weight: 600; color: var(--bs-primary-dark); background-color: var(--bs-primary-light); padding: 0.05em 0.3em; border-radius: 3px; } + .badge.bg-warning { font-weight: 600; } + + a { color: var(--bs-primary-dark); } + a:hover { color: #013a66; } + + footer { padding-top: 2rem; font-size: .85em; color: #6c757d; text-align: center; } + + /* --- Category color assignment --- */ + .section-philosophy { --cat-color: var(--cyc-color-philosophy); } + .section-foundation { --cat-color: var(--cyc-color-foundation); } + .section-fit { --cat-color: var(--cyc-color-fit); } + .section-zones { --cat-color: var(--cyc-color-zones); } + .section-workouts { --cat-color: var(--cyc-color-workouts); } + .section-distances { --cat-color: var(--cyc-color-distances); } + .section-tt { --cat-color: var(--cyc-color-tt); } + .section-fondo { --cat-color: var(--cyc-color-fondo); } + .section-strategy { --cat-color: var(--cyc-color-strategy); } + .section-skills { --cat-color: var(--cyc-color-skills); } + .section-gear { --cat-color: var(--cyc-color-gear); } + .section-data { --cat-color: var(--cyc-color-data); } + .section-nutrition { --cat-color: var(--cyc-color-nutrition); } + .section-group { --cat-color: var(--cyc-color-group); } + .section-safety { --cat-color: var(--cyc-color-safety); } + .section-injury { --cat-color: var(--cyc-color-injury); } + .section-recovery { --cat-color: var(--cyc-color-recovery); } + .section-mindset { --cat-color: var(--cyc-color-mindset); } + + @media (max-width: 575px) { + .page-header h1 { font-size: 2rem; } + .schema-container { padding: 1.25rem 1rem 0.25rem; } + } + + @media print { + body { background-image: none; } + .section-nav { display: none; } + .info-card { box-shadow: none; break-inside: avoid; } + .schema-container { box-shadow: none; break-inside: avoid; } + } + </style> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "TechArticle", + "headline": "Road Cycling Cheatsheet: Training, Pacing & Event Plan (Time Trial to Century)", + "description": "A focused interactive road cycling reference for amateur riders covering training principles, bike fit, power and heart-rate zones, workout types, event distances, time trial and gran fondo plans, pacing, cadence, gear, fueling, group riding, safety, injury prevention, and the mental game.", + "author": {"@type": "Person", "name": "David Veksler (AI Generated)"}, + "publisher": {"@type": "Organization", "name": "David Veksler Cheatsheets"}, + "datePublished": "2026-05-14", + "dateModified": "2026-05-14", + "url": "https://cheatsheets.davidveksler.com/cycling.html", + "image": "https://cheatsheets.davidveksler.com/images/cycling.png", + "keywords": "road cycling, time trial, gran fondo, century ride, cycling power zones, heart rate zones, FTP, bike fit, cadence, cycling nutrition, group riding, cycling gear, cycling safety" + } + </script> + <meta content="website" property="og:type"/> + </head> + <body> + <header class="page-header"> + <h1> + <i class="bi bi-bicycle"></i> + Road Cycling Cheatsheet + </h1> + <p class="lead"> + An at-a-glance reference for the casual amateur road cyclist — the rider who does the occasional rally, gran fondo, or + <strong>time trial</strong>. Training principles, bike fit, intensity, workouts, pacing, skills, gear, fueling, group riding, + safety, and the mental game, scaling from a 40 km TT to a full century. + </p> + <div class="quick-ref"> + <div class="qr-item"> + <strong>80 / 20</strong> + easy vs. hard riding + </div> + <div class="qr-item"> + <strong>FTP</strong> + the number that anchors training + </div> + <div class="qr-item"> + <strong>85–95</strong> + rpm efficient cadence + </div> + <div class="qr-item"> + <strong>60–90 g</strong> + carbs/hour on long rides + </div> + <div class="qr-item"> + <strong>1 bottle</strong> + fluid per hour, more in heat + </div> + <div class="qr-item"> + <strong>Fit first</strong> + comfort > aero for amateurs + </div> + </div> + </header> + <nav class="section-nav"> + <div class="nav-scroll"> + <a href="#section-principles">Core Principles</a> + <a href="#section-fit">Bike Fit & Setup</a> + <a href="#section-zones">Intensity & Zones</a> + <a href="#section-workouts">Workout Types</a> + <a href="#section-distances">Event Distances</a> + <a href="#section-tt-focus">Time Trial Focus</a> + <a href="#section-fondo-focus">Rally & Gran Fondo</a> + <a href="#section-strategy">Pacing & Strategy</a> + <a href="#section-skills">Skills & Cadence</a> + <a href="#section-gear">Gear & Bike</a> + <a href="#section-data">Tech & Data</a> + <a href="#section-nutrition">Fueling & Hydration</a> + <a href="#section-group">Group Riding</a> + <a href="#section-safety">Road Safety</a> + <a href="#section-injury">Injury Prevention</a> + <a href="#section-recovery">Strength & Recovery</a> + <a href="#section-mindset">Mental Game</a> + </div> + </nav> + <div class="container-lg pt-4" id="main-container"> + + <!-- 0. CORE PRINCIPLES --> + <section class="schema-container section-philosophy" id="section-principles"> + <h2 class="section-title"><i class="bi bi-compass"></i> Core Principles</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-calendar-check"></i> Consistency Beats Heroics</h5> + <div class="card-content-wrapper"> + <p class="summary">The rider who logs <span class="term">steady weeks</span> for months out-performs the one who crams big rides before an event and arrives cooked.</p> + <div class="card-detail"> + <h6>Why It Works</h6> + <p>Aerobic adaptations — capillaries, mitochondria, blood volume — build slowly and reward repeated stimulus. Cramming mostly produces fatigue and saddle sores.</p> + <ul> + <li><strong>Frequency first:</strong> 3–5 rides/week, even short ones, beat one weekend epic.</li> + <li><strong>Ride through life:</strong> a 45-minute spin on a busy day keeps fitness ticking.</li> + <li><strong>Think in blocks:</strong> real gains show across 8–16 week build phases.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-graph-up-arrow"></i> Progressive Overload</h5> + <div class="card-content-wrapper"> + <p class="summary">The body adapts to <span class="term">stress plus recovery</span>. Raise volume and intensity gradually so adaptation outpaces breakdown.</p> + <div class="card-detail"> + <h6>How To Apply</h6> + <ul> + <li><strong>~10% rule:</strong> grow weekly hours/distance modestly, not in leaps.</li> + <li><strong>One lever at a time:</strong> add volume <em>or</em> intensity, rarely both at once.</li> + <li><strong>Recovery weeks:</strong> every 3–4 weeks, cut volume ~30% to absorb the work.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-pie-chart"></i> Polarize Your Intensity</h5> + <div class="card-content-wrapper"> + <p class="summary">Most riding should be <span class="term">genuinely easy</span>; a small slice should be genuinely hard. The "medium" zone feels productive but builds fatigue without much fitness.</p> + <div class="card-detail"> + <h6>The 80/20 Split</h6> + <ul> + <li><strong>~80% easy:</strong> conversational pace, you could chat in full sentences.</li> + <li><strong>~20% hard:</strong> threshold and VO2 efforts that actually hurt.</li> + <li><strong>Avoid the gray zone:</strong> "always kind-of-hard" is the classic amateur trap.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-clock-history"></i> Specificity Closer to the Event</h5> + <div class="card-content-wrapper"> + <p class="summary">General fitness early; <span class="term">event-like riding</span> in the final 6–8 weeks. Train the demands you'll actually face.</p> + <div class="card-detail"> + <h6>What That Means</h6> + <ul> + <li><strong>TT prep:</strong> sustained efforts at goal power in the aero position.</li> + <li><strong>Fondo prep:</strong> long rides with climbs and event-day fueling rehearsed.</li> + <li><strong>Course study:</strong> know the terrain, wind, and feed-zone spacing.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-battery-charging"></i> Recovery Is Where You Improve</h5> + <div class="card-content-wrapper"> + <p class="summary">Training is the stimulus; <span class="term">rest is the adaptation</span>. Without it you accumulate fatigue, not fitness.</p> + <div class="card-detail"> + <h6>Non-Negotiables</h6> + <ul> + <li><strong>Sleep 7–9 hr:</strong> the single most powerful recovery tool.</li> + <li><strong>Easy days easy:</strong> resist turning recovery spins into races.</li> + <li><strong>Taper before events:</strong> cut volume, keep a little intensity, arrive fresh.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-emoji-smile"></i> Enjoyment Is a Training Metric</h5> + <div class="card-content-wrapper"> + <p class="summary">The plan you <span class="term">look forward to</span> is the plan you'll complete. Sustainable beats optimal-on-paper.</p> + <div class="card-detail"> + <h6>Keep It Fun</h6> + <ul> + <li><strong>Mix routes:</strong> new roads, group rides, and cafe stops fight staleness.</li> + <li><strong>Chase process goals:</strong> "ride 4×/week" beats only chasing finish times.</li> + <li><strong>Listen to motivation:</strong> a dip in desire often signals a needed rest.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 1. BIKE FIT & SETUP --> + <section class="schema-container section-fit" id="section-fit"> + <h2 class="section-title"><i class="bi bi-rulers"></i> Bike Fit & Setup</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-person-arms-up"></i> Why Fit Comes First</h5> + <div class="card-content-wrapper"> + <p class="summary">A bike that fits lets you ride longer, more comfortably, and with more power. <span class="term">Comfort beats aero</span> for almost every amateur.</p> + <div class="card-detail"> + <h6>Payoff</h6> + <ul> + <li><strong>Comfort:</strong> fewer numb hands, sore necks, and aching knees.</li> + <li><strong>Power:</strong> good leg extension lets you push efficiently for hours.</li> + <li><strong>Worth it:</strong> a professional fit is the best money most riders spend.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrows-vertical"></i> Saddle Height & Position</h5> + <div class="card-content-wrapper"> + <p class="summary">The saddle sets your <span class="term">leg extension</span> — the foundation of an efficient, injury-free pedal stroke.</p> + <div class="card-detail"> + <h6>Starting Points</h6> + <ul> + <li><strong>Height:</strong> slight knee bend (~25–35°) at the bottom of the stroke; hips shouldn't rock.</li> + <li><strong>Fore/aft:</strong> knee roughly over the pedal axle with the crank horizontal.</li> + <li><strong>Adjust small:</strong> move 2–3 mm at a time and test over several rides.</li> + <li class="important-note">Knee pain at the front often means saddle too low; back of the knee, too high.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-hand-index-thumb"></i> Reach & Contact Points</h5> + <div class="card-content-wrapper"> + <p class="summary">Bars, saddle, and pedals are your <span class="term">three contact points</span>. Each one, dialed in, removes a source of pain.</p> + <div class="card-detail"> + <h6>Tune These</h6> + <ul> + <li><strong>Reach:</strong> a relaxed bend in the elbows; not stretched flat or cramped up.</li> + <li><strong>Bar height:</strong> raise it for comfort — slammed stems wreck amateur backs and necks.</li> + <li><strong>Saddle choice:</strong> width matched to your sit bones matters more than padding.</li> + <li><strong>Cleats:</strong> set for a neutral foot; misalignment causes knee and hotfoot pain.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 2. INTENSITY & ZONES --> + <section class="schema-container section-zones" id="section-zones"> + <h2 class="section-title"><i class="bi bi-speedometer2"></i> Intensity & Training Zones</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-lightning-charge"></i> FTP — Your Anchor Number</h5> + <div class="card-content-wrapper"> + <p class="summary"><span class="term">Functional Threshold Power</span> is roughly the power you can hold for an hour. Nearly all power zones are a percentage of it.</p> + <div class="card-detail"> + <h6>Working With FTP</h6> + <ul> + <li><strong>Test it:</strong> a 20-minute all-out effort × 0.95 is the common estimate.</li> + <li><strong>Retest:</strong> every 6–8 weeks of training; it moves as you improve.</li> + <li><strong>W/kg matters:</strong> watts per kilogram predicts climbing better than raw watts.</li> + <li><strong>No meter?</strong> use heart rate and perceived effort — see the next cards.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-1-circle"></i> Z1–Z2 · Endurance</h5> + <div class="card-content-wrapper"> + <p class="summary">The <span class="term">aerobic base</span>. ~55–75% FTP, ~60–75% max HR. Conversational — the bulk of your riding lives here.</p> + <div class="card-detail"> + <h6>What It Builds</h6> + <ul> + <li><strong>Fat burning:</strong> trains the body to spare glycogen on long efforts.</li> + <li><strong>Durability:</strong> the engine behind every fondo and century.</li> + <li><strong>Check:</strong> if you can't talk in sentences, you're going too hard.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-3-circle"></i> Z3 · Tempo</h5> + <div class="card-content-wrapper"> + <p class="summary">"Comfortably hard." ~76–90% FTP. Useful but <span class="term">easy to overuse</span> — this is the gray zone to ration.</p> + <div class="card-detail"> + <h6>Use With Care</h6> + <ul> + <li><strong>Good for:</strong> fondo-pace rehearsal and sustained climbing feel.</li> + <li><strong>The trap:</strong> drifting every ride into tempo blurs the 80/20 split.</li> + <li><strong>Talk test:</strong> short phrases only, not full conversation.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-4-circle"></i> Z4 · Threshold</h5> + <div class="card-content-wrapper"> + <p class="summary">Right around FTP, ~91–105%. The <span class="term">time-trial zone</span> — sustainable for 10–40 min when fit, and deeply specific to TT performance.</p> + <div class="card-detail"> + <h6>Why Train It</h6> + <ul> + <li><strong>Raises the ceiling:</strong> pushes up the power you can hold for an hour.</li> + <li><strong>TT-specific:</strong> the exact demand of a 20–40 km time trial.</li> + <li><strong>Sample set:</strong> 3 × 10 min at threshold, 5 min easy between.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-5-circle"></i> Z5+ · VO2 & Anaerobic</h5> + <div class="card-content-wrapper"> + <p class="summary">Above ~106% FTP. <span class="term">Genuinely hard</span> — 30 sec to 5 min efforts that build top-end power and raise your aerobic ceiling.</p> + <div class="card-detail"> + <h6>Handle With Respect</h6> + <ul> + <li><strong>Big stimulus:</strong> a little goes a long way; 1–2 sessions/week max.</li> + <li><strong>Sample set:</strong> 5 × 3 min hard, 3 min easy spinning between.</li> + <li><strong>Recover fully:</strong> these need fresh legs and real rest after.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-heart-pulse"></i> Heart Rate vs. Power</h5> + <div class="card-content-wrapper"> + <p class="summary">Power shows <span class="term">what you're doing now</span>; heart rate shows <span class="term">how your body is responding</span>. Best riders use both.</p> + <div class="card-detail"> + <h6>Know The Quirks</h6> + <ul> + <li><strong>HR lags:</strong> it takes 1–2 min to catch up to a hard effort.</li> + <li><strong>HR drifts:</strong> heat, fatigue, and caffeine all push it up at the same power.</li> + <li><strong>Cardiac drift:</strong> HR rising on a steady ride signals dehydration or fatigue.</li> + <li><strong>No gadgets?</strong> perceived effort (RPE 1–10) still trains you well.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 3. WORKOUT TYPES --> + <section class="schema-container section-workouts" id="section-workouts"> + <h2 class="section-title"><i class="bi bi-list-check"></i> Workout Types</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-tree"></i> Endurance / Base Rides</h5> + <div class="card-content-wrapper"> + <p class="summary">Long, steady Z2 rides. The <span class="term">backbone</span> of every training week and the single biggest predictor of event success.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>Duration:</strong> 1.5–5 hr depending on your event and fitness.</li> + <li><strong>Discipline:</strong> stay in zone even when you feel good — that's the point.</li> + <li><strong>Build the long ride:</strong> grow it gradually toward ~⅔ of event distance.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-dash-lg"></i> Threshold Intervals</h5> + <div class="card-content-wrapper"> + <p class="summary">Sustained efforts at or near FTP. The <span class="term">most TT-specific</span> session and the fastest way to raise your hour power.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>Sets:</strong> 2–4 × 8–20 min at Z4, with 4–6 min easy between.</li> + <li><strong>Aero practice:</strong> hold your TT position during the work intervals.</li> + <li><strong>Pacing:</strong> finish each interval able to do one more — don't blow up early.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-lightning"></i> VO2 Max Intervals</h5> + <div class="card-content-wrapper"> + <p class="summary">Short, very hard efforts that <span class="term">lift your ceiling</span> — making every lower zone feel easier.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>Sets:</strong> 4–6 × 3–5 min hard, equal easy recovery.</li> + <li><strong>Effort:</strong> hard but evenly paced — not a sprint that fades.</li> + <li><strong>Frequency:</strong> once a week in a build block; skip if legs are flat.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-up-right"></i> Hill Repeats</h5> + <div class="card-content-wrapper"> + <p class="summary">Climbing builds <span class="term">strength and threshold</span> together, and rehearses the terrain most rallies throw at you.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>Sets:</strong> 4–8 × 3–6 min climbs at threshold to VO2, easy descent recovery.</li> + <li><strong>Cadence:</strong> practice both seated grinding and standing — you'll need both.</li> + <li><strong>Form:</strong> stay relaxed in the upper body; let the legs do the work.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-repeat"></i> Cadence & Spin-Ups</h5> + <div class="card-content-wrapper"> + <p class="summary">Drills that smooth your <span class="term">pedal stroke</span> and widen the cadence range you can ride efficiently.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>High-cadence:</strong> 1–2 min at 100–110 rpm, easy gear, no bouncing.</li> + <li><strong>Low-cadence strength:</strong> 5–10 min at 50–60 rpm, moderate effort, seated.</li> + <li><strong>Single-leg drills:</strong> expose dead spots in the stroke (use a trainer).</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-cup-hot"></i> Recovery Spins</h5> + <div class="card-content-wrapper"> + <p class="summary">Very easy, short rides that <span class="term">promote blood flow</span> without adding training stress.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>Effort:</strong> Z1, embarrassingly easy — ego is the enemy here.</li> + <li><strong>Duration:</strong> 30–60 min, flat, small gears, high-ish cadence.</li> + <li><strong>Or just rest:</strong> a true day off is a valid recovery "workout."</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 4. EVENT DISTANCES --> + <section class="schema-container section-distances" id="section-distances"> + <h2 class="section-title"><i class="bi bi-signpost-split"></i> Event Distances</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-stopwatch"></i> Time Trial · 10–40 km</h5> + <div class="card-content-wrapper"> + <p class="summary">"The race of truth" — you, the clock, and a <span class="term">sustained threshold effort</span>. No drafting, no hiding.</p> + <div class="card-detail"> + <h6>The Demand</h6> + <ul> + <li><strong>Energy:</strong> steady Z4; 15 min to ~1 hr depending on distance.</li> + <li><strong>Key skill:</strong> even pacing and holding an aero position under load.</li> + <li><strong>Trains best with:</strong> threshold intervals — see the Time Trial Focus below.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-people"></i> Club Rally / Charity Ride · 30–60 mi</h5> + <div class="card-content-wrapper"> + <p class="summary">Social, supported, <span class="term">not a race</span>. The most common amateur event — a good day out with feed zones and friends.</p> + <div class="card-detail"> + <h6>The Demand</h6> + <ul> + <li><strong>Energy:</strong> mostly Z2 endurance with surges on hills and into wind.</li> + <li><strong>Key skill:</strong> group riding, drafting etiquette, and steady fueling.</li> + <li><strong>Prep:</strong> a few long rides near distance; rehearse eating on the bike.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-percent"></i> Metric Century · 100 km / 62 mi</h5> + <div class="card-content-wrapper"> + <p class="summary">A genuine endurance challenge that's <span class="term">achievable for most</span> with a sensible build. A great stepping-stone goal.</p> + <div class="card-detail"> + <h6>The Demand</h6> + <ul> + <li><strong>Energy:</strong> 3–4+ hr of Z2 — durability and fueling decide your day.</li> + <li><strong>Key skill:</strong> pacing the first half conservatively; nutrition discipline.</li> + <li><strong>Prep:</strong> longest training ride of ~40–50 mi before event day.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-mountains"></i> Gran Fondo · 60–120 mi</h5> + <div class="card-content-wrapper"> + <p class="summary">A mass-participation ride, often <span class="term">timed on key climbs</span>. Festive atmosphere, real distance, and serious elevation.</p> + <div class="card-detail"> + <h6>The Demand</h6> + <ul> + <li><strong>Energy:</strong> long Z2 with repeated threshold efforts on the climbs.</li> + <li><strong>Key skill:</strong> climbing pacing, descending confidence, fuel logistics.</li> + <li><strong>Trains best with:</strong> see the Rally & Gran Fondo Focus below.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-trophy"></i> Century · 100 mi</h5> + <div class="card-content-wrapper"> + <p class="summary">The classic <span class="term">bucket-list ride</span>. 5–7 hr in the saddle — as much a fueling and comfort test as a fitness one.</p> + <div class="card-detail"> + <h6>The Demand</h6> + <ul> + <li><strong>Energy:</strong> patient Z2; the back half is won by who fueled and paced best.</li> + <li><strong>Key skill:</strong> on-bike eating, bike-fit comfort, and mental pacing.</li> + <li><strong>Prep:</strong> build the long ride to ~70–80 mi; train your gut to absorb carbs.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-table"></i> Distance Reference</h5> + <div class="card-content-wrapper"> + <p class="summary">A rough sense of <span class="term">duration and weekly volume</span> typical amateurs need to finish comfortably.</p> + <div class="card-detail"> + <h6>Ballpark Targets</h6> + <ul> + <li><strong>40 km TT:</strong> ~60–80 min effort · 4–6 hr/week training.</li> + <li><strong>Metric century:</strong> ~3.5–5 hr · 5–7 hr/week, long ride ~3 hr.</li> + <li><strong>Century / fondo:</strong> ~5–8 hr · 7–10 hr/week, long ride 4–5 hr.</li> + <li class="important-note">Highly individual — terrain, wind, and fitness shift these a lot.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 5. TIME TRIAL FOCUS (FEATURED) --> + <section class="schema-container section-tt featured-section" id="section-tt-focus"> + <h2 class="section-title"> + <i class="bi bi-stopwatch"></i> Time Trial Focus + <span class="featured-badge">Event Plan</span> + </h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bullseye"></i> The Core Challenge</h5> + <div class="card-content-wrapper"> + <p class="summary">A TT is a <span class="term">pacing and position puzzle</span>. The fitness matters, but most amateurs lose time by going out too hard and sitting up in the wind.</p> + <div class="card-detail"> + <h6>Win The Margins</h6> + <ul> + <li><strong>Pacing:</strong> a few watts too hot in the first 5 min costs minutes later.</li> + <li><strong>Aerodynamics:</strong> at TT speeds, ~70–80% of your effort fights air.</li> + <li><strong>Free speed:</strong> position and a tucked, still upper body beat new gear.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-calendar3"></i> 8-Week Build Sketch</h5> + <div class="card-content-wrapper"> + <p class="summary">Assumes a base of ~3–4 rides/week. Adjust to your life — <span class="term">consistency over perfection</span>.</p> + <div class="card-detail"> + <h6>The Arc</h6> + <ul> + <li><strong>Wk 1–3:</strong> build threshold volume — 3×10 → 3×15 min at Z4.</li> + <li><strong>Wk 4:</strong> recovery week, light, retest FTP.</li> + <li><strong>Wk 5–7:</strong> race-specific — 2×20 min at goal power, in aero.</li> + <li><strong>Wk 8:</strong> taper — short, sharp openers; arrive rested.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-graph-up"></i> Race-Day Pacing</h5> + <div class="card-content-wrapper"> + <p class="summary">The discipline is <span class="term">starting slower than feels right</span>. Adrenaline makes goal power feel easy for the first 10 minutes — it isn't.</p> + <div class="card-detail"> + <h6>The Plan</h6> + <ul> + <li><strong>First ¼:</strong> hold ~goal power even though you could do more.</li> + <li><strong>Middle ½:</strong> settle into goal power, stay aero, relax the face and hands.</li> + <li><strong>Last ¼:</strong> lift gradually; empty the tank only in the final km.</li> + <li><strong>Climbs/headwind:</strong> push slightly above; descents/tailwind, ease slightly.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-thermometer-sun"></i> The Warm-Up</h5> + <div class="card-content-wrapper"> + <p class="summary">A short TT needs a <span class="term">real warm-up</span> — you must be ready to hit threshold from the start line, not 10 minutes in.</p> + <div class="card-detail"> + <h6>~20–30 min Routine</h6> + <ul> + <li><strong>Ease in:</strong> 10 min easy spinning to open the legs.</li> + <li><strong>Build:</strong> 5 min rising from Z2 to Z3.</li> + <li><strong>Primers:</strong> 2–3 × 1 min at race pace, full recovery between.</li> + <li><strong>Settle:</strong> easy spin until your start, stay warm.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-wind"></i> Position & Equipment</h5> + <div class="card-content-wrapper"> + <p class="summary">You don't need a TT bike. <span class="term">Clip-on aero bars</span> and a dialed position deliver most of the gain for little money.</p> + <div class="card-detail"> + <h6>Priority Order</h6> + <ul> + <li><strong>1. Position:</strong> low and narrow, but only as aggressive as you can hold and breathe.</li> + <li><strong>2. Clothing:</strong> a snug skinsuit beats a flapping jersey.</li> + <li><strong>3. Helmet:</strong> an aero or well-vented road helmet, head still and low.</li> + <li><strong>4. Wheels last:</strong> deeper wheels help, but they're the smallest lever.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-list-ol"></i> Common TT Mistakes</h5> + <div class="card-content-wrapper"> + <p class="summary">Most lost time comes from a handful of <span class="term">avoidable errors</span>, not a lack of fitness.</p> + <div class="card-detail"> + <h6>Avoid These</h6> + <ul> + <li><strong>Too hot a start:</strong> the number-one amateur TT error.</li> + <li><strong>Sitting up:</strong> every time you break position you bleed speed.</li> + <li><strong>Coasting corners:</strong> brake late, carry speed, get back on the gas fast.</li> + <li><strong>No warm-up:</strong> the first 5 min are then wasted just getting going.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 6. RALLY & GRAN FONDO FOCUS --> + <section class="schema-container section-fondo" id="section-fondo-focus"> + <h2 class="section-title"><i class="bi bi-mountains"></i> Rally & Gran Fondo Focus</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bullseye"></i> The Core Challenge</h5> + <div class="card-content-wrapper"> + <p class="summary">A long ride is an <span class="term">endurance and logistics test</span>. The fittest rider doesn't win the day — the best-fueled, best-paced one does.</p> + <div class="card-detail"> + <h6>What Decides Your Day</h6> + <ul> + <li><strong>Durability:</strong> the ability to still ride well in hour four.</li> + <li><strong>Fueling:</strong> bonking ends days; steady carbs prevent it.</li> + <li><strong>Pacing:</strong> riding the first half too hard guarantees a grim second half.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-calendar3"></i> 10–12 Week Build Sketch</h5> + <div class="card-content-wrapper"> + <p class="summary">The goal is a long ride that <span class="term">grows steadily</span> toward ⅔–¾ of event distance.</p> + <div class="card-detail"> + <h6>The Arc</h6> + <ul> + <li><strong>Early:</strong> build weekly volume and the long ride; mostly Z2.</li> + <li><strong>Middle:</strong> add tempo and hill repeats; long rides on event-like terrain.</li> + <li><strong>Late:</strong> a few "dress rehearsal" rides with full event-day fueling.</li> + <li><strong>Final 1–2 wk:</strong> taper volume, keep some intensity, rest up.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-graph-up"></i> Ride-Day Pacing</h5> + <div class="card-content-wrapper"> + <p class="summary">Ride the first half like you're <span class="term">holding back</span>. You should feel almost too fresh at the midpoint.</p> + <div class="card-detail"> + <h6>The Plan</h6> + <ul> + <li><strong>First half:</strong> easy Z2; let fast groups go if they're over your pace.</li> + <li><strong>Climbs:</strong> steady tempo, not heroics — never redline early.</li> + <li><strong>Second half:</strong> if you fueled right, you can lift the pace here.</li> + <li><strong>Feed zones:</strong> stop briefly, top off bottles, eat — don't skip them.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-cup-straw"></i> The Fueling Plan</h5> + <div class="card-content-wrapper"> + <p class="summary">Eat <span class="term">early and often</span>, before you feel you need to. Once you're hungry on the bike, you're already behind.</p> + <div class="card-detail"> + <h6>The Rules</h6> + <ul> + <li><strong>Carbs:</strong> 60–90 g/hour from food, gels, or drink mix.</li> + <li><strong>Start at 20 min:</strong> begin fueling before the first climb.</li> + <li><strong>Fluid:</strong> ~1 bottle/hour, more in heat; add electrolytes.</li> + <li class="important-note">Rehearse the exact plan in training — never try new fuel on event day.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-down-right-circle"></i> Climbing & Descending</h5> + <div class="card-content-wrapper"> + <p class="summary">Fondos are decided on the hills — <span class="term">climb within yourself</span> and descend with calm confidence.</p> + <div class="card-detail"> + <h6>On The Gradients</h6> + <ul> + <li><strong>Climb seated mostly:</strong> it's more efficient; stand to stretch or surge.</li> + <li><strong>Gear low enough:</strong> spin the climbs; grinding cooks your legs.</li> + <li><strong>Descend relaxed:</strong> look through the corner, brake before it, not in it.</li> + <li><strong>Recover on descents:</strong> drink, eat, and let the HR drop.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-tools"></i> Logistics & Self-Sufficiency</h5> + <div class="card-content-wrapper"> + <p class="summary">Support exists, but be able to <span class="term">handle a flat and a bad patch</span> on your own.</p> + <div class="card-detail"> + <h6>Be Ready</h6> + <ul> + <li><strong>Carry:</strong> 2 tubes/plugs, levers, mini-pump or CO₂, multitool, ID, cash/card.</li> + <li><strong>Know the route:</strong> climbs, feed zones, and cutoff times in advance.</li> + <li><strong>Pre-ride check:</strong> tires, brakes, drivetrain — fix issues days before, not at the start.</li> + <li><strong>Bad patch plan:</strong> eat, drink, ease off — most rough spells pass in 20 min.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 7. PACING & STRATEGY --> + <section class="schema-container section-strategy" id="section-strategy"> + <h2 class="section-title"><i class="bi bi-graph-up"></i> Pacing & Strategy</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-distribute-horizontal"></i> Even Effort, Not Even Speed</h5> + <div class="card-content-wrapper"> + <p class="summary">Pace by <span class="term">effort and power</span>, not the speedometer. Speed swings with wind and gradient; your effort shouldn't.</p> + <div class="card-detail"> + <h6>How To Ride It</h6> + <ul> + <li><strong>Uphill/headwind:</strong> let speed drop, hold power steady.</li> + <li><strong>Downhill/tailwind:</strong> keep pedaling, but don't chase a number.</li> + <li><strong>Result:</strong> smoother energy use and a stronger finish.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-hourglass-split"></i> Negative Splits</h5> + <div class="card-content-wrapper"> + <p class="summary">Ride the <span class="term">second half as fast or faster</span> than the first. It's the most reliable way to a good time and a good day.</p> + <div class="card-detail"> + <h6>Why It Works</h6> + <ul> + <li><strong>Banks energy:</strong> a controlled start leaves something for the finish.</li> + <li><strong>Feels better:</strong> passing riders late beats being passed.</li> + <li><strong>Discipline:</strong> the hard part is going easy enough early on.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-wind"></i> Read the Wind & Terrain</h5> + <div class="card-content-wrapper"> + <p class="summary">Wind is the <span class="term">invisible hill</span>. Plan your effort and your group position around it.</p> + <div class="card-detail"> + <h6>Tactics</h6> + <ul> + <li><strong>Headwind out:</strong> a route that's into the wind early gives a tailwind home.</li> + <li><strong>Crosswinds:</strong> shelter behind and slightly to the side of other riders.</li> + <li><strong>Save matches:</strong> spend effort into wind and uphill, recover with it behind you.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-fire"></i> Manage Your Matches</h5> + <div class="card-content-wrapper"> + <p class="summary">Every hard surge is a <span class="term">"match" you can't relight</span>. You have a limited book — spend them deliberately.</p> + <div class="card-detail"> + <h6>Spend Wisely</h6> + <ul> + <li><strong>Worth it:</strong> bridging to a good group, a timed climb, the final push.</li> + <li><strong>Not worth it:</strong> chasing every accelerating rider, surging out of every corner.</li> + <li><strong>Smooth is fast:</strong> steady riders beat surgers over distance.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-clipboard-check"></i> Have a Plan A, B, and C</h5> + <div class="card-content-wrapper"> + <p class="summary">Decide your <span class="term">goals before the start</span> so a tough day doesn't become a disaster.</p> + <div class="card-detail"> + <h6>Three Tiers</h6> + <ul> + <li><strong>Plan A:</strong> the ideal — your target time or pace.</li> + <li><strong>Plan B:</strong> still a good day if conditions or legs aren't perfect.</li> + <li><strong>Plan C:</strong> just finish safely — always a valid, successful outcome.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-clockwise"></i> Rehearse Everything</h5> + <div class="card-content-wrapper"> + <p class="summary">Event day should hold <span class="term">no surprises</span>. Practice the kit, the fuel, and the routine in training.</p> + <div class="card-detail"> + <h6>Dress Rehearsal</h6> + <ul> + <li><strong>Nothing new on the day:</strong> not food, not shorts, not a saddle.</li> + <li><strong>Practice logistics:</strong> early starts, pre-ride meal, warm-up timing.</li> + <li><strong>Trust the prep:</strong> a rehearsed plan calms event-morning nerves.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 8. SKILLS & CADENCE --> + <section class="schema-container section-skills" id="section-skills"> + <h2 class="section-title"><i class="bi bi-arrow-repeat"></i> Skills & Cadence</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-repeat"></i> Find Your Cadence</h5> + <div class="card-content-wrapper"> + <p class="summary">Most riders are efficient at <span class="term">85–95 rpm</span>. Higher spins the cardio system; lower loads the legs.</p> + <div class="card-detail"> + <h6>Use It</h6> + <ul> + <li><strong>Default:</strong> hold a smooth, light pedal stroke around 90 rpm.</li> + <li><strong>Climbs:</strong> shift down to keep cadence up — don't let it crawl below 60.</li> + <li><strong>Train the range:</strong> drills make both high and low cadence feel natural.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-gear-wide-connected"></i> Smart Gear Use</h5> + <div class="card-content-wrapper"> + <p class="summary">Gears exist to <span class="term">keep cadence steady</span> as the terrain changes. Anticipate, don't react.</p> + <div class="card-detail"> + <h6>Shifting Habits</h6> + <ul> + <li><strong>Shift early:</strong> drop gears before the hill, not halfway up under load.</li> + <li><strong>Ease the pedals when shifting:</strong> a soft pedal stroke saves your drivetrain.</li> + <li><strong>Gear for the course:</strong> a wide-range cassette is no shame — it's smart.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-signpost-2"></i> Cornering Confidence</h5> + <div class="card-content-wrapper"> + <p class="summary">Smooth cornering is <span class="term">free speed and safety</span>. Most amateurs brake too late and too much.</p> + <div class="card-detail"> + <h6>The Technique</h6> + <ul> + <li><strong>Brake before:</strong> set your speed on the straight, then release the brakes.</li> + <li><strong>Look through:</strong> eyes to the exit; the bike follows your gaze.</li> + <li><strong>Outside pedal down:</strong> weight it, inside knee out, stay relaxed.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-graph-down-arrow"></i> Descending</h5> + <div class="card-content-wrapper"> + <p class="summary">Descend <span class="term">relaxed, not rigid</span>. Tension makes you slow and unsafe; calm makes you smooth.</p> + <div class="card-detail"> + <h6>Stay Composed</h6> + <ul> + <li><strong>Hands in the drops:</strong> better control and braking leverage.</li> + <li><strong>Loose grip, low body:</strong> let the bike move beneath you.</li> + <li><strong>Brake straight, not in the turn:</strong> and feather both brakes evenly.</li> + <li><strong>Within your limits:</strong> never ride a descent faster than you can see.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bicycle"></i> Bike Handling Basics</h5> + <div class="card-content-wrapper"> + <p class="summary">Confident handling lets you ride <span class="term">safely in groups</span> and react calmly to surprises.</p> + <div class="card-detail"> + <h6>Skills To Drill</h6> + <ul> + <li><strong>Look back without swerving:</strong> practice on quiet roads.</li> + <li><strong>Eat & drink one-handed:</strong> essential for long events.</li> + <li><strong>Hold a line:</strong> ride predictably and straight, especially in a bunch.</li> + <li><strong>Emergency stops:</strong> know how hard you can brake before the rear lifts.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-person-standing"></i> Smooth Pedaling</h5> + <div class="card-content-wrapper"> + <p class="summary">Aim for <span class="term">round, quiet pedaling</span> — no stomping, no dead spots, no bouncing in the saddle.</p> + <div class="card-detail"> + <h6>Cues</h6> + <ul> + <li><strong>Relax the upper body:</strong> tension in the shoulders wastes energy.</li> + <li><strong>Pedal in circles:</strong> apply light pressure through the whole stroke.</li> + <li><strong>Quiet hips:</strong> rocking means the saddle is too high.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 9. GEAR & BIKE --> + <section class="schema-container section-gear" id="section-gear"> + <h2 class="section-title"><i class="bi bi-bicycle"></i> Gear & Bike</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-cash-coin"></i> Spend Priorities</h5> + <div class="card-content-wrapper"> + <p class="summary">For amateurs, the value order is <span class="term">fit, tires, comfort, then aero</span> — not the other way around.</p> + <div class="card-detail"> + <h6>Where Money Works Hardest</h6> + <ul> + <li><strong>1. Bike fit:</strong> comfort and power for the price of one component.</li> + <li><strong>2. Good tires:</strong> the cheapest meaningful speed and grip upgrade.</li> + <li><strong>3. Contact points:</strong> saddle, shorts, shoes that actually suit you.</li> + <li><strong>4. Aero gear last:</strong> wheels and frames are the smallest real-world gain.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-circle"></i> Tires & Pressure</h5> + <div class="card-content-wrapper"> + <p class="summary">Tires are your <span class="term">only contact with the road</span> — and most riders run them too hard.</p> + <div class="card-detail"> + <h6>Get It Right</h6> + <ul> + <li><strong>Go wider:</strong> 28–32 mm is fast, comfortable, and grippy on real roads.</li> + <li><strong>Lower pressure:</strong> rougher roads and lighter riders want less psi than the sidewall max.</li> + <li><strong>Check before every ride:</strong> tires lose pressure overnight.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-thermometer-half"></i> Clothing & Layers</h5> + <div class="card-content-wrapper"> + <p class="summary">Dress for <span class="term">10 minutes into the ride</span>, not the cold start. Good kit is comfort, not vanity.</p> + <div class="card-detail"> + <h6>The Essentials</h6> + <ul> + <li><strong>Quality shorts:</strong> a good chamois is the difference on long rides — and go commando.</li> + <li><strong>Layer up top:</strong> a base layer, jersey, and packable wind/rain shell.</li> + <li><strong>Extremities:</strong> gloves, and toe covers / cap when it's cold.</li> + <li><strong>Be seen:</strong> bright colours by day; reflective detail by night.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bag"></i> Always Carry</h5> + <div class="card-content-wrapper"> + <p class="summary">A small <span class="term">repair kit</span> turns a ride-ending flat into a five-minute stop.</p> + <div class="card-detail"> + <h6>Saddle Bag Checklist</h6> + <ul> + <li><strong>Flat kit:</strong> 1–2 tubes (or plugs for tubeless), levers, patches.</li> + <li><strong>Inflation:</strong> mini-pump or CO₂ with a spare cartridge.</li> + <li><strong>Tools:</strong> a multitool with the sizes your bike uses.</li> + <li><strong>Just in case:</strong> ID, a card or cash, phone, a spare quick link.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-droplet"></i> Basic Maintenance</h5> + <div class="card-content-wrapper"> + <p class="summary">A little upkeep keeps the bike <span class="term">fast, quiet, and reliable</span> — and prevents event-day disasters.</p> + <div class="card-detail"> + <h6>The Routine</h6> + <ul> + <li><strong>Clean & lube the chain:</strong> a dry, clean drivetrain is faster and lasts longer.</li> + <li><strong>"ABC" pre-ride check:</strong> Air, Brakes, Chain — every time.</li> + <li><strong>Listen:</strong> new creaks and clicks are the bike asking for attention.</li> + <li><strong>Pre-event service:</strong> shop visit a week out, not the night before.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-shield-check"></i> The Helmet & Glasses</h5> + <div class="card-content-wrapper"> + <p class="summary">Non-negotiable kit: a <span class="term">well-fitted helmet</span> and eye protection on every ride.</p> + <div class="card-detail"> + <h6>Fit & Care</h6> + <ul> + <li><strong>Helmet fit:</strong> level, snug, two fingers above the brows; replace after any crash.</li> + <li><strong>Glasses:</strong> shield eyes from grit, bugs, sun, and wind-induced tearing.</li> + <li><strong>Don't cheap out on fit:</strong> a helmet you leave loose protects nothing.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 10. TECH & DATA --> + <section class="schema-container section-data" id="section-data"> + <h2 class="section-title"><i class="bi bi-cpu"></i> Tech & Data</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-speedometer"></i> Power Meter</h5> + <div class="card-content-wrapper"> + <p class="summary">A power meter shows your <span class="term">true effort, instantly</span> — the best tool for pacing and structured training.</p> + <div class="card-detail"> + <h6>What It Gives You</h6> + <ul> + <li><strong>Honest pacing:</strong> can't fake watts on a climb or into wind.</li> + <li><strong>Precise intervals:</strong> hit exact target zones in workouts.</li> + <li><strong>Worth it for:</strong> riders chasing TT times or following a real plan.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-heart-pulse"></i> Heart Rate Monitor</h5> + <div class="card-content-wrapper"> + <p class="summary">The <span class="term">affordable training tool</span> — shows how hard your body is actually working.</p> + <div class="card-detail"> + <h6>Use It Well</h6> + <ul> + <li><strong>Chest strap:</strong> more accurate than wrist optical for intervals.</li> + <li><strong>Set zones:</strong> from a real max-HR or threshold test, not a formula.</li> + <li><strong>Watch trends:</strong> a high morning HR can flag under-recovery.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-map"></i> GPS Computer</h5> + <div class="card-content-wrapper"> + <p class="summary">A bike computer handles <span class="term">navigation and data</span> so you can focus on riding.</p> + <div class="card-detail"> + <h6>Why It Helps</h6> + <ul> + <li><strong>Routing:</strong> follow event courses without stopping to check a phone.</li> + <li><strong>Live data:</strong> speed, distance, power, HR, gradient at a glance.</li> + <li><strong>Records the ride:</strong> review and learn from your pacing afterward.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-house-gear"></i> Indoor Trainer</h5> + <div class="card-content-wrapper"> + <p class="summary">A smart trainer makes <span class="term">every workout count</span> — no traffic, no coasting, no weather excuses.</p> + <div class="card-detail"> + <h6>Best Used For</h6> + <ul> + <li><strong>Precise intervals:</strong> structured efforts with zero interruptions.</li> + <li><strong>Bad-weather base:</strong> keeps consistency through winter and storms.</li> + <li><strong>Time-crunched:</strong> a focused 60 min indoors beats a soft 90 outside.</li> + <li class="important-note">Indoor riding runs hot — use a fan and drink more than you think.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bar-chart-line"></i> Don't Drown in Data</h5> + <div class="card-content-wrapper"> + <p class="summary">Numbers serve the riding, not the other way around. <span class="term">A few metrics, used well</span>, beat dashboards you ignore.</p> + <div class="card-detail"> + <h6>Keep Perspective</h6> + <ul> + <li><strong>Track the trend:</strong> weekly hours and freshness matter more than any single ride.</li> + <li><strong>Feel still counts:</strong> RPE and how the legs feel are real data too.</li> + <li><strong>Avoid the spiral:</strong> don't let a "bad" file ruin a perfectly good ride.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-moon-stars"></i> Recovery Metrics</h5> + <div class="card-content-wrapper"> + <p class="summary">Simple readiness signals help you decide <span class="term">when to push and when to back off</span>.</p> + <div class="card-detail"> + <h6>Worth Watching</h6> + <ul> + <li><strong>Resting HR:</strong> elevated by 5+ bpm can mean fatigue or illness brewing.</li> + <li><strong>Sleep:</strong> the most predictive recovery metric there is.</li> + <li><strong>Mood & motivation:</strong> a persistent dip is a signal, not a weakness.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 11. FUELING & HYDRATION --> + <section class="schema-container section-nutrition" id="section-nutrition"> + <h2 class="section-title"><i class="bi bi-cup-straw"></i> Fueling & Hydration</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-egg-fried"></i> Before the Ride</h5> + <div class="card-content-wrapper"> + <p class="summary">Top off the tank with a <span class="term">carb-focused meal</span> 2–3 hours before a long ride or event.</p> + <div class="card-detail"> + <h6>Pre-Ride Plan</h6> + <ul> + <li><strong>2–3 hr out:</strong> familiar carbs, moderate protein, low fat and fiber.</li> + <li><strong>Short rides:</strong> under ~90 min you can ride well fasted or on a small snack.</li> + <li><strong>Hydrate early:</strong> arrive at the start already topped up, not chugging at the line.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-clock"></i> During — Carbs</h5> + <div class="card-content-wrapper"> + <p class="summary">For rides over ~90 min, eat <span class="term">60–90 g of carbs per hour</span>, starting early before you feel low.</p> + <div class="card-detail"> + <h6>How To Hit It</h6> + <ul> + <li><strong>Mix sources:</strong> drink mix, gels, chews, bananas, rice cakes, real food.</li> + <li><strong>Start at ~20 min:</strong> don't wait for hunger — by then you're behind.</li> + <li><strong>Train your gut:</strong> practice high carb intake in training; it's a trainable skill.</li> + <li class="important-note">Bonking — sudden empty-tank exhaustion — is a fueling failure, not weakness.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-droplet-half"></i> During — Fluids & Salt</h5> + <div class="card-content-wrapper"> + <p class="summary">Aim for roughly <span class="term">one bottle per hour</span>, more in heat, with electrolytes on long or hot rides.</p> + <div class="card-detail"> + <h6>Hydration Rules</h6> + <ul> + <li><strong>Sip steadily:</strong> small, regular drinks beat occasional big gulps.</li> + <li><strong>Add sodium:</strong> electrolyte mix or tabs for rides over ~2 hr or in heat.</li> + <li><strong>Watch the heat:</strong> needs can double when it's hot — plan refill stops.</li> + <li><strong>Don't overdo it:</strong> drowning yourself in plain water dilutes your sodium.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-counterclockwise"></i> After the Ride</h5> + <div class="card-content-wrapper"> + <p class="summary">Recovery starts with <span class="term">carbs, protein, and fluids</span> in the hours after a hard or long ride.</p> + <div class="card-detail"> + <h6>Refuel Well</h6> + <ul> + <li><strong>Soon-ish:</strong> a carb + protein snack within an hour or two helps you recover.</li> + <li><strong>Then a real meal:</strong> the day's total intake matters more than perfect timing.</li> + <li><strong>Rehydrate:</strong> replace fluids with some sodium, especially after sweaty rides.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-cup-hot"></i> Caffeine</h5> + <div class="card-content-wrapper"> + <p class="summary">A modest, well-timed dose of caffeine is one of the few <span class="term">genuinely useful</span> performance aids.</p> + <div class="card-detail"> + <h6>Use It Smartly</h6> + <ul> + <li><strong>Timing:</strong> before a key effort or for a late-ride lift.</li> + <li><strong>Moderate dose:</strong> more isn't better — jitters and gut upset await.</li> + <li><strong>Test in training:</strong> know how your body and stomach respond first.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-x-octagon"></i> Don't Experiment on Event Day</h5> + <div class="card-content-wrapper"> + <p class="summary">The golden rule: <span class="term">nothing new on event day</span>. Your gut needs to know every gel and bar already.</p> + <div class="card-detail"> + <h6>Why It Matters</h6> + <ul> + <li><strong>GI distress:</strong> the most common reason for a ruined long ride.</li> + <li><strong>Rehearse fully:</strong> use long training rides to lock in your fuel plan.</li> + <li><strong>Feed-zone caution:</strong> unfamiliar event food is a gamble — carry your own.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 12. GROUP RIDING --> + <section class="schema-container section-group" id="section-group"> + <h2 class="section-title"><i class="bi bi-people"></i> Group Riding</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-wind"></i> The Draft Advantage</h5> + <div class="card-content-wrapper"> + <p class="summary">Sitting behind another rider can cut your effort by <span class="term">25–40%</span>. It's the biggest free speed in cycling.</p> + <div class="card-detail"> + <h6>Use It Well</h6> + <ul> + <li><strong>Close but safe:</strong> a steady gap to the wheel ahead — closer saves more, but stay in control.</li> + <li><strong>Share the work:</strong> rotate turns at the front so no one gets cooked.</li> + <li><strong>Huge on event day:</strong> finding a good group transforms a fondo or rally.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-hand-index"></i> Signals & Calls</h5> + <div class="card-content-wrapper"> + <p class="summary">In a group you're the <span class="term">eyes for riders behind</span>. Point out and call hazards they can't see.</p> + <div class="card-detail"> + <h6>Common Signals</h6> + <ul> + <li><strong>Point down:</strong> potholes, debris, drain covers.</li> + <li><strong>Call it:</strong> "car back," "car up," "stopping," "slowing."</li> + <li><strong>Hand behind back / wave:</strong> move over for an obstacle on that side.</li> + <li><strong>Pass it along:</strong> relay calls up and down the line.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-check2-circle"></i> Group Etiquette</h5> + <div class="card-content-wrapper"> + <p class="summary">Smooth, predictable riding keeps the <span class="term">whole bunch safe</span>. Erratic riders make everyone nervous.</p> + <div class="card-detail"> + <h6>The Unwritten Rules</h6> + <ul> + <li><strong>Hold your line:</strong> no sudden swerves, brakes, or surges.</li> + <li><strong>No half-wheeling:</strong> match the pace beside you, don't creep ahead.</li> + <li><strong>Brake smoothly:</strong> ease off rather than grab a fistful.</li> + <li><strong>Pull off predictably:</strong> signal, then drift to the back smoothly.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-eye"></i> Look Past the Wheel</h5> + <div class="card-content-wrapper"> + <p class="summary">Don't fixate on the wheel in front — <span class="term">look through the group</span> and read what's coming.</p> + <div class="card-detail"> + <h6>Stay Aware</h6> + <ul> + <li><strong>Soft focus:</strong> see the rider ahead and the road beyond them.</li> + <li><strong>Anticipate:</strong> spot braking and turns early, react gently.</li> + <li><strong>Cushion the gap:</strong> a touch of space gives you reaction time.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-left-right"></i> Taking a Turn</h5> + <div class="card-content-wrapper"> + <p class="summary">A good pull keeps the <span class="term">pace steady</span> — your job at the front is consistency, not a surge.</p> + <div class="card-detail"> + <h6>At The Front</h6> + <ul> + <li><strong>Hold the pace:</strong> don't accelerate when you hit the wind.</li> + <li><strong>Short pulls are fine:</strong> a brief, smooth turn beats a long, fading one.</li> + <li><strong>Pull off into the wind:</strong> so the line stays sheltered as you drift back.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-person-check"></i> Ride Within Your Group</h5> + <div class="card-content-wrapper"> + <p class="summary">Pick a group that <span class="term">matches your level</span>. Hanging on by a thread is unsafe for you and everyone around you.</p> + <div class="card-detail"> + <h6>Be Honest</h6> + <ul> + <li><strong>Right pace:</strong> a group you can ride <em>and</em> contribute to, not just survive.</li> + <li><strong>New to it:</strong> start at the back, watch, and learn the group's habits.</li> + <li><strong>Speak up:</strong> if the pace is unsafe or too hot, say so or drift off.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 13. ROAD SAFETY --> + <section class="schema-container section-safety" id="section-safety"> + <h2 class="section-title"><i class="bi bi-exclamation-triangle"></i> Road Safety</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-eye"></i> Be Visible</h5> + <div class="card-content-wrapper"> + <p class="summary">Assume drivers <span class="term">haven't seen you</span> until proven otherwise. Make yourself impossible to miss.</p> + <div class="card-detail"> + <h6>Visibility Kit</h6> + <ul> + <li><strong>Lights always:</strong> a daytime running light front and rear, even in sun.</li> + <li><strong>Bright clothing:</strong> high-contrast colours, reflective detail at dusk.</li> + <li><strong>Position to be seen:</strong> ride where drivers naturally look, not in the gutter.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-signpost"></i> Ride Predictably</h5> + <div class="card-content-wrapper"> + <p class="summary">Predictable riders are <span class="term">safe riders</span>. Let drivers and other cyclists anticipate you.</p> + <div class="card-detail"> + <h6>Habits</h6> + <ul> + <li><strong>Hold a straight line:</strong> don't weave between parked cars.</li> + <li><strong>Signal clearly:</strong> point turns and lane changes well in advance.</li> + <li><strong>Obey the road:</strong> stop signs and lights — you're traffic too.</li> + <li><strong>Claim the lane</strong> when it's too narrow to share safely.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-binoculars"></i> Scan & Anticipate</h5> + <div class="card-content-wrapper"> + <p class="summary">Defensive riding means <span class="term">seeing trouble early</span> — before it becomes a decision you have to make fast.</p> + <div class="card-detail"> + <h6>What To Watch</h6> + <ul> + <li><strong>Parked cars:</strong> watch for brake lights, exhaust, and opening doors.</li> + <li><strong>Intersections:</strong> make eye contact; assume turning cars don't see you.</li> + <li><strong>Driveways & junctions:</strong> cover the brakes through pinch points.</li> + <li><strong>Mirror or shoulder check:</strong> know what's behind before you move.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-cloud-rain"></i> Surfaces & Weather</h5> + <div class="card-content-wrapper"> + <p class="summary">The road itself is a hazard — <span class="term">wet, loose, or broken</span> surfaces demand more space and lower speed.</p> + <div class="card-detail"> + <h6>Adapt</h6> + <ul> + <li><strong>Wet roads:</strong> brake earlier and gentler; corners are slick, paint and metal worse.</li> + <li><strong>Gravel & debris:</strong> stay loose, look ahead, avoid braking or steering hard on it.</li> + <li><strong>Heat & cold:</strong> dress and fuel for conditions; both impair judgment.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-telephone"></i> Ride Prepared</h5> + <div class="card-content-wrapper"> + <p class="summary">A few precautions mean a <span class="term">mishap stays minor</span> instead of becoming a real problem.</p> + <div class="card-detail"> + <h6>Before You Roll</h6> + <ul> + <li><strong>Carry ID & phone:</strong> and an emergency contact set up on the lock screen.</li> + <li><strong>Share your route:</strong> tell someone where and how long, or use live tracking.</li> + <li><strong>Know basic repairs:</strong> a flat shouldn't strand you miles from home.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-ear"></i> Stay Heads-Up</h5> + <div class="card-content-wrapper"> + <p class="summary">Your <span class="term">attention is safety gear</span>. Distraction and tuned-out senses cause avoidable crashes.</p> + <div class="card-detail"> + <h6>Keep Aware</h6> + <ul> + <li><strong>Hearing matters:</strong> skip headphones, or keep one ear open at most.</li> + <li><strong>Eyes up:</strong> don't fixate on the computer; glance, don't stare.</li> + <li><strong>Fatigue dulls reactions:</strong> a tired rider is a slower-reacting one.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 14. INJURY PREVENTION --> + <section class="schema-container section-injury" id="section-injury"> + <h2 class="section-title"><i class="bi bi-bandaid"></i> Injury Prevention & Comfort</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-emoji-frown"></i> Knee Pain</h5> + <div class="card-content-wrapper"> + <p class="summary">The most common cycling overuse complaint — usually a <span class="term">fit or load problem</span>, not a knee problem.</p> + <div class="card-detail"> + <h6>Address It</h6> + <ul> + <li><strong>Check the fit:</strong> saddle height and cleat position are the usual culprits.</li> + <li><strong>Spin, don't grind:</strong> low cadence in big gears overloads the knees.</li> + <li><strong>Build gradually:</strong> sudden jumps in volume or hill work provoke it.</li> + <li class="important-note">Persistent or sharp knee pain — get a professional bike fit and rest.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-emoji-dizzy"></i> Saddle Sores & Comfort</h5> + <div class="card-content-wrapper"> + <p class="summary">Sit-bone and soft-tissue discomfort is a <span class="term">solvable equipment issue</span> — don't just tough it out.</p> + <div class="card-detail"> + <h6>Prevent It</h6> + <ul> + <li><strong>Right saddle:</strong> matched to your sit-bone width, not the softest one.</li> + <li><strong>Quality shorts & chamois cream:</strong> reduce friction on long rides.</li> + <li><strong>Clean & dry:</strong> change out of kit promptly after riding.</li> + <li><strong>Move around:</strong> shift position and stand periodically on long rides.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-hand-thumbs-down"></i> Numb Hands & Feet</h5> + <div class="card-content-wrapper"> + <p class="summary">Tingling or numbness means <span class="term">too much pressure</span> on a nerve — a fixable fit and habit issue.</p> + <div class="card-detail"> + <h6>Fixes</h6> + <ul> + <li><strong>Hands:</strong> bar tape/gloves, lighter grip, and move hand positions often.</li> + <li><strong>Weight off the bars:</strong> a fit that's too long or low overloads the hands.</li> + <li><strong>Feet ("hot foot"):</strong> check shoe fit, cleat position, and not over-tight straps.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-person-x"></i> Neck & Back Aches</h5> + <div class="card-content-wrapper"> + <p class="summary">Upper-body aches usually trace to a <span class="term">position too aggressive</span> for your flexibility — or a static one held too long.</p> + <div class="card-detail"> + <h6>Relieve It</h6> + <ul> + <li><strong>Raise the bars:</strong> a more upright position is fine and often faster long-term.</li> + <li><strong>Move on the bike:</strong> change hand positions, shrug, look around.</li> + <li><strong>Off-bike work:</strong> core and mobility build the support to hold a position.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-graph-up-arrow"></i> Overtraining</h5> + <div class="card-content-wrapper"> + <p class="summary">Too much load with too little recovery leads to <span class="term">stalled fitness and burnout</span> — not gains.</p> + <div class="card-detail"> + <h6>Warning Signs</h6> + <ul> + <li><strong>Watch for:</strong> elevated resting HR, poor sleep, low motivation, flat legs.</li> + <li><strong>Performance drop:</strong> getting slower despite training harder.</li> + <li><strong>The fix:</strong> rest is the only cure — take it early, before it's forced on you.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-shield-plus"></i> The Prevention Toolkit</h5> + <div class="card-content-wrapper"> + <p class="summary">Most cycling injuries are <span class="term">overuse, not accident</span> — and overuse is preventable.</p> + <div class="card-detail"> + <h6>Stay Healthy</h6> + <ul> + <li><strong>Fit first:</strong> a proper bike fit prevents the majority of overuse pain.</li> + <li><strong>Progress gradually:</strong> respect the ~10% rule on volume.</li> + <li><strong>Don't ride through sharp pain:</strong> dull fatigue is fine; sharp or worsening pain isn't.</li> + <li><strong>Strength & mobility:</strong> a little off-bike work goes a long way — see below.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 15. STRENGTH & RECOVERY --> + <section class="schema-container section-recovery" id="section-recovery"> + <h2 class="section-title"><i class="bi bi-battery-charging"></i> Strength & Recovery</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-moon-stars"></i> Sleep Is King</h5> + <div class="card-content-wrapper"> + <p class="summary">No supplement or gadget rivals <span class="term">7–9 hours of quality sleep</span> for recovery and adaptation.</p> + <div class="card-detail"> + <h6>Protect It</h6> + <ul> + <li><strong>Consistent schedule:</strong> regular bed and wake times stabilize recovery.</li> + <li><strong>Extra after big days:</strong> hard training raises your sleep needs.</li> + <li><strong>It's training:</strong> treat sleep as a session you don't skip.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bicycle"></i> Cyclists Need the Gym</h5> + <div class="card-content-wrapper"> + <p class="summary">Cycling builds a fit engine but a <span class="term">narrow body</span>. Off-bike strength fills the gaps.</p> + <div class="card-detail"> + <h6>Why Bother</h6> + <ul> + <li><strong>More durable:</strong> stronger riders hold form and resist injury late in rides.</li> + <li><strong>Bone health:</strong> cycling is low-impact — lifting protects bone density.</li> + <li><strong>Better power:</strong> a stronger base supports your top-end efforts.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-person-arms-up"></i> Strength Essentials</h5> + <div class="card-content-wrapper"> + <p class="summary">You don't need to be a powerlifter — <span class="term">two short sessions a week</span> covers the basics.</p> + <div class="card-detail"> + <h6>The Movements</h6> + <ul> + <li><strong>Legs:</strong> squats, lunges, deadlifts, step-ups — the cycling prime movers.</li> + <li><strong>Posterior chain:</strong> glutes and hamstrings power the pedal stroke.</li> + <li><strong>Timing:</strong> heavier in the off-season, lighter and maintenance in-season.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-bullseye"></i> Core & Mobility</h5> + <div class="card-content-wrapper"> + <p class="summary">A stable core lets you <span class="term">hold a good position</span> for hours; mobility makes that position comfortable.</p> + <div class="card-detail"> + <h6>Focus Areas</h6> + <ul> + <li><strong>Core:</strong> planks and anti-rotation work stop the upper body from collapsing.</li> + <li><strong>Hips & hamstrings:</strong> cycling shortens them — stretch and mobilize regularly.</li> + <li><strong>Thoracic spine & neck:</strong> mobility here eases the riding posture.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-arrow-repeat"></i> Active Recovery</h5> + <div class="card-content-wrapper"> + <p class="summary">Gentle movement on rest days <span class="term">aids recovery</span> more than total stillness — but keep it genuinely easy.</p> + <div class="card-detail"> + <h6>Good Options</h6> + <ul> + <li><strong>Easy spin or walk:</strong> light blood flow, zero training stress.</li> + <li><strong>Mobility & stretching:</strong> a calm session to undo riding posture.</li> + <li><strong>The trap:</strong> "recovery" rides that creep into real efforts — keep them tiny.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-calendar-week"></i> Periodize & Taper</h5> + <div class="card-content-wrapper"> + <p class="summary">Fitness comes from <span class="term">stress then rest</span>, repeated — and from arriving at events fresh.</p> + <div class="card-detail"> + <h6>Structure The Season</h6> + <ul> + <li><strong>Recovery weeks:</strong> every 3–4 weeks, ease off to absorb the training.</li> + <li><strong>Taper:</strong> 1–2 weeks before an event, cut volume, keep light intensity.</li> + <li><strong>Off-season:</strong> a real break each year refreshes body and motivation.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + <!-- 16. MENTAL GAME --> + <section class="schema-container section-mindset" id="section-mindset"> + <h2 class="section-title"><i class="bi bi-brain"></i> Mental Game</h2> + <div class="row"> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-signpost-split"></i> Break It Into Chunks</h5> + <div class="card-content-wrapper"> + <p class="summary">A century is daunting; <span class="term">"ride to the next feed zone"</span> is not. Shrink the task to a size your mind accepts.</p> + <div class="card-detail"> + <h6>How To Do It</h6> + <ul> + <li><strong>Segment the route:</strong> climb to climb, town to town, bottle to bottle.</li> + <li><strong>Stay present:</strong> ride the kilometer you're in, not the 80 still to come.</li> + <li><strong>Tick them off:</strong> each chunk done is real, visible progress.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-cloud-drizzle"></i> Bad Patches Pass</h5> + <div class="card-content-wrapper"> + <p class="summary">On any long ride you'll have a <span class="term">low moment</span>. It's normal, it's usually fixable, and it almost always passes.</p> + <div class="card-detail"> + <h6>Ride It Out</h6> + <ul> + <li><strong>First, fuel:</strong> a rough patch is often just low blood sugar — eat and drink.</li> + <li><strong>Ease off briefly:</strong> back the pace down for ten minutes rather than quitting.</li> + <li><strong>Don't decide low:</strong> never make a "I'm done" call in the depths of a bad patch.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-chat-quote"></i> Manage Self-Talk</h5> + <div class="card-content-wrapper"> + <p class="summary">The voice in your head sets the <span class="term">ceiling of your effort</span>. It can be coached.</p> + <div class="card-detail"> + <h6>Practical Cues</h6> + <ul> + <li><strong>Reframe sensations:</strong> "this is hard" → "this is me working, and it's working."</li> + <li><strong>Have a mantra:</strong> a short phrase to fall back on when it bites.</li> + <li><strong>Process over outcome:</strong> focus on cadence, breathing, the next pedal stroke.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-clipboard-heart"></i> Calm the Pre-Event Nerves</h5> + <div class="card-content-wrapper"> + <p class="summary">Nerves are normal and even useful. <span class="term">Preparation channels them</span> into focus instead of dread.</p> + <div class="card-detail"> + <h6>Settle In</h6> + <ul> + <li><strong>Trust the training:</strong> the work is done; the event is just the payoff.</li> + <li><strong>Routine over rumination:</strong> a familiar warm-up gives the mind a job.</li> + <li><strong>Lean on the plan:</strong> your A/B/C goals make the start line less scary.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-people"></i> Use the Crowd & the Bunch</h5> + <div class="card-content-wrapper"> + <p class="summary">Events are <span class="term">shared experiences</span>. Other riders and spectators are a resource, not just scenery.</p> + <div class="card-detail"> + <h6>Draw On It</h6> + <ul> + <li><strong>Ride with others:</strong> a steady wheel lifts both pace and morale.</li> + <li><strong>Soak up support:</strong> feed-zone volunteers and crowds genuinely help.</li> + <li><strong>Give it back:</strong> a word of encouragement to a struggling rider lifts you too.</li> + </ul> + </div> + </div> + </div></div> + </div> + <div class="col-lg-4 col-md-6"> + <div class="info-card"><div class="card-body"> + <h5><i class="bi bi-star"></i> Remember Why You Ride</h5> + <div class="card-content-wrapper"> + <p class="summary">For the amateur, the point is the <span class="term">joy, health, and adventure</span> — the result is a bonus, not the purpose.</p> + <div class="card-detail"> + <h6>Keep Perspective</h6> + <ul> + <li><strong>Celebrate finishing:</strong> completing the distance is the real achievement.</li> + <li><strong>Bad days happen:</strong> one rough event doesn't undo a season of riding.</li> + <li><strong>Play the long game:</strong> a lifetime of riding beats one perfect season.</li> + </ul> + </div> + </div> + </div></div> + </div> + </div> + </section> + + </div> + <!-- /#main-container --> + <footer class="container text-center pb-3"> + <div class="mb-3"> + <a class="mx-2" href="running.html" rel="noopener noreferrer" target="_blank" title="Running Cheatsheet"> + <i class="bi bi-stopwatch"></i> + Running Cheatsheet + </a> + <a class="mx-2" href="weightloss-cheatsheet.html" rel="noopener noreferrer" target="_blank" title="Weight Loss & Metabolic Health Cheatsheet"> + <i class="bi bi-clipboard2-pulse"></i> + Weight Loss & Metabolic Health + </a> + </div> + <p class="mb-2"> + © + <span id="currentYear">2026</span> + David Veksler · An evidence-informed overview of road cycling training. General educational reference — not medical advice; consult a professional for injuries or health concerns. + </p> + <div> + <a class="mx-2 link-secondary" href="https://www.linkedin.com/in/davidveksler/" target="_blank" title="David Veksler on LinkedIn"> + <i class="bi bi-linkedin"></i> + LinkedIn + </a> + <a class="mx-2 link-secondary" href="https://cheatsheets.davidveksler.com/" title="Browse All Cheatsheets"> + <i class="bi bi-collection"></i> + All Cheatsheets + </a> + </div> + </footer> + <script> + document.getElementById('currentYear').textContent = new Date().getFullYear(); + </script> + </body> +</html> Binary files /dev/null and b/images/cycling.png differ