Skip to content

Commit 327f733

Browse files
RBerguaRBergua
committed
New clubs, distance logic, and layout
1 parent 902d6cc commit 327f733

1 file changed

Lines changed: 32 additions & 27 deletions

File tree

‎index.html‎

Lines changed: 32 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -260,8 +260,10 @@
260260
#sheet-club { font-size: 1.15em; font-weight: 700; text-transform: uppercase; color: #111; line-height: 1.3; margin: 0; }
261261
#sheet-title { font-size: 1.0em; font-weight: 400; color: #888; margin: 0 0 12px; }
262262
#sheet-meta { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
263-
.sheet-badge { background: #f0f6ff; color: #007bff; border: 1px solid #cce0ff; border-radius: 20px; padding: 4px 12px; font-size: 0.92em; font-weight: 600; }
263+
.sheet-badge { background: #f0f6ff; color: #007bff; border: 1px solid #cce0ff; border-radius: 20px; padding: 5px 14px; font-size: 0.88em; font-weight: 500; display: inline-block; line-height: 1; }
264264
.sheet-badge.women { background: #f3f0ff; color: #6f42c1; border-color: #d0c4f7; }
265+
.sheet-badge.nonboulder { background: #f0fff4; color: #28a745; border-color: #b2dfdb; }
266+
a:has(.sheet-badge) { text-decoration: none; } /* remove underline from badges */
265267
#sheet-strava-btn {
266268
display: block; width: 100%; background: #fc4c02; color: white; border: none;
267269
border-radius: 12px; padding: 14px; font-size: 1em; font-weight: 700;
@@ -350,36 +352,39 @@ <h2>Clubs on the map</h2>
350352
The following clubs are currently included. To suggest a new one, <a href="https://github.com/RBergua/boulderrides/issues" target="_blank">open a GitHub issue</a>.
351353
</p>
352354

355+
<!-- Club badge list — add/remove entries here to update the list -->
356+
<!-- Blue = Boulder County-based club (35-mile radius); Green = non-Boulder club (15-mile radius) -->
353357
<div style="display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 16px;">
354-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Rapha Boulder</span>
355-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Fast &amp; Flat</span>
356-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Gateway</span>
357-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Pas Normal Studios</span>
358-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">MAAP</span>
359-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">GRVL DNKYS | FAST GRVL </span>
360-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Wednesday Morning Velo</span>
361-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Thank Gravel It's Friday</span>
362-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Ride or Die Collective</span>
363-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Lo-La Gravel</span>
364-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Hot Laps</span>
365-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Wednesday Flag</span>
366-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Thursday Gravel</span>
367-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Mike's Bikes Boulder</span>
368-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Cassiopeia</span>
369-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">The Tuesday Night Ride</span>
370-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Peak to Peak Endurance</span>
371-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">The Donut Ride</span>
372-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Boulder Friday Coffee Ride</span>
373-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Longmont Velo</span>
374-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Boulder Triathlon Club</span>
375-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">CyclErie</span>
376-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Evergreen Ride Club</span>
377-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">303 VELO</span>
378-
<span style="background:#f0f6ff; color:#007bff; border:1px solid #cce0ff; border-radius:20px; padding:5px 14px; font-size:0.88em; font-weight:500;">Sports Garage Cycling</span>
358+
<a href="https://www.strava.com/clubs/575042" target="_blank"><span class="sheet-badge">Rapha Boulder</span></a>
359+
<a href="https://www.strava.com/clubs/1881055" target="_blank"><span class="sheet-badge">Fast &amp; Flat</span></a>
360+
<a href="https://www.strava.com/clubs/1198784" target="_blank"><span class="sheet-badge">Gateway</span></a>
361+
<a href="https://www.strava.com/clubs/205018" target="_blank"><span class="sheet-badge">Pas Normal Studios</span></a>
362+
<a href="https://www.strava.com/clubs/293623" target="_blank"><span class="sheet-badge">MAAP</span></a>
363+
<a href="https://www.strava.com/clubs/1912110" target="_blank"><span class="sheet-badge">GRVL DNKYS | FAST GRVL</span></a>
364+
<a href="https://www.strava.com/clubs/135601" target="_blank"><span class="sheet-badge">Wednesday Morning Velo</span></a>
365+
<a href="https://www.strava.com/clubs/580179" target="_blank"><span class="sheet-badge">Thank Gravel It's Friday</span></a>
366+
<a href="https://www.strava.com/clubs/761000" target="_blank"><span class="sheet-badge">Ride or Die Collective</span></a>
367+
<a href="https://www.strava.com/clubs/1123418" target="_blank"><span class="sheet-badge">Lo-La Gravel</span></a>
368+
<a href="https://www.strava.com/clubs/1787069" target="_blank"><span class="sheet-badge">Hot Laps</span></a>
369+
<a href="https://www.strava.com/clubs/1929619" target="_blank"><span class="sheet-badge">Wednesday Flag</span></a>
370+
<a href="https://www.strava.com/clubs/2028457" target="_blank"><span class="sheet-badge">Thursday Gravel</span></a>
371+
<a href="https://www.strava.com/clubs/225400" target="_blank"><span class="sheet-badge">Mike's Bikes Boulder</span></a>
372+
<a href="https://www.strava.com/clubs/1101032" target="_blank"><span class="sheet-badge">Cassiopeia</span></a>
373+
<a href="https://www.strava.com/clubs/1273387" target="_blank"><span class="sheet-badge">The Tuesday Night Ride</span></a>
374+
<a href="https://www.strava.com/clubs/1127013" target="_blank"><span class="sheet-badge nonboulder">Peak to Peak Endurance</span></a>
375+
<a href="https://www.strava.com/clubs/1975308" target="_blank"><span class="sheet-badge">The Donut Ride</span></a>
376+
<a href="https://www.strava.com/clubs/2017429" target="_blank"><span class="sheet-badge">Boulder Friday Coffee Ride</span></a>
377+
<a href="https://www.strava.com/clubs/2015751" target="_blank"><span class="sheet-badge">Longmont Velo</span></a>
378+
<a href="https://www.strava.com/clubs/29451" target="_blank"><span class="sheet-badge">Boulder Triathlon Club</span></a>
379+
<a href="https://www.strava.com/clubs/1096821" target="_blank"><span class="sheet-badge">CyclErie</span></a>
380+
<a href="https://www.strava.com/clubs/815" target="_blank"><span class="sheet-badge nonboulder">Evergreen Ride Club</span></a>
381+
<a href="https://www.strava.com/clubs/1333942" target="_blank"><span class="sheet-badge">303 VELO</span></a>
382+
<a href="https://www.strava.com/clubs/1838369" target="_blank"><span class="sheet-badge">Sports Garage Cycling</span></a>
383+
<a href="https://www.strava.com/clubs/1803710" target="_blank"><span class="sheet-badge">Simple Cycling Maps</span></a>
379384
</div>
380385

381386
<p style="font-size:0.8em; color:#666;">
382-
Some clubs may organize rides at different locations. Only rides starting within ~15 miles of downtown Boulder are shown. Rides without a Strava route are excluded.
387+
All <span style="color:#007bff; font-weight:600;">blue-labeled</span> clubs are based in Boulder County, while <span style="color:#28a745; font-weight:600;">green-labeled</span> clubs are not. Rides starting within 15 miles of downtown Boulder are shown for green clubs, and within 35 miles for blue clubs. This allows for the inclusion of special rides such as Mt. Blue Sky, Rollins Pass, Estes Park, etc. organized by Boulder clubs. Any rides without a Strava route are excluded.
383388
</p>
384389

385390
<hr>

0 commit comments

Comments
 (0)