{% comment %} Bootstrap Jumbotron, https://getbootstrap.com/docs/5.1/examples/jumbotron/ This include adds a Jumbotron feature from an objectid. E.G. --> {% include feature/jumbotron.html objectid="demo_001" %} Options: - "objectid" = one objectid for a photo object in this collection, a relative path to an image in this project, or a full url to any image. If left blank, by default this the image will be the featured-image set in theme.yml. - "position" = set background-position, "center", "top", "bottom" - "heading" = major heading to display. By default this will be the site title. Give the value false for no heading. - "text" = paragraph text below heading. By default this will be the site tagline. Give the value false for no text. - "padding" = additional padding added to the feature to increase size. Give value in em or px, e.g. "5em". - "heading_level" = customize the level of the heading if necessary for accessibility, choose "h1", "h2", "h3", etc (optional, default "h2") Note: if using a YouTube item and an error image appears, the video may not have a "maxresdefault" image available. Replace "maxresdefault.jpg" in the code below with "hqdefault.jpg" {%- endcomment -%} {% assign jumbo_div_id = "j-" | append: include.objectid | slugify | truncate: 12, "" %} {% assign jumboId = include.objectid | default: site.data.featured_item.src %} {% if jumboId contains '/' %} {% assign jumboSrc = jumboId | relative_url %} {% else %} {% assign jumboItem = site.data[site.metadata] | where: "objectid", jumboId | first %} {% capture jumboSrc %}{{ jumboItem.object_location | default: jumboItem.image_small | relative_url }}{% endcapture %} {%- endif -%}
{% unless include.heading == false and include.text == false %}
{% unless include.heading == false %}<{{ include.heading_level | default: 'h2' | strip }} class="display-4">{{ include.heading | default: site.title }}{% endunless %} {% unless include.text == false %}

{{ include.text | default: site.tagline }}

{% endunless %}
{% endunless %}