138 lines
3.9 KiB
HTML
138 lines
3.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Blog à tout dire</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
|
||
|
|
<link href="{{ get_url(path="blog.css",
|
||
|
|
trailing_slash=false) }}" rel="stylesheet">
|
||
|
|
<link href="{{ get_url(path="custom.css",
|
||
|
|
trailing_slash=false) }}" rel="stylesheet">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
|
||
|
|
<div class="navbar-brand">
|
||
|
|
<a class="navbar-item" href="{{ config.base_url }}">
|
||
|
|
<img src="{{ get_url(path="img/lantern.png",
|
||
|
|
trailing_slash=false) }}" height="28">
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false" id=navbarburger>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
<span aria-hidden="true"></span>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="navbar-menu" id="navMenu">
|
||
|
|
<div class="navbar-item has-dropdown is-hoverable ">
|
||
|
|
<a class="navbar-link" >
|
||
|
|
Bricolage
|
||
|
|
</a>
|
||
|
|
<div class="navbar-dropdown">
|
||
|
|
<a class="navbar-item" href="{{ get_url(path="categorie/velo_cargo",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
Vélo cargo
|
||
|
|
</a>
|
||
|
|
<a class="navbar-item" href="{{ get_url(path="cirque_lumineux",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
Matériel de cirque lumineux
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
||
|
|
<a class="navbar-link">
|
||
|
|
Informatique
|
||
|
|
</a>
|
||
|
|
<div class="navbar-dropdown">
|
||
|
|
<a class="navbar-item" href="{{ get_url(path="categorie/rust",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
Rust
|
||
|
|
</a>
|
||
|
|
<a class="navbar-item" href="{{ get_url(path="categorie/arduino",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
Arduino
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<a class="navbar-item" href="{{ get_url(path="categorie/autre",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
Autre
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="navbar-end">
|
||
|
|
<div class="navbar-item">
|
||
|
|
<a class="navbar-item" href="{{ get_url(path="apropos",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
À propos
|
||
|
|
</a>
|
||
|
|
<div class="navbar-item has-dropdown is-hoverable ">
|
||
|
|
<a class="navbar-link">
|
||
|
|
Sites amis
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="navbar-dropdown">
|
||
|
|
<a class="navbar-item" href="https://blog.chosto.me">
|
||
|
|
Chosto
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a class="navbar-item" href="https://yuno.oiseauroch.fr/gitea">
|
||
|
|
<img class="image is-24x24" src="{{ get_url(path="img/Gitea_Logo.svg",
|
||
|
|
trailing_slash=false) }}">
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<section>
|
||
|
|
<div>
|
||
|
|
<div style="margin: 100px"></div>
|
||
|
|
|
||
|
|
<div class="container mt-6">
|
||
|
|
{% block content %}
|
||
|
|
{% endblock %}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
document.addEventListener('DOMContentLoaded', () => {
|
||
|
|
|
||
|
|
// Get all "navbar-burger" elements
|
||
|
|
const navbarBurgers = document.getElementById('navbarburger');
|
||
|
|
|
||
|
|
// Add a click event on each of them
|
||
|
|
navbarBurgers.addEventListener('click', () => {
|
||
|
|
const target = navbarBurgers.dataset.target;
|
||
|
|
const $target = document.getElementById(target);
|
||
|
|
navbarBurgers.classList.toggle('is-active');
|
||
|
|
$target.classList.toggle('is-active');
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<footer class="footer">
|
||
|
|
<div class="content has-text-centered">
|
||
|
|
<p>
|
||
|
|
Blog réalisé avec <a href="https://getzola.org">Zola</a> et
|
||
|
|
<a href="https://bulma.io">Bulma</a>. Le code est accessible <a href="https://yuno.oiseauroch.fr/gitea"> ici</a>.
|
||
|
|
Sauf mention contraire, le contenu de ce site est sous license <a href="http://creativecommons.org/licenses/by-sa/4.0/">CC BY SA 4.0</a>.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|