-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
117 lines (113 loc) · 4.56 KB
/
index.html
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
<!doctype html>
<html lang="en">
<head>
<title>Butterlap</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:title" content="Butterlap" />
<meta property="og:description" content="A weekly social bike ride around San Francisco!" />
<meta property="og:image" content="https://butterlap.bike/route.png" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">
<script async defer data-domain="butterlap.bike" src="https://plausible.io/js/plausible.js"></script>
</head>
<body>
<div class="container">
<h1 class="display-2">Butterlap</h1>
<p class="lead">
A weekly leaderless social bike ride around San Francisco!
</p>
<dl class="row">
<dt class="col-sm-1">Time</dt>
<dd class="col-11">Wednesday at 7pm. Roll at 7:15.</dd>
<dt class="col-sm-1">Place</dt>
<dd class="col-11">
At <a href="https://www.ferrybuildingmarketplace.com/merchants/fort-point-beer-company/">Fort Point</a> in <a href="https://goo.gl/maps/yKgBhgN8JxE2">The Ferry Building</a>.
<dd>
</dl>
<h2>Map</h2>
<figure class="figure">
<a href="route.png">
<img src="route.png" class="img-fluid" alt="A map of the Butterlap route" />
</a>
<figcaption class="figure-caption text-center">
Route on <a href="https://ridewithgps.com/routes/36006344">RideWithGPS</a>
or <a href="https://www.strava.com/routes/2827394087307851706">Strava</a>
</figcaption>
</figure>
<h2>Stops</h2>
<ol>
<li>Fort Mason Great Meadow.</li>
<li>Pacific Overlook.</li>
<li>Legion of Honor.</li>
<li><a href="https://www.bendersbar.com">Bender's Bar & Grill</a></li>
</ol>
<h2>FAQ</h2>
<dl>
<dt>So how does this work?</dt>
<dd>
<p>
Every week on Wednesday people show up and ride bikes. There are
regulars, but there's no real leader and people come and go. It's
the same route every week so people treat it rather flexibly, some
showing up at stops, or riding the route in reverse until they run
into folks.
</p>
<p>
If you're interested in joining up, give a shout, and someone will
make sure to get you synced up with others on the ride!
</p>
</dd>
<dt>What's the usual turn out?</dt>
<dd>
<p>
5-25, average of 10. Even if there is rain, a few folks usually show up.
</p>
</dd>
<dt>What kinda ride is this?</dt>
<dd>
<p>
Rather relaxed. Most folks show up in work attire. Sometimes, a few in
lycra. The first three stops are usually long enough to drink a beer.
</p>
</dd>
<dt>How fast do people go?</dt>
<dd>
<p>
It's not a super speedy group ride. Faster than Bike Party or Critical
Mass, but it's still a no drop, everyone is welcome ride.
</p>
</dd>
<dt>What kinda bike should I bring?</dt>
<dd>
<p>
Whatever you got! Butter is doable on just about any bike, though gears
are recommended. It's all paved, though there are a few options for some
hard packed trails if that's your thing.
</p>
</dd>
<dt>What else should I bring?</dt>
<dd>
<p>
A jacket and some lights are pretty important. Many people bring
beers or snacks to share as well.
</p>
</dd>
<dt>What time does this ride end?</dt>
<dd>
<p>
Usually folks hit the Panhandle at 9:45-10:15. Bender's about 15-30 minutes
after that.
</p>
</dd>
<dt>I found something wrong on this website. How can I fix it?!</dt>
<dd>
<p>
The source for this website is available on <a href="https://github.com/skalnik/butterlap.bike">GitHub</a>.
Pull requests and bug reports welcome.
</p>
</dd>
</dl>
</div>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
</body>
</html>