Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Photos page on Blot
<!DOCTYPE html>
{{> head}}
{{> header}}
<style type="text/css">
#photos {display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#photos a {width:33.3333%;padding:1em;flex-shrink:1;flex-grow:1;box-sizing:border-box;background:none;}
<div class="container">
<div class="main">
<div id="photos" class="wide">
{{#thumbnail.medium.url}}<a href="{{url}}"><img src="{{{.}}}"></a>{{/thumbnail.medium.url}}
{{> footer}}
<script type="text/javascript">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment