{% extends "base.html" %}

{% block extrahead %}
<meta property="og:title" content="{% if page.title %}{{ page.title }} - {% endif %}{{ config.site_name }}">
<meta property="og:description" content="{{ config.site_description }}">
<meta property="og:url" content="{{ config.site_url }}">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="robots" content="index, follow">
{% endblock %}

{% block libs %}
{{ super() }}
<script data-goatcounter="https://encantar-js.goatcounter.com/count" async src="//gc.zgo.at/count.js"></script>
{% endblock %}

{% block announce %}
<section id="announcement">
Follow the developer <a href="https://www.youtube.com/alemart88" target="_blank" rel="external">@alemart88</a>
</section>
{% endblock %}

{% block content %}
{{ super() }}
{% endblock %}

{% block footer %}
<button id="support-button" onclick="document.getElementById('support-widget').classList.toggle('invisible')">
    &#x1F468;&#x200D;&#x1F4BB; Need help?
</button>
<section id="support-widget" class="md-typeset invisible">
    <h4>Technical support</h4>
    <p>Get expert guidance by contacting <a href="#" class="support-link" id="technical-support-widget" data-goatcounter-click></a>.</p>
    <p>Not a technical person? Get help with installation, maintenance, custom development and more. <a href="#" class="support-link" id="technical-support-widget-services" data-goatcounter-click>Contact support</a> for professional services.</p>
</section>
<script>
document.addEventListener('DOMContentLoaded', function() {
    var salad = 'nbjmup;tvqqpsuAfodboubs/efw';
    var link = salad.split('').map(c => String.fromCharCode(c.charCodeAt(0)-1)).join('');
    document.querySelectorAll('a.support-link').forEach(function(a) {
        a.href = link;
        if(a.innerText.length == 0)
            a.innerText = link.substring(7);
    });
});
</script>
{{ super() }}
{% endblock %}