dgnum.eu/site/templates/default.html
2023-06-21 15:03:16 +02:00

92 lines
3.3 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<title>DGNum - $title$</title>
<link rel="stylesheet" href="/css/bulma.min.css" />
<link rel="stylesheet" href="/css/dgnum.css" />
<link rel="stylesheet" href="/vendor/fontawesome/css/all.min.css" />
<script>
document.addEventListener('DOMContentLoaded', () => {
// Get all "navbar-burger" elements
const navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
// Add a click event on each of them
navbarBurgers.forEach(el => {
el.addEventListener('click', () => {
// Get the target from the "data-target" attribute
const target = document.getElementById(el.dataset.target);
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
target.classList.toggle('is-active');
});
});
});
</script>
</head>
<body class="hero is-fullheight">
<header>
<nav class="navbar has-shadow mb-2">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<img src="/images/dgnum-logo.svg">
</a>
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu" id="navbar">
<a class="navbar-item" href="/about.html">À propos</a>
<a class="navbar-item" href="/services.html">Services</a>
<a class="navbar-item" href="/faq.html">FAQ</a>
<a class="navbar-item" href="/archives.html">Archives</a>
<a class="navbar-item" href="/contact.html">Contact</a>
</div>
</nav>
</header>
<div class="columns is-centered mt-2">
<main class="column is-10 mx-4" role="main">
$if(index)$
$else$
$if(title)$<h1 class="title is-2">$title$</h1>$endif$
$endif$
$if(in_content)$
<div class="content">
$body$
</div>
$else$
$body$
$endif$
</main>
</div>
<footer class="footer mt-5">
<div class="content has-text-centered">
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title"
rel="cc:attributionURL" href="">This page of the DGNum's website</a> by $if(authorLicense)$ $authorLicense$
$endif$<a rel="cc:attributionURL dct:creator" property="cc:attributionName" href="/">Délégation Générale
Numérique (DGNum)</a> is licensed under <a href="http://creativecommons.org/licenses/by/4.0/?ref=chooser-v1"
target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY 4.0<img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img
style="height:22px!important;margin-left:3px;vertical-align:text-bottom;"
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"></a></p>
</div>
</footer>
</body>
</html>