---
title: "Gallery"
layout: "main"

---

<style>
  .grid {
    display:grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
  .gallery-image {
    max-width: 400px;
    max-height:400px;
    
  }
</style>

<div class="grid">
{% for image in site.data.gallery %}
  <!-- {% if image.nsfw %}nsfw{% endif %} -->
  <div class="gallery-item section ">
    <div style="text-align:center;"><a href="/static/gallery-img/{{ image.url }}"><img class="gallery-image" src="/static/gallery-img/{{ image.url }}"/></a></div>
    <p><b>Artist: </b><a href="{{ image.artist_url }}">{{ image.artist }}</a></p>
  </div>
  
{% endfor %}
</div>