Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Photos page on Blot
<!DOCTYPE html>
<html>
{{> head}}
<body>
{{> 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;}
</style>
<div class="container">
<div class="main">
<h1>Photos</h1>
<div id="photos" class="wide">
{{#allEntries}}
{{#thumbnail.medium.url}}<a href="{{url}}"><img src="{{{.}}}"></a>{{/thumbnail.medium.url}}
{{/allEntries}}
</div>
{{> footer}}
</div>
</div>
<script type="text/javascript">
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.