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