wpr-ttbook / responsive-gallery

A set of responsive gallery tools for various TTBOOK visualizations.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

responsive-gallery

A template for a super basic responsive gallery for various TTBOOK thingies. It assumes you're hosting all of your images or other assets on an S3 bucket, and you've gathered the direct links to each image.

Based on responsive gallery guide here.

this guide to "object-fit" was also super helpful

The stylesheet and HTML are hosted here via Github pages (this prevents you from messing up your core CSS) You can test locally by cloning this repo and tweaking, then use drupal-inline-code.html as a model for your code on the CMS side.

To use this:

  1. Fork repo (rename closer to purpose to avoid confusion)
  2. Pull local and customize to your liking.
  3. Push changes.
  4. Activate Github Pages on the master branch (or specific branches if you wanna get fancy)
  5. Grab the Github.io URL from your repo and use it to update drupal-inline-code.html per the inline comments.
  6. Paste the code from that file into the body field of the content on your Drupal site. (have not tested this for other CMSes)

About

A set of responsive gallery tools for various TTBOOK visualizations.

License:MIT License


Languages

Language:HTML 93.3%Language:CSS 6.7%