73 lines
3.9 KiB
HTML
73 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
|
|
<head>
|
|
{% block head %}
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="Pelican" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="author" content="AFPy" />
|
|
<meta name="Description" content="" />
|
|
<meta name="Keywords" content="" />
|
|
<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
|
|
<link rel="stylesheet" href="/static/css/website.css">
|
|
{% endblock head %}
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<!-- Navigation bar -->
|
|
<div class="w3-bar w3-card w3-border-bottom w3-large">
|
|
<a href="/" class="w3-bar-item w3-button w3-hover-orange"><img src="/static/img/logo.svg" class="w3-margin-right logo" alt="Association Francophone Python" /> <span class="w3-margin-left">AFPY</span></a>
|
|
<div class="w3-hide-medium w3-hide-small">
|
|
<a href="/pages/adhesions" class="w3-bar-item w3-button w3-right w3-hover-orange w3-margin-top">Adhésion</a>
|
|
<a href="/pages/communaute" class="w3-bar-item w3-button w3-right w3-hover-orange w3-margin-top">Communauté</a>
|
|
<a href="/category/jobs" class="w3-bar-item w3-button w3-right w3-hover-orange w3-margin-top">Offres d'emploi</a>
|
|
<a href="/category/news" class="w3-bar-item w3-button w3-right w3-hover-orange w3-margin-top">Actualités</a>
|
|
<a href="/pages/qui-sommes-nous" class="w3-bar-item w3-button w3-right w3-hover-orange w3-margin-top">Qui sommes-nous ?</a>
|
|
<a href="/" class="w3-bar-item w3-button w3-right w3-hover-orange w3-margin-top">Accueil</a>
|
|
</div>
|
|
|
|
<!-- Toggle menu on small screens -->
|
|
<a class="w3-bar-item w3-button w3-right w3-hide-large w3-padding-large w3-hover-orange w3-large" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
|
|
</div>
|
|
<!-- Navigation bar on small screens -->
|
|
<div id="navSmall" class="w3-bar-block w3-white w3-card w3-hide w3-large">
|
|
<a href="/" class="w3-bar-item w3-button w3-padding-large w3-hover-orange">Accueil</a>
|
|
<a href="/pages/qui-sommes-nous" class="w3-bar-item w3-button w3-padding-large w3-hover-orange">Qui sommes-nous ?</a>
|
|
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-hover-orange">Actualités</a>
|
|
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-hover-orange">Offres d'emploi</a>
|
|
<a href="/pages/communaute" class="w3-bar-item w3-button w3-padding-large w3-hover-orange">Communauté</a>
|
|
<a href="/pages/adhesions" class="w3-bar-item w3-button w3-padding-large w3-hover-orange">Adhésion</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="w3-content w3-padding">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="w3-container w3-orange w3-card-4 w3-center w3-padding">
|
|
<a href="/pages/contact" class="w3-button w3-hover-grey uppercase">Contact</a>
|
|
<a href="/pages/charte" class="w3-button w3-hover-grey uppercase">Charte</a>
|
|
<a href="/pages/mentions-legales" class="w3-button w3-hover-grey uppercase">Mentions légales</a>
|
|
<a href="/pages/flux-rss" class="w3-button w3-hover-grey uppercase">Flux RSS</a>
|
|
<a href="https://mamot.fr/@AFPy" class="w3-button w3-hover-grey uppercase">Mastodon</a>
|
|
<a href="https://twitter.com/asso_python_fr" class="w3-button w3-hover-grey uppercase">Twitter</a>
|
|
</footer>
|
|
|
|
<script>
|
|
// Used to toggle the menu on small screens
|
|
function myFunction() {
|
|
var x = document.getElementById("navSmall");
|
|
if (x.className.indexOf("w3-hide") == -1) {
|
|
x.className += " w3-hide";
|
|
} else {
|
|
x.className = x.className.replace(" w3-hide", "");
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|