julienmonnerie/site/templates/base.twig
2022-07-18 19:15:03 +02:00

91 lines
2.4 KiB
Twig

<!DOCTYPE html>
<html lang="fr">
<head>
{{ snippet('metadata') }}
{{ snippet('favicon') }}
{# CSS #}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('assets/build/main.css') }}">
{% endblock %}
{# JavaScript #}
{% block scripts %}
<script src="{{ asset('assets/build/app.js') }}" defer></script>
{% endblock %}
{# Matomo #}
{# <script>
var _paq = window._paq = window._paq || [];
_paq.push(['disableCookies']);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.paulnicoue.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script> #}
</head>
<body>
{% block header %}
<header>
<div class="header-bar">
<nav class="header-bar__nav" aria-label="Menu">
{% if site.homepage.exhibitions is not empty %}
<ul class="header-bar__nav-menu">
{% for exhibition in site.homePage.exhibitions.toStructure %}
<li class="header-bar__nav-item">
{% if exhibition.external_link.toBool == false %}
<a href="{{ exhibition.url }}" target="iframe">{{ exhibition.url }}</a>
{% elseif exhibition.external_link.toBool == true %}
<a href="{{ exhibition.url }}" target="_blank">{{ exhibition.url }}</a>
{% endif %}
</li>
{% endfor %}
</ul>
{% endif %}
</nav>
<div class="header-bar__social">
<a class="header-bar__gallery-button" href="#" target="_self" aria-label="Show {{ site.title }}'s image gallery">
<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
<path d="M17.25 29.15H36.8l-6.35-8.55-5.15 6.75L21.9 23ZM10 38V4h34v34Zm3-3h28V7H13Zm-9 9V10h3v31h31v3Zm9-9V7v28Z"/>
</svg>
</a>
<a class="header-bar__email-button" href="mailto:{{ site.email }}" target="_blank" aria-label="Write an email to {{ site.title }}">
<svg aria-hidden="true" viewBox="0 0 48 48" fill="currentColor">
<path d="M4 40V8h40v32Zm20-15.1L7 13.75V37h34V13.75Zm0-3L40.8 11H7.25ZM7 13.75V11v2.75Z"/>
</svg>
</a>
</div>
</div>
</header>
{% endblock %}
{% block main %}
{% endblock %}
{% block footer %}
<footer>
<div class="footer-bar">
</div>
</footer>
{% endblock %}
</body>
</html>