{% extends 'base.html.twig' %}

{% block title %}{{ page.title }} — {{ site.schoolName }}{% endblock %}
{% block meta_description %}{{ page.excerpt ?: (page.subtitle ?: page.title) }}{% endblock %}
{% block og_image %}{% if page.image %}{{ absolute_url(media_url('uploads/images/' ~ page.image)) }}{% else %}{{ parent() }}{% endif %}{% endblock %}

{% block body %}
<section class="page-hero">
    <div class="wrap">
        <p class="eyebrow">{{ site.schoolName }}</p>
        <h1>{{ page.title }}</h1>
        {% if page.subtitle %}<p class="lead">{{ page.subtitle }}</p>{% endif %}
    </div>
</section>
<article class="wrap page-layout">
    {% if page.image %}
        {% include '_picture.html.twig' with {
            src: 'uploads/images/' ~ page.image,
            alt: page.title,
            class: 'page-layout__image',
            lazy: false,
            fetchpriority: 'high'
        } %}
    {% endif %}
    <div class="prose">
        {{ page.content|raw }}
        {% include '_share.html.twig' with { title: page.title } %}
    </div>
</article>
{% endblock %}