index.html

<!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 &amp; 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>