Due to the varying types of layouts used and the short time-frame the best
option seems to set a max-width etc. around the "outercontent" block. For now
this means we can't do "full bleed" body content, but that's not currently used
anyway.
Uses a combination of CSS changes and Tachyons classes to implement the design.
Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
The database entity id is now being seeded by the load script with
the supporter id in front of the entity id, so the sorting will now
be in order of when they joined.
The only thing of note actually available on the Gilden page that we
previously linked to are these two images (they have a kid's size
image, but we don't need that). So, link instead directly to the
images rather than the page itself. This is admittedly more fragile
as those image links seem to have some sort of checksum in them, but
it's worth it to avoid the proprietary Javascript.
Thanks very much to the Supporter who pointed this out waaay back on
Wed, 25 Apr 2018 14:59:37 -0400 in rt:261 in our internal ticketing
system! You know who you are. ☺
The expandable sections can be expanded either one-by-one, or with
the “Expand All” button. Add a counter for each expandable
section (which requires their div's to have 'id' attributes, lest
they be counted in the '__global' section of expandables).
The __global counter will work as advertised if you have no 'id'
attributes on any of your 'expandable-section'-classed div's, but if
you mix a __global without an id with ones that *do* have an id, it's
likely this particular code won't work for that.
Finally, add some documentation which is probably over-documenting
for someone who knows Javascript and jQuery well, but it took me a
while to figure out this code so I felt throwing some notes in there
might be helpful.
I pulled this from the `blog-left` style I used to use in blog posts
and created a new style called picture-small. On smaller screen
real estate, Tony's picture was ultimately too big.
