2022-06-10 15:54:31 +01:00
|
|
|
{% extends "base.html" %}
|
|
|
|
|
2022-09-03 17:00:09 +01:00
|
|
|
{% load wagtailmetadata_tags wagtailcore_tags %}
|
2022-08-19 16:56:20 +01:00
|
|
|
|
2022-06-10 15:54:31 +01:00
|
|
|
{% block body_class %}{{ page.body_class }}{% endblock %}
|
|
|
|
|
2022-10-30 12:53:15 +00:00
|
|
|
{% block title %}{{ page.html_title_tag }}{% endblock %}
|
2022-08-05 09:25:30 +01:00
|
|
|
|
2022-08-19 16:56:20 +01:00
|
|
|
{% block extra_head %}
|
|
|
|
{% meta_tags %}
|
|
|
|
{% endblock %}
|
|
|
|
|
2022-08-05 09:25:30 +01:00
|
|
|
{% block main_content %}
|
2023-06-13 09:31:45 +01:00
|
|
|
{% if page.hero_image_url %}
|
|
|
|
<picture>
|
2023-06-17 12:41:23 +01:00
|
|
|
{% for width, image_url in page.hero_image_urls.items reversed %}<source srcset="{{ image_url }}" media="(max-width: {{ width }}px)" />{% endfor %}
|
2023-06-13 09:31:45 +01:00
|
|
|
|
|
|
|
<img class="hero" src="{{ page.hero_image_url }}" decoding="async" alt="" />
|
|
|
|
</picture>
|
|
|
|
{% endif %}
|
2022-08-05 09:25:30 +01:00
|
|
|
|
2022-08-28 22:02:02 +01:00
|
|
|
{% if page.get_view_restrictions.exists %}
|
|
|
|
<section class="notification is-danger" id="view-restriction-banner">
|
|
|
|
<strong>Note</strong>: This page has a view restriction. Please do not share its content until the page is public or this message is removed.
|
|
|
|
</section>
|
|
|
|
{% endif %}
|
|
|
|
|
2022-08-05 09:25:30 +01:00
|
|
|
<section class="hero">
|
|
|
|
<div class="container">
|
|
|
|
<div class="hero-body">
|
|
|
|
<div class="columns">
|
|
|
|
<div class="column">
|
|
|
|
{% include "common/breadcrumbs.html" with parents=page.get_parent_pages %}
|
2022-08-27 13:12:45 +01:00
|
|
|
<h1 class="title is-spaced">{{ page.hero_title }}</h1>
|
2022-10-05 14:17:00 +01:00
|
|
|
{% if page.subtitle %}<h2 class="subtitle is-size-4">{{ page.subtitle|richtext }}</h2>{% endif %}
|
2022-08-05 09:25:30 +01:00
|
|
|
|
|
|
|
{% include "common/content-details.html" %}
|
|
|
|
</div>
|
2022-10-31 14:09:48 +00:00
|
|
|
<div class="column is-narrow dropdown-wrapper hero-buttons is-grouped">
|
2022-08-17 13:40:07 +01:00
|
|
|
{% block hero_buttons %}
|
2022-10-29 14:53:34 +01:00
|
|
|
{% if page.show_table_of_contents %}
|
2022-08-17 13:40:07 +01:00
|
|
|
<div class="dropdown is-hoverable is-right" id="table-of-contents">
|
|
|
|
<div class="dropdown-trigger">
|
|
|
|
<button class="button is-radiusless" aria-haspopup="true" aria-controls="toc-menu">
|
|
|
|
<span>Table of Contents</span>
|
|
|
|
<span class="icon is-small">
|
|
|
|
<i class="fas fa-angle-down" aria-hidden="true"></i>
|
|
|
|
</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<div class="dropdown-menu" id="toc-menu" role="menu">
|
|
|
|
<div class="dropdown-content menu">
|
|
|
|
<ul class="menu-list">
|
|
|
|
{% for toc_item in page.table_of_contents %}
|
|
|
|
{% include "common/toc-item.html" %}
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
</div>
|
2022-08-05 09:25:30 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
2022-08-17 13:40:07 +01:00
|
|
|
{% endif %}
|
2022-08-05 09:25:30 +01:00
|
|
|
|
2022-10-05 14:17:00 +01:00
|
|
|
<button class="button is-radiusless scroll-top">
|
|
|
|
Top <i class="fas fa-angle-up ml-2" aria-hidden="true"></i>
|
|
|
|
</button>
|
2022-08-17 13:40:07 +01:00
|
|
|
{% endblock %}
|
2022-08-05 09:25:30 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2023-10-15 22:29:40 +01:00
|
|
|
|
|
|
|
<div class="scroll-indicator-container">
|
|
|
|
<div id="scroll-indicator"></div>
|
|
|
|
</div>
|
2022-08-05 09:25:30 +01:00
|
|
|
</section>
|
|
|
|
|
|
|
|
{% block pre_content %}{% endblock %}
|
|
|
|
{% block content %}{% endblock %}
|
|
|
|
{% block post_content %}{% endblock %}
|
|
|
|
{% endblock %}
|