2023-01-25 22:55:28 +01:00
|
|
|
{% capture overlay_img_path %}{{ header.overlay_image | relative_url }}{% endcapture %}
|
2023-01-23 00:20:15 +01:00
|
|
|
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if header.overlay_filter contains "gradient" %}
|
|
|
|
{% capture overlay_filter %}{{ header.overlay_filter }}{% endcapture %}
|
|
|
|
{% elsif header.overlay_filter contains "rgba" %}
|
|
|
|
{% capture overlay_filter %}{{ header.overlay_filter }}{% endcapture %}
|
2023-01-23 00:20:15 +01:00
|
|
|
{% capture overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}){% endcapture %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{% elsif header.overlay_filter %}
|
|
|
|
{% capture overlay_filter %}rgba(0, 0, 0, {{ header.overlay_filter }}){% endcapture %}
|
2023-01-23 00:20:15 +01:00
|
|
|
{% capture overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}){% endcapture %}
|
|
|
|
{% endif %}
|
|
|
|
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if header.image_description %}
|
|
|
|
{% assign image_description = header.image_description %}
|
2023-01-23 00:20:15 +01:00
|
|
|
{% else %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{% assign image_description = title %}
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
{% assign image_description = image_description | markdownify | strip_html | strip_newlines | escape_once %}
|
|
|
|
|
2023-01-25 22:55:28 +01:00
|
|
|
<div class="page__hero{% if header.overlay_color or header.overlay_image %}--overlay{% endif %}"
|
|
|
|
style="{% if header.overlay_color %}background-color: {{ header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}{{ overlay_filter }}, {% endif %}url('{{ overlay_img_path }}');{% endif %}"
|
2023-01-23 00:20:15 +01:00
|
|
|
>
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if header.overlay_color or header.overlay_image %}
|
2023-01-23 00:20:15 +01:00
|
|
|
<div class="wrapper">
|
|
|
|
<h1 id="page-title" class="page__title" itemprop="headline">
|
|
|
|
{% if paginator and site.paginate_show_page_num %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{{ site.title }}{% unless paginator.page == 1 %} {{ ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %}
|
2023-01-23 00:20:15 +01:00
|
|
|
{% else %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{{ title | default: site.title | markdownify | remove: "<p>" | remove: "</p>" }}
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endif %}
|
|
|
|
</h1>
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if tagline %}
|
|
|
|
<p class="page__lead">{{ tagline | markdownify | remove: "<p>" | remove: "</p>" }}</p>
|
|
|
|
{% elsif header.show_overlay_excerpt != false and page.excerpt %}
|
|
|
|
<p class="page__lead">{{ excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p>
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endif %}
|
|
|
|
{% include page__meta.html %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if header.cta_url %}
|
|
|
|
<p><a href="{{ header.cta_url | relative_url }}" class="btn btn--light-outline btn--large">{{ header.cta_label | default: ui-text[site.locale].more_label | default: "Learn More" }}</a></p>
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endif %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if header.actions %}
|
2023-01-23 00:20:15 +01:00
|
|
|
<p>
|
2023-01-25 22:55:28 +01:00
|
|
|
{% for action in header.actions %}
|
|
|
|
<a href="{{ action.url | relative_url }}" class="btn btn--light-outline btn--large">{{ action.label | default: ui-text[site.locale].more_label | default: "Learn More" }}</a>
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endfor %}
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
{% else %}
|
2023-01-25 22:55:28 +01:00
|
|
|
<img src="{{ header.image | relative_url }}" alt="{{ image_description }}" class="page__hero-image">
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endif %}
|
2023-01-25 22:55:28 +01:00
|
|
|
{% if header.caption %}
|
|
|
|
<span class="page__hero-caption">{{ header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span>
|
2023-01-23 00:20:15 +01:00
|
|
|
{% endif %}
|
|
|
|
</div>
|