gallery.html

---
gallery: 
  - name: big3
    col: 3
    author: Rob Bye
    credit: https://images.unsplash.com/photo-1433148749784-5e235e9efd12?q=80&fm=jpg&s=7c1592ac1b4d576a48af77f6c2e0ab14
  - name: big1
    col: 3
    author: Brandon Lam
    credit: https://images.unsplash.com/photo-1439694458393-78ecf14da7f9?q=80&fm=jpg&s=643e44f5177366de6cc914c8bcfbe064
  - name: big
    col: 3
    author: Jeffrey Swanson
    credit: https://images.unsplash.com/photo-1431538510849-b719825bf08b?q=80&fm=jpg&s=6fd7a983e3b43e66d2b6062856b9df66
  - name: big4
    col: 1
    author: Rob Bye
    credit: https://images.unsplash.com/photo-1440329810339-9becfcaf2f39?q=80&fm=jpg&s=ea04e8bd6d86e5ec6bd94565ffd93e7f
---    
    
    {% if page.gallery %} 
    <div class="gallery">
    {% for image in page.gallery %}
      <div class="gallery-image col-{{image.col}}">
        <a href="/assets/images/blog-images/20150928/{{image.name}}.jpeg" title="">
          <img src="/assets/images/blog-images/20150928/{{image.name}}-thumb.jpeg" alt="my image" title="my image"/>
        </a>
        By <a href="{{image.credit}}">{{image.author}}</a>
      </div>
    {% endfor %}
    </div>
  {% endif %}