{% extends "base.html" %}

{% block extrahead %}
<link rel="icon" href="../assets/media/face-favicon-512x512.png" sizes="any">

<!-- The page loader CSS -->
<link rel="stylesheet" href="../assets/css/loader.css">
{% endblock %}

{% block site_meta %}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots"
     content="nocache, noindex, noimageindex, nofollow, noarchive, nosnippet, notranslate, nositelinkssearchbox, noai, noimageai" />
{% endblock %}

<!-- Use the extra_css value from a page's frontmatter -->
{% block styles %}

{{ super() }}

{% if page.meta.extra_css %}
{% for path in page.meta.extra_css %}
<link rel="stylesheet" href="{{ path | url }}">
{% endfor %}
{% endif %}

{% endblock %}

<!-- Analytics tracking script -->
{% block analytics %}
<script src="https://analytics.gugulet.hu/api/script.js" data-site-id="d2a7b56c7598" defer></script>
{% endblock %}

{% block content %}

<!-- The page loader JS -->
<script src="../assets/js/loader.js"></script>

<!-- The page loader HTML -->
<div id="pageLoader" class="page-loader">
     <img src="../assets/media/faces-animation-250x352.gif" alt="Loading..." class="loader-gif">
</div>

<!-- Use the extra_js values from a page's frontmatter -->
{% for path in page.meta.extra_js or [] %}
<script src="{{ path | url }}"></script>
{% endfor %}

{{ super() }}

<!-- Script to protect content on the website -->
<script src="../assets/js/protect.js"></script>

{% endblock %}
