Code used for creating a "Photo Index" page for a Micro.blog hosted website.
Currently used on my wife's site.
To use, simply create a page on your Micro.blog website with the following content:
<link type="text/css" rel="stylesheet" href="https://microgram.cleverdevil.io/css" /> <div id="microgram"> Loading ... </div> <script src="https://microgram.cleverdevil.io/js"></script>
By default, thumbnails will be rendered as 200x200 pixel squares. If you'd like,
you can change this by passing a
size parameter to the CSS include like so:
<link type="text/css" rel="stylesheet" href="https://microgram.cleverdevil.io/css?size=300" />
Note: this is still relatively experimental, and has some assumptions baked in that need to be made configurable on a per-website basis.