forked from RedwoodShoresCyclingMeetup/civilized-century
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathroute-35-60.html
More file actions
175 lines (153 loc) · 7.43 KB
/
route-35-60.html
File metadata and controls
175 lines (153 loc) · 7.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE HTML>
<!--
Introspect by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html lang="en-us">
<head>
<title>Routes | Civilized Century</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="/assets/css/main.css" />
<link rel="shortcut icon" href="images/favicon.ico">
<script
src="https://code.jquery.com/jquery-3.6.0.slim.min.js"
integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="
crossorigin="anonymous"></script>
</head>
<!-- MailerLite Universal -->
<script>
(function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[])
.push(arguments);},l=d.createElement(e),l.async=1,l.src=u,
n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})
(window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');
ml('account', '1253612');
</script>
<!-- End MailerLite Universal -->
<body id="routes">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="index.html" class="logo">
<span class="sr">Civilized Century</span>
<img src="images/logo.png" />
</a>
<nav id="nav">
<a href="index.html">Home</a>
<a href="route-75-100.html" class="active">Routes</a>
<a href="store.html">Store</a>
<a href="parking.html">Parking</a>
<a href="support.html">Support</a>
<a href="gallery.html">Gallery</a>
<a href="tips.html">Tips</a>
</nav>
</div>
</header>
<a href="#menu" class="navPanelToggle"><span class="fa fa-bars"></span></a>
<!-- Main -->
<nav id="routes-nav">
<a href="route-35-60.html" id="active-route">35 or 60 Miles</a>
<a href="route-75-100.html">75 or 100 Miles</a>
</nav>
<section id="route-one">
<div class="inner">
<header class="major special align-center">
<h2>South Course - 35 or 60 Miles</h2>
</header>
<p class="align-center">Choose one of four routes at packet pickup – 35, 60, 75, or 100 miles</p>
</div>
</section>
<section id="route-two">
<div class="inner">
<article>
<div class="content">
<p class="route-distance-heading"><a href="https://ridewithgps.com/routes/51682958">35-mile Route</a></p>
<p>is a great “beginner” ride with interesting sights along the way such as the Bridge To Nowhere, Facebook/Meta's campus, and views from the Dumbarton Bridge. The turnaround rest-stop is at the Don Edwards Visitor Center where you can rest then head back to the finish along mostly the same route.</p>
<p class="route-distance-heading"><a href="https://ridewithgps.com/routes/51682951">60-mile Route</a></p>
<p>is a scenic circumnavigation of the entire South Bay. Continuing from the Visitors Center rest-stop, journey south through a dozen cities, explore more interesting sights and trails, and recharge at two more rest-stops. After the BBQ meal at the end of your ride, tell your friends you did a century – they won’t know it’s metric.</p>
<!-- <p>Expect short stretches of yummy gravel on all routes. <span style="color:red">2026 ROUTES ARE NOW FINAL</span></p> -->
<p>Expect short stretches of yummy gravel on all routes. <span style="color:red">2026 Event routes finalize a few days before the event.</span></p>
<p>Printed cue sheets are provided at packet pickup.</p>
<p class="route-list">
35-mile route:
<a href="/assets/files/Septennial_Civilized_Century_2025_35.pdf">cue sheet</a>
<a href="https://ridewithgps.com/routes/51682958">map</a>
</p>
<p class="route-list">
60-mile route:
<a href="/assets/files/Septennial_Civilized_Century_2025_60.pdf">cue sheet</a>
<a href="https://ridewithgps.com/routes/51682951">map</a>
</p>
<p class="route-ebike"><span style="color:red"> eBike Policy:</span> Pedal assisted (class 1/3) eBikes are okay. Throttle assisted (Class 2) are NOT allowed on any rides.</p>
<!-- remove the comment to activate the following button, exclammation and double dashes at the beginning and double dashes at the end -->
<!-- <p><a id="registerButton" href="#" class="button special">Register to Ride</a> <span style="color:red">Registration is Open!</span></p> -->
</div>
</article>
<article>
<div class="content">
<figure>
<img src="/assets/photos/2025/DumbartonMaytinee2024.jpeg" width="100%" class="image" alt="May at Dumbarton Reststop">
<figcaption>The Dumbarton rest-stop</figcaption>
<figure>
<header>
<h4>Schedule</h4>
</header>
<p class="route-list"><b>8am - 10am</b>: Pick up your bib and start your adventure</p>
<p class="route-list"><b>12pm-ish</b>: Start serving gluten-free mini-meal with veggie option</p>
<p class="route-list"><b>8pm</b>: The Octennial Civilized Century closes. <a href="https://www.yogile.com/civilizedcentury2026" target="_blank">Post your pics!</a></p>
<!-- this button controls the email list -->
<!--div class="ml-embedded" data-form="HIHz80"></div-->
<!-- remove the comment to activate the following button, exclammation and double dashes at the beginning and double dashes at the end -->
<p><a id="registerButton" href="#" class="button special">Register to Ride</a> <span style="color:red">Registration is Open!</span></p>
</div>
</article>
</div>
</section>
<section id="route-map">
<div class="inner">
<iframe src="https://ridewithgps.com/embeds?type=route&id=51682951&sampleGraph=true&distanceMarkers=true" style="width: 1px; min-width: 100%; height: 700px; border: none;" scrolling="no"></iframe>
</div>
</section>
<!-- Footer -->
<section id="footer" class="houndstooth">
<div class="inner">
<p class="right">The "Civilized Century" is a cycling event organized by the <a href="https://www.meetup.com/Redwood-Shores-Cycling-Meetup/">Redwood Shores Cycling Meetup</a>.</p>
</div>
</section>
<section id="registerModal">
<div class="inner">
<div id="eventbrite-widget-container-1986463159785"></div>
<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
<script type="text/javascript">
var exampleCallback = function() {
console.log('Order complete!');
$('#registerButton').hide();
};
window.EBWidgets.createWidget({
// Required
widgetType: 'checkout',
eventId: '1986463159785',
iframeContainerId: 'eventbrite-widget-container-1986463159785',
// Optional
iframeContainerHeight: 800, // Widget height in pixels. Defaults to a minimum of 425px if not provided
onOrderComplete: exampleCallback // Method called when an order has successfully completed
});
$('#registerButton').click(function(e) {
e.preventDefault();
$('#registerModal').show();
});
$('#registerModal').click(function(e) {
console.log("modal clicked");
$('#registerModal').hide();
});
</script>
</div>
</section>
<!-- Scripts -->
<script src="/assets/js/jquery.min.js"></script>
<script src="/assets/js/skel.min.js"></script>
<script src="/assets/js/util.js"></script>
<script src="/assets/js/main.js"></script>
</body>
</html>