index.html

<div class="row">
  <div class="col-md-4">
    <h3>Colophon</h3>
    <ul>
      <li><a href="https://twitter.com/ChicagoHaskell">Twitter</a></li>
      <li><a href="https://groups.google.com/forum/#!forum/chicago-haskell">Mailing List</a></li>
      <li><a href="irc://freenode.net/#ChicagoHaskell">IRC</a></li>
      <li><a href="https://github.com/ChicagoHaskell">GitHub</a></li>
      <li><a href="https://www.meetup.com/Chicago-Haskell/">Meetup</a></li>
      <li><a href="https://www.youtube.com/channel/UCicD3sjxyC8veXiqP9pOHnA">YouTube</a></li>
      <li><a href="https://plus.google.com/communities/116633609119253853717">Google+</a></li>
    </ul>
  </div>

  <div class="col-md-4">
    <h3>Projects</h3>
    <ul>
      <li><a href="https://twitter.com/ChicagoHaskell">Twitter</a></li>
      <li><a href="https://groups.google.com/forum/#!forum/chicago-haskell">Mailing List</a></li>
      <li><a href="irc://freenode.net/#ChicagoHaskell">IRC</a></li>
      <li><a href="https://github.com/ChicagoHaskell">GitHub</a></li>
      <li><a href="https://www.meetup.com/Chicago-Haskell/">Meetup</a></li>
      <li><a href="https://www.youtube.com/channel/UCicD3sjxyC8veXiqP9pOHnA">YouTube</a></li>
    </ul>
  </div>

  <div class="col-md-4">
    <h3>Upcoming Events</h3>
    <div id="upcoming-events">
      $partial("templates/post-list.html")$
    </div>

    <h3>Previous Events</h3>
    <div id="previous-events">
      $partial("templates/post-list.html")$
      <a href="/archive.html">[&hellip;]</a>
    </div>
  </div>
</div>