{% extends "base.html" %}


{% block styles %}
{{ super() }}
<link rel="stylesheet" href="{{ 'assets/stylesheets/atlasdocs.css' | url }}">
{% endblock %}

{% block extrahead %}
{{ super() }}

{% if config.theme.logo %}
<link rel="preload" as="image" href="{{ config.theme.logo | url }}">
{% endif %}


{% endblock %}

{% block scripts %}
{{ super() }}
<script src="{{ 'assets/javascripts/atlasdocs.js' | url }}"></script>
{% if "atlas.mathjax" in features %}
<script src="{{ 'assets/javascripts/mathjax.js' | url }}"></script>
<script src="https://unpkg.com/mathjax@3/es5/tex-mml-chtml.js"></script>
{% endif %}
{% if "atlas.mermaid" in features %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/10.4.0/mermaid.min.js"></script>
{% endif %}
{% endblock %}

{% block hero %}
{% if page.meta.hero | default(false) %}
{% set _heroheight = page.meta.heroheight | default("") %}
<style>
:root {
  --hero-height: {% if _heroheight == 'tall' %}180px{% elif _heroheight == 'short' %}120px{% else %}150px{% endif %};
}
</style>
<div class="hero-banner" style="background-image: url('{{ page.meta.hero | url }}')"></div>
{% endif %}
{% endblock %}