Skip to content

Commit dbc6414

Browse files
steizasteiza
committedJun 6, 2021
Finish adding routes for original BBTXL, start adding photos to home page
1 parent 5285c9e commit dbc6414

File tree

7 files changed

+104
-13
lines changed

7 files changed

+104
-13
lines changed
 

‎img/mi/dark_horse.jpg

186 KB
Loading

‎img/bbtxl2012_day1.png ‎img/original/day1.png

File renamed without changes.

‎img/original/day2.png

648 KB
Loading

‎img/original/day3.png

283 KB
Loading

‎index.html

+75-10
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,85 @@
11
<!doctype html>
22
<html>
3+
<head>
4+
<link rel="stylesheet" href="styles.css">
5+
</head>
36
<body>
47
<h1>What is Bicycle Beer Time eXtra Large?</h1>
58
<p>BBTXL's (pronounced bubba-tix-el) are week-long, supported, bike tours. The first week-long ride took place in 2013, and there's roughly one ride per year.</p>
69
<p>For many of us, this was our first experience bike touring. We generally camp overnight (preferably somewhere with a shower or a fresh body of water) and seek out breweries as food stops.</p>
710
<p>It's hard to explain the magic of these trips. Imagine your day being reduced to biking with 15-20 of your friends, punctuated with good meals, ice cream stops, and (of course) craft beers.</p>
811
<p>This site documents these trips, and hopefully inspires you to plan your own trip!</p>
9-
<h3><a href="bbtxl.html">(2012) BBTXL (Ann Arbor, MI to Holland, MI)</a></h3>
10-
<h3><a href="mi.html">(2013) BBTXL: BLU MI (Ann Arbor, MI to Bellaire, MI)</a></h3>
11-
<h3><a href="fingerlakes.html">(2014) BBTXL: Finger Lakes (Jamestown, NY to Fair Haven, NY)</a></h3>
12-
<h3><a href="norcal.html">(2015) BBTXL: Nor Cal (Trinidad, CA to San Francisco, CA)</a></h3>
13-
<h3><a href="ne.html">(2016) BBTXL: Northeast (Boston, MA loop)</a></h3>
14-
<h3><a href="ctx.html">(2017) BBTXL: Central TX (Austin, TX loop)</a></h3>
15-
<h3><a href="or.html">(2017) BBTXL: O'BBTXL (Bend, OR to Astoria, OR)</a></h3>
16-
<h3><a href="nmi.html">(2018) BBTXL: Northern MI (Traverse City, MI to Pictured Rocks)</a></h3>
17-
<h3><a href="danube.html">(2019) BBTXL: Danube (Passau, DE to Budapest, HU)</a></h3>
18-
<h3>(2020) BBTXL: WRiBBT (Canyonlands National Park, White Rim Road)</h3>
12+
13+
<h3>2012</h3>
14+
<div class="flex">
15+
<div class="column">
16+
<p><a href="original.html">BBTXL (Ann Arbor, MI to Holland, MI)</a></p>
17+
</div>
18+
</div>
19+
20+
<h3>2013</h3>
21+
<div class="flex">
22+
<div class="column">
23+
<p><a href="mi.html">BBTXL: BLU MI (Ann Arbor, MI to Bellaire, MI)</a></p>
24+
</div>
25+
<div class="column">
26+
<img src="img/mi/dark_horse.jpg" alt="BBTXL: BLU MI participants after the first day of biking" />
27+
28+
</div>
29+
</div>
30+
31+
<h3>2014</h3>
32+
<div class="flex">
33+
<div class="column">
34+
<p><a href="fingerlakes.html">BBTXL: Finger Lakes (Jamestown, NY to Fair Haven, NY)</a></p>
35+
</div>
36+
</div>
37+
38+
<h3>2015</h3>
39+
<div class="flex">
40+
<div class="column">
41+
<p><a href="norcal.html">BBTXL: Nor Cal (Trinidad, CA to San Francisco, CA)</a></p>
42+
</div>
43+
</div>
44+
45+
<h3>2016</h3>
46+
<div class="flex">
47+
<div class="column">
48+
<p><a href="ne.html">BBTXL: Northeast (Boston, MA loop)</a></p>
49+
</div>
50+
</div>
51+
52+
<h3>2017</h3>
53+
<div class="flex">
54+
<div class="column">
55+
<p><a href="ctx.html">BBTXL: Central TX (Austin, TX loop)</a></p>
56+
</div>
57+
</div>
58+
<div class="flex">
59+
<div class="column">
60+
<p><a href="or.html">O'BBTXL (Bend, OR to Astoria, OR)</a></p>
61+
</div>
62+
</div>
63+
64+
<h3>2018</h3>
65+
<div class="flex">
66+
<div class="column">
67+
<p><a href="nmi.html">BBTXL: Northern MI (Traverse City, MI to Pictured Rocks)</a></p>
68+
</div>
69+
</div>
70+
71+
<h3>2019</h3>
72+
<div class="flex">
73+
<div class="column">
74+
<p><a href="danube.html">BBTXL: Danube (Passau, DE to Budapest, HU)</a></p>
75+
</div>
76+
</div>
77+
78+
<h3>2020</h3>
79+
<div class="flex">
80+
<div class="column">
81+
<p>BBTXL: WRiBBT (Canyonlands National Park, White Rim Road)</p>
82+
</div>
83+
</div>
1984
</body>
2085
</html>

‎bbtxl.html ‎original.html

+16-2
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,24 @@ <h1>Original BBTXL</h1>
1111
<h3>Day 1: Ann Arbor to Marshall</h3>
1212
<div class="flex">
1313
<div class="column">
14-
<p>We biked west, so these maps read right-to-left. The bottom map is the second half of the route for the first day.</p>
14+
<p>The route goes west, so these maps read right-to-left. The bottom map is the second half of the route for the first day.</p>
1515
</div>
1616
<div class="column">
17-
<img src="img/bbtxl2012_day1.png" alt="day 1 route"/>
17+
<img src="img/original/day1.png" alt="day 1 route"/>
18+
</div>
19+
</div>
20+
21+
<h3>Day 2: Marshall to Kalamazoo</h3>
22+
<div class="flex">
23+
<div class="column">
24+
<img src="img/original/day2.png" alt="day 2 route"/>
25+
</div>
26+
</div>
27+
28+
<h3>Day 3: Kalamazoo to Holland</h3>
29+
<div class="flex">
30+
<div class="column">
31+
<img src="img/original/day3.png" alt="day 3 route"/>
1832
</div>
1933
</div>
2034
</body>

‎styles.css

+13-1
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,22 @@ h3 {
1010
padding-top: 1em;
1111
}
1212

13+
img {
14+
max-width: 100%;
15+
margin: 1em;
16+
}
17+
1318
.flex {
1419
display: flex;
20+
flex-wrap: wrap;
1521
}
1622

1723
.column {
18-
flex: 50%
24+
flex: 50%;
25+
}
26+
27+
@media (max-width: 1000px) {
28+
.column {
29+
flex: 100%;
30+
}
1931
}

0 commit comments

Comments
 (0)
Please sign in to comment.