layout: default


{% if page.cover %} <div class=“jumbotron cover jumbotron-fluid mb-5” style=“background-image:url('{{ page.cover }}');”>

<div class="container" >
  <div class="row">
    <div class="offset-1 col-11">
      <h1 class="display-3 text-uppercase">{{ page.long_title | escape }}</h1>
      <p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description  }}</p>
    </div>
  </div>
</div>

</div> {% endif %}

<main class=“container mt-10” aria-label=“Content”>

<article class="row">

  {% if page.cover == null %}
  <div class="col-12">
    <h1 class="display-5 text-uppercase">{{ page.long_title | escape }}</h1>
    <p class="lead" style="font-weight:400; padding:1% 0;">{{ page.description  }}</p>
  </div>
  {% endif %}

  {% if content %}
  <div class="col" id="content">

    {{ content | inject_anchors }}
  </div>
  {% endif %}

  {% if page.toc or site.resources %}
  <div class="col-12 col-md-4">
    {% if site.resources %}
      {% include resources.html %}
    {% endif %}

    {% if page.toc %}
      <h4>Contents</h4>
      {{ content | toc_only }} 
    {% endif %}

    {% assign ad = page.ad | default: false  %}
    {% if ad %}      
      {% include ad.html %}
    {% endif %}

  </div>
  {% endif %}

  <!-- <header class="col-12">
    <h1 class="page-title">{{ page.title | escape }}</h1>
  </header> -->

</article>

</main>