Live demo on https://olivierbouwman.github.io/devsigner/
Note: Images do not get updated automatically on the demo page.

Get instagram scraper from here: https://github.com/rarcega/instagram-scraper

Hash tags with results
   devsigner
   dvsgnr2016
   devsignercon

Hash tags without results
   devsigner2017
   devsigner17
   devsigner2016
   devsigner16
   dvsgnrcon
   dvsgnrcon2017
   dvsgnrcon17
   dvsgnrcon2016
   dvsgnrcon16
   dvsgnr
   dvsgnr2017
   dvsgnr17
   dvsgnr16

run these commands to download images and generate a file list.
   cd to your project directory
   instagram-scraper devsigner,dvsgnr2016,devsignercon -t=image --tag -d hashtag --media_metadata --latest
   instagram-scraper devsignercon -d user -t=image --media_metadata --latest
   instagram-scraper --location=1862978 (test, should only include new photos)

run this command to loop
   while true; do instagram-scraper devsigner,dvsgnr2016,devsignercon -t=image --tag -d hashtag --media_metadata --latest; instagram-scraper devsignercon -d user -t=image --media_metadata --latest; sleep 30; done

TODO
* filter out oldest mosaic images if there are more than can be shown.
* some photos are not square, crop? look for this in instagram scraper and comment out: # get non-square image if one exists
  or just crop in code:
  * ctx.drawImage(image,
    10, 10,   // Start at 10 pixels from the left and the top of the image (crop),
    80, 30,   // "Get" a `80 * 30` (w * h) area from the source image (crop),
    0, 0,     // Place the result at 0, 0 in the canvas,
    160, 60); // With as width / height: 160 * 60 (scale)