{%-comment-%} uses parent page settings or a special parent page.banner hash for more flexibility & specificity (parent) page: [title, subtitle, description, etc.]

banner: [header, subheader, content, etc.]

{%-endcomment-%}

{%-assign static_file_names = site.static_files | map: 'name'-%} {%-assign banner_header = page.banner.header | default: page.title | default: site.title-%} {%-assign banner_subheader= page.banner.subheader | default: page.subtitle | default: site.tagline-%} {%-assign banner_content = page.banner.content | default: page.description | default: site.description-%} {%-assign banner_image = page.banner.image | default: page.images.banner.file | default: page.images.banner | default: page.images.default.file | default: page.images.default | default: page.image-%} {%-assign banner_alt_text = page.banner.alt_text | default: page.images.banner.alt_text | default: page.images.default.alt_text | default: page.images.alt_text | default: page.alt_text-%} {%-assign banner_title = page.banner.image_title | default: page.images.banner.title | default: page.images.default.title | default: page.images.title | default: page.image_title-%}

<section id=“banner”>

  <div class="content">
    <header>
      <h1>{{-banner_header-}}</h1>
      <p>{{-banner_subheader-}}</p>
    </header>
    <p>{{-banner_content-}}</p>
    <ul class="actions">
      <li><a href="{{-page.banner.url | default: site.url-}}" title="{{-page.banner.link_title-}}" class="button big">{{-page.banner.button_text-}}</a></li>
    </ul>
  </div>
{%-if static_file_names contains banner_image %}
  <figure class="image object">
    <img src="{{-site.image_path-}}{{-banner_image-}}" alt="{{-banner_alt_text-}}" title="{{-banner_title-}}"/>
  </figure>
{%-else %}
  <figure class="box"><h3>Missing image</h3>{{-banner_image-}}<br>{{-banner_title-}}</figure>
{%-endif %}
</section>