{% extends "base.html" %}


{# announcement_type (optional): normal (default, follows the site's own
   primary palette color) | critical | important (both red) | action (green
   — use when the reader needs to do something, e.g. nominations) | routine
   (grey — surveys, routine notices). No other keywords are recognized —
   anything else falls through to normal. announcement_color (optional):
   any atlas palette color name (same vocabulary as zensical.toml's
   primary/accent), overrides announcement_type when both are set. #}
{% block announce %}
{% if config.extra.announcement %}
{% set _type = config.extra.announcement_type | default("normal", true) %}
{% if _type == "critical" or _type == "important" %}
{% set _type_color = "red" %}
{% elif _type == "action" %}
{% set _type_color = "green" %}
{% elif _type == "routine" %}
{% set _type_color = "grey" %}
{% else %}
{% set _type_color = "" %}
{% endif %}
{% set _color = config.extra.announcement_color | default(_type_color, true) %}
<a href="{{ config.extra.announcement_url | default('#', true) }}"
   {% if _color %}data-announce-color="{{ _color }}"{% endif %}>
  {{ config.extra.announcement }}
</a>
{% endif %}
{% endblock %}


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

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

{# Preload the primary (non-italic) webfonts so the swap from the fallback
   stack to Open Sans/Roboto Mono happens as early as possible — shortens
   the visible font-size "flash" caused by font-display: swap. #}
<link rel="preload" as="font" type="font/ttf" href="{{ 'assets/fonts/OpenSans-VariableFont_wdth_wght.ttf' | url }}" crossorigin>
<link rel="preload" as="font" type="font/ttf" href="{{ 'assets/fonts/RobotoMono-VariableFont_wght.ttf' | url }}" crossorigin>

{% 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 config.extra.nav_disabled | default([]) %}
<script>
(function(){
  var disabled = {{ config.extra.nav_disabled | tojson }};
  var lower = disabled.map(function(d){ return d.toLowerCase(); });
  function applyDisabled(){
    document.querySelectorAll('.md-tabs__link, .md-nav__link').forEach(function(el){
      if(lower.indexOf(el.textContent.trim().toLowerCase()) !== -1){
        var item = el.closest('.md-tabs__item') || el.closest('.md-nav__item');
        if(item) item.classList.add('atlas-nav-disabled');
      }
    });
  }
  document.addEventListener('DOMContentLoaded', applyDisabled);
})();
</script>
{% endif %}
{% 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 is defined and "hero" in page.meta and page.meta.hero %}
{% set _heroheight = page.meta.heroheight if "heroheight" in page.meta else "" %}
<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 %}