{% comment %} Image embed from an item's objectid or external link. This include adds a figure to the page styled using bootstrap, https://getbootstrap.com/docs/5.1/content/figures/ It requires an "objectid" with the include, which is used to find the object title and image (for collection items). If multiple collection objectids are included (separated by ; ), they will be added to a "col-md" in a row which will automatically divided equally. Alternatively, a URL to an external image can be used in "objectid". E.G. --> {% include feature/image.html objectid="demo_001" %} Options: - "objectid" = several options below (required) 1. one or more objectids from this collection, separated by semicolon, e.g. "demo_001" or "demo_001;demo_005" 2. a full URL to an external image file, e.g. "https://www.lib.uidaho.edu/digital/images/fluffyclouds.jpg" 3. a relative link to an image file stored in this repository (that is not included in the collection), i.e. "/assets/img/evan.jpg" IMPORTANT NOTE: Options 2 and 3 require you to add an "alt" option (or "alt" options for multiple images) in order to allow for the accessibility enabled by the "alt" tag - "alt" = alternative text describing the image. This is a required accessibility feature IF you are using an external URL or a relative link (options 2 and 3 above)--it will be automatically filled if providing an objectid. For multiple alts, split using a semi-colon. If you do not fill this in but fill in the "caption" option, the "caption" will be included as the images alt value. (optional) - "caption" = for option 1 above, the figure include automatically adds the title of the item from your metadata. The caption option allows you to manually add a different caption for that option, or give the value false ('caption=false' - no quotes around false) for none. For options 2 and 3, captions will only be added if the caption variable is set. For multiple images of any option, you can also use multiple captions, by splitting them with a semi-colons (optional) - "link" = for option 1 above, the figure include automatically links to the item from your metadata. The link option allows you to manually add a different link for that image. For options 2 and 3, link will only be added if the link variable is set; otherwise, the link will be set to the external or relative image file. For multiple images of any option, you can also use multiple links, by splitting them with a semi-colons (optional) - "width" = will use responsive sizing to set the % size on desktop (will be 100% on mobile), choose from "25", "50", "75", or "100" (optional) {%- endcomment -%} {%- assign figures = include.objectid | split: ";" %} {%- assign figcount = figures | size -%} {%- assign captions = include.caption | split: ";" %} {%- assign alts = include.alt | split: ";" -%} {%- assign links = include.link | split: ";" -%}