- Cover: 1200x800
- Landing Thumb: 480x360
- Exhibit Large Square: 480x480
- Exhibit Long: 965x350
- Exhibit Images: 845x
For more on sizes, _component.scss
in the // Background image
section.
Place images in the originals
directory and run rake
. This will generate derivative images for each image in the above size and copy them in to the images
directory.
- In the exhibit file (e.g.
waraksa.md
), set thebackground_url:
key to thecover-1200x800
image (e.g./images/katherine-hanlon-24210-cover-1200x800.jpg
) - On
index.md
, set the link to the exhibit thelanding-480x360
image (e.g.katherine-hanlon-24210-landing-480x360.jpg
) - In
_sass/_component.scss
, set thebackground-image
for the appropriate child to thelarge_square-480x480
, or thelanding-480x360
image for long items.