|
| 1 | +{% if page.header.image contains "://" %} |
| 2 | + {% capture img_path %}{{ page.header.image }}{% endcapture %} |
| 3 | +{% else %} |
| 4 | + {% capture img_path %}{{ page.header.image | relative_url }}{% endcapture %} |
| 5 | +{% endif %} |
| 6 | + |
| 7 | +{% if page.header.cta_url contains "://" %} |
| 8 | + {% capture cta_path %}{{ page.header.cta_url }}{% endcapture %} |
| 9 | +{% else %} |
| 10 | + {% capture cta_path %}{{ page.header.cta_url | relative_url }}{% endcapture %} |
| 11 | +{% endif %} |
| 12 | + |
| 13 | +{% if page.header.overlay_image contains "://" %} |
| 14 | + {% capture overlay_img_path %}{{ page.header.overlay_image }}{% endcapture %} |
| 15 | +{% elsif page.header.overlay_image %} |
| 16 | + {% capture overlay_img_path %}{{ page.header.overlay_image | relative_url }}{% endcapture %} |
| 17 | +{% endif %} |
| 18 | + |
| 19 | +{% if page.header.overlay_filter contains "rgba" %} |
| 20 | + {% capture overlay_filter %}{{ page.header.overlay_filter }}{% endcapture %} |
| 21 | +{% elsif page.header.overlay_filter %} |
| 22 | + {% capture overlay_filter %}rgba(0, 0, 0, {{ page.header.overlay_filter }}){% endcapture %} |
| 23 | +{% endif %} |
| 24 | + |
| 25 | +{% if page.header.image_description %} |
| 26 | + {% assign image_description = page.header.image_description %} |
| 27 | +{% else %} |
| 28 | + {% assign image_description = page.title %} |
| 29 | +{% endif %} |
| 30 | + |
| 31 | +{% assign image_description = image_description | markdownify | strip_html | strip_newlines | escape_once %} |
| 32 | + |
| 33 | +<div class="page__hero{% if page.header.overlay_color or page.header.overlay_image %}--overlay{% endif %}" |
| 34 | + style="{% if page.header.overlay_color %}background-color: {{ page.header.overlay_color | default: 'transparent' }};{% endif %} {% if overlay_img_path %}background-image: {% if overlay_filter %}linear-gradient({{ overlay_filter }}, {{ overlay_filter }}), {% endif %}url('{{ overlay_img_path }}');{% endif %}" |
| 35 | +> |
| 36 | + {% if page.header.overlay_color or page.header.overlay_image %} |
| 37 | + <div class="wrapper"> |
| 38 | + <h1 id="page-title" class="page__title" itemprop="headline"> |
| 39 | + {% if paginator and site.paginate_show_page_num %} |
| 40 | + {{ site.title }}{% unless paginator.page == 1 %} {{ site.data.ui-text[site.locale].page | default: "Page" }} {{ paginator.page }}{% endunless %} |
| 41 | + {% else %} |
| 42 | + {{ page.title | default: site.title | markdownify | remove: "<p>" | remove: "</p>" }} |
| 43 | + {% endif %} |
| 44 | + </h1> |
| 45 | + {% if page.header.show_overlay_excerpt != false and page.excerpt %} |
| 46 | + <p class="page__lead">{{ page.excerpt | markdownify | remove: "<p>" | remove: "</p>" }}</p> |
| 47 | + {% endif %} |
| 48 | + {% if site.read_time or page.read_time %} |
| 49 | + <p class="page__meta"><i class="far fa-clock" aria-hidden="true"></i> {% include read-time.html %}</p> |
| 50 | + {% endif %} |
| 51 | + {% if page.header.cta_url %} |
| 52 | + <p><a href="{{ cta_path }}" class="btn btn--light-outline btn--large">{{ page.header.cta_label | default: site.data.ui-text[site.locale].more_label | default: "Learn More" }}</a></p> |
| 53 | + {% endif %} |
| 54 | + </div> |
| 55 | + {% else %} |
| 56 | + <img src="{{ img_path }}" alt="{{ image_description }}" class="page__hero-image"> |
| 57 | + {% endif %} |
| 58 | + {% if page.header.caption %} |
| 59 | + <span class="page__hero-caption">{{ page.header.caption | markdownify | remove: "<p>" | remove: "</p>" }}</span> |
| 60 | + {% endif %} |
| 61 | +</div> |
0 commit comments