Add in first day of original BBTXL

steiza · steiza · commit 5285c9ea6a4f · 2021-06-06T09:02:31.000-04:00
Also start to add some formatting, as well as an example of text and
images side-by-side.
diff --git a/bbtxl.html b/bbtxl.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html>
+<head>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <h1>Original BBTXL</h1>
+  <p>The trip that started it all! Over 3 days we visited Dark Horse, Bell's, and ended at New Holland. It started in Ann Arbor on 2012/05/25 and ended in Holland on 2012/05/27. Instead of meticulously clicking point by point in an online mapping applications, the route cue sheets were written on graph paper, scanned, and printed.</p>
+  <p>It was a simpler time.</p>
+
+  <h3>Day 1: Ann Arbor to Marshall</h3>
+  <div class="flex">
+    <div class="column">
+      <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>
+    </div>
+    <div class="column">
+      <img src="img/bbtxl2012_day1.png" alt="day 1 route"/>
+    </div>
+  </div>
+</body>
+</html>
+
diff --git a/img/bbtxl2012_day1.png b/img/bbtxl2012_day1.png
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@ <h1>What is Bicycle Beer Time eXtra Large?</h1>
     <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>
     <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>
     <p>This site documents these trips, and hopefully inspires you to plan your own trip!</p>
-    <h3>(2012) BBTXL (Ann Arbor, MI to Holland, MI)</h3>
+    <h3><a href="bbtxl.html">(2012) BBTXL (Ann Arbor, MI to Holland, MI)</a></h3>
     <h3><a href="mi.html">(2013) BBTXL: BLU MI (Ann Arbor, MI to Bellaire, MI)</a></h3>
     <h3><a href="fingerlakes.html">(2014) BBTXL: Finger Lakes (Jamestown, NY to Fair Haven, NY)</a></h3>
     <h3><a href="norcal.html">(2015) BBTXL: Nor Cal (Trinidad, CA to San Francisco, CA)</a></h3>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,19 @@
+body {
+    margin: 3em;
+}
+
+p {
+    margin: 1em;
+}
+
+h3 {
+    padding-top: 1em;
+}
+
+.flex {
+    display: flex;
+}
+
+.column {
+    flex: 50%
+}
