Skip to content

Instantly share code, notes, and snippets.

@davidmerfield

davidmerfield/photos.html

Created May 16, 2019 01:04
Show Gist options
  • Save davidmerfield/94a084901546740bb0e35e2296c887ae to your computer and use it in GitHub Desktop.
Save davidmerfield/94a084901546740bb0e35e2296c887ae to your computer and use it in GitHub Desktop.
Download ZIP
Photos page on Blot
Raw
photos.html
<!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