{% load static %}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="{% static 'applipizza/css/bootstrap.css' %}">
<link rel="stylesheet" href="{% static 'applipizza/css/font-awesome.min.css' %}">
<link rel="stylesheet" href="{% static 'applipizza/css/styles.css' %}">
</head>
<body>
<header>
<div class="container">
<div class="top-meta">
<div class="logo-link">
<a href="/"><img src="{% static 'applipizza/img/lasridelarte.png' %}" alt="logo"></a>
</div>
<div class="right-part">
<div class="certificate">
<img src="{% static 'applipizza/img/certificate.png' %}" alt="certificat">
</div>
<div class="meta">
<p><strong>Lasri Del Arte
<br>5th Cave Jonhson Street, Rosewood</strong></p>
</div>
</div>
</div>
<nav class="navbar">
<ul>
<li class="nav-link">
<a href="/pizzas">Revenir sur le site</a>
</li>
</ul>
</nav>
</div>
</header>
<div class="page-content">
{% block content %}{% endblock %}
</div>
<footer>
<div class="container">
<p>© 2012 Lasri Del Arte - Tous droits réservés</p>
</div>
</footer>
<script type="text/javascript">
// Si le footer n'est pas tout en bas de la page car il y a peu de contenu
// On le place tout en bas de la page
function footerPosition() {
var footer = document.querySelector("footer")
var footerHeight = footer.offsetHeight;
var windowHeight = window.innerHeight;
var bodyHeight = document.body.offsetHeight;
if (bodyHeight < windowHeight) {
footer.style.position = 'absolute';
footer.style.bottom = '0';
} else {
footer.style.position = 'relative';
footer.style.bottom = '0';
}
}
footerPosition();
window.addEventListener('resize', footerPosition);
</script>
<script src="{% static 'applipizza/js/jquery-1.5.2.min.js' %}"></script>
{% block javascripts %}{% endblock %}
</body>
</html>