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