{% extends "base.html" %}

{% block site_meta %}
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <!-- Page description -->
  {% if page.meta and page.meta.description %}
    <meta name="description" content="{{ page.meta.description }}" />
  {% elif config.site_description %}
    <meta name="description" content="{{ config.site_description }}" />
  {% endif %}

  <!-- Page author -->
  {% if page.meta and page.meta.author %}
    <meta name="author" content="{{ page.meta.author }}" />
  {% elif config.site_author %}
    <meta name="author" content="{{ config.site_author }}" />
  {% endif %}

  <!-- Canonical -->
  {% if page.canonical_url %}
    <link rel="canonical" href="{{ page.canonical_url }}" />
  {% endif %}

  <!-- Previous page -->
  {% if page.previous_page %}
    <link rel="prev" href="{{ page.previous_page.url | url }}" />
  {% endif %}

  <!-- Next page -->
  {% if page.next_page %}
    <link rel="next" href="{{ page.next_page.url | url }}" />
  {% endif %}

  <!-- RSS feed -->
  {% if "rss" in config.plugins %}
    <link
      rel="alternate"
      type="application/rss+xml"
      title="{{ lang.t('rss.created') }}"
      href="{{ 'feed_rss_created.xml' | url }}"
    />
    <link
      rel="alternate"
      type="application/rss+xml"
      title="{{ lang.t('rss.updated') }}"
      href="{{ 'feed_rss_updated.xml' | url }}"
    />
  {% endif %}

  <!-- Favicon -->
  {% if config.theme.icon.logo %}
    {% set svg_raw %}
      {% include ".icons/" ~ config.theme.icon.logo ~ ".svg" %}
    {% endset %}

    {% set svg_encoded = svg_raw
        | replace("\"", "%22")
        | replace("#", "%23")
    %}
    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,{{ svg_encoded }}" />
  {% else %}
    <link rel="icon" href="{{ config.theme.favicon | url }}" />
  {% endif %}

  <!-- Generator banner -->
  <meta
    name="generator"
    content="mkdocs-{{ mkdocs_version }}, $md-name$-$md-version$"
  />
{% endblock %}

{% block styles %}
    {{ super() }}
    <link rel="stylesheet" href="{{'stylesheets/site.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/admonitions.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/badges.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/code-block.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/collapse-code.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/difficulty-meter.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/highlight.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/download-button.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/rubric.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/time-line.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/steps.css' | url}}">
    <link rel="stylesheet" href="{{'stylesheets/carousel.css' | url}}">
    <link rel="stylesheet" href="https://unpkg.com/katex@0/dist/katex.min.css">
    {% if page.is_page %}
    {% for path in page.meta.extra_stylesheets %}
        <link rel="stylesheet" href="{{ path | url }}">
    {% endfor %}
    {% endif %}
{% endblock %}

{% block scripts %}
    {{ super() }}
    <script src="https://unpkg.com/katex@0/dist/katex.min.js"></script>
    <script src="https://unpkg.com/katex@0/dist/contrib/auto-render.min.js"></script>
    <script src="{{ 'javascript/katex.js' | url }}"></script>
    <script src="https://unpkg.com/tablesort@5.3.0/dist/tablesort.min.js"></script>
    <script src="{{ 'javascript/tablesort.js' | url }}"></script>
    <script src="{{ 'javascript/download-button.js' | url }}"></script>
    <script src="{{ 'javascript/carousel.js' | url }}"></script>
    <script src="{{ 'javascript/encrypt-content.js' | url }}"></script>
    {% if page.is_page %}
    {% for script in page.meta.extra_javascript %}
        {{ script | script_tag }}
    {% endfor %}
    {% endif %}
{% endblock %}

{% block announce %}{% if config.theme.under_construction %}
<div class="under-construction" markdown>
<img alt="🚧" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.1.0/assets/svg/1f6a7.svg">
<img alt="🏗" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.1.0/assets/svg/1f3d7.svg" title="">
Lloc web en construcció!
<img alt="🚧" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.1.0/assets/svg/1f6a7.svg">
<img alt="🏗" class="twemoji" src="https://cdn.jsdelivr.net/gh/jdecked/twemoji@15.1.0/assets/svg/1f3d7.svg" title="">
</div>
{% endif %}{% endblock %}

{% block container %}
  {% if page.is_page and page.meta['spell-ignore'] %}
    {% set spell_ignore = " spell-ignore" %}
  {% endif %}

  <div class="md-content{{ spell_ignore }}" data-md-component="content">
    <article class="md-content__inner md-typeset">
      {% block content %}
        {% include "partials/content.html" %}
      {% endblock %}
    </article>
  </div>
{% endblock %}