<header class=“{% if include.object.image %}background_image{% elsif include.object.background_color %}{% elsif include.object.svg_background %}svg{% endif%}” {% if include.object.background_color %}style=“background-color:{{include.object.background_color}}”{% endif %}>
{% if include.object.image %} {% assign header_image_path = include.object.image.path | replace: '/assets/images', '' %} {% picture header_image {{header_image_path}} alt=include.object.image.alt%} {% endif %} <div class="container"> <div class="jumbotron text-white d-flex flex-column"> {% if include.object.sections %} {% if include.object.showcase_image %} <div class="row"> <div class="col-12 col-xs-12 col-md-8"> {% include flow_inner.html sections=include.object.sections %} </div> <div class="col-12 col-xs-12 col-md-4"> {% assign image_path = include.object.showcase_image.path | replace: '/assets/images/','' %} {% if include.object.showcase_image.svg %} <img class="img-fluid svg_image {% if include.object.showcase_image.style %}{{include.object.showcase_image.style}}{% endif %}" alt="{{include.object.showcase_image.alt}}" src="{{include.object.showcase_image.path}}" /> {% else %} {% picture feature_block_image {{image_path}} alt=include.object.showcase_image.alt %} {% endif %} </div> </div> {% else %} {% include flow_inner.html sections=include.object.sections %} {% endif %} {% else %} <h1 class="display-3 font-weight-bold">{{include.object.title}}</h1> <p class="lead font-weight-bold"> {{include.object.description}} </p> {% assign author = site.data.authors[page.author] %} {% if author %} <span class="author"> Posted by <a href="{{ author.web }}" target="_blank">{{ author.name }}</a> on {{include.object.date | date: "%A, %B %-d, %Y" }} </span> {% endif %} {% endif %} </div> </div>
</header>