---
layout: base
title: Gallery
---

<div class="row">
  <div class="bar">
    &nbsp;
  </div>
</div>
<div class="row content">
  <ul class="news">
    {% for album in site.albums reversed %}
    <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
    <a href="/albums/{{ album.id }}.html">
      <img src="{{ album.cover }}" alt="{{ album.title }}" class="img-rounded">
      <h4 class="caption">
        {{ album.title }}
        <br /><small>{{ album.date | date: "%A, %-d %B, %Y" }}</small>
      </h4>
    </a>
    </li>
    {% endfor %}
  </ul>
</div>

---
layout: base
title: Gallery
---

<div class="row">
  <div class="bar">
    &nbsp;
  </div>
</div>
<div class="row content">
  <ul class="news">
    {% for album in site.albums reversed %}
    <li class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
    <a href="{{ album.url }}">
      <img src="{{ album.cover }}" alt="{{ album.title }}" class="img-rounded">
      <h4 class="caption">
        {{ album.title }}
        <br /><small>{{ album.date | date: "%A, %-d %B, %Y" }}</small>
      </h4>
    </a>
    </li>
    {% endfor %}
  </ul>
</div>

Change to use a large square image (150x150)
Change to use a large square image (150x150)
