layout: page
<style TYPE=“text/css”> .gallery-image-wrapper {
height: 300px; width: 300px; display: inline-block; margin: 1em; position: relative;
} .gallery-image {
margin: auto; position: absolute; top: 0px; bottom: 0px; max-height: 100%; max-width: 100%;
} </style> <h1><a href=“/{{ site.gallery.dir }}”>{{ page.title }}</a></h1> <hr /> {% for image in page.images %}
<div class="gallery-image-wrapper"> <a name="{{ image.name }}"></a> <a href="{{ image.name }}"{% if site.gallery.lightbox %} rel="lightbox[{{ page.gallery }}]"{% endif %}> <img class="gallery-image" src="thumbs/{{ image.name }}" /> </a> </div>
{% endfor %}