<!doctype html>
{% load staticfiles %}
{% load hijack_tags %}
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{% block title %}{{ SITE_TITLE }}{% endblock %}</title>
<link rel="stylesheet" href="{% static "css/foundation.css"%}" />
<link rel="stylesheet" href="{% static "css/font-awesome.min.css"%}" />
<link rel="stylesheet" href="{% static "css/local.css" %}" />
<link rel="stylesheet" href="{% static "css/offcanvas.css" %}">
<link rel="stylesheet" type="text/css" href="{% static 'hijack/hijack-styles.css' %}" />
{% block extra_css %}{% endblock %}
<script src="{% static "js/vendor/modernizr.js" %}"></script>
<link rel="icon" type="image/png" href="{% static "img/coinitem.png" %}"/>
<link rel="icon" type="image/x-icon" href="{% static "img/favicon.ico" %}" />
</head>
<body>
{% hijack_notification %}
<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
{% if user.is_authenticated %}
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li><label>Menu</label></li>
{% include "menu_items.html" %}
</ul>
</aside>
{% endif %}
<header>
<div class="show-for-medium-up">
<div class="row">
<div class="large-12">
<h1>
{% if SITE_LOGO_URL %}
<span class="medium-3 large-3 columns">
<img src="{{ SITE_LOGO_URL }}" alt="" />
</span
{% else %}
<span class="default-logo"> </span>
{% endif %}
<a href="{% url 'home' %}">{{ SITE_HEADER }}</a>
</h1>
</div>
</div>
</div>
<div class="show-for-small">
<nav class="tab-bar">
{% if user.is_authenticated %}
<section class="left-small">
<a class="left-off-canvas-toggle menu-icon" href="#"><span></span></a>
</section>
{% endif %}
<section class="middle tab-bar-section">
<h1 class="title">COIN</h1>
</section>
</nav>
</div>
</header>
<div class="row">
{% if user.is_authenticated %}
<div class="medium-3 large-3 columns">
{% block sidenav %}
<nav id="sidebox" class="show-for-medium-up">
<ul class="side-nav">
{% include "menu_items.html" %}
</ul>
</nav>
{% endblock %}
</div>
{% endif %}
<div class="medium-{% if user.is_authenticated %}9{% else %}12{% endif %} large-{% if user.is_authenticated %}9{% else %}12{% endif %} columns">
{% block content %}{% endblock %}
</div>
</div>
<div id="footer">
{% block footer %}
<div class="row">
<div class="small-5 columns"><div class="line"> </div></div>
<div class="small-2 columns"><div class="duck"></div></div>
<div class="small-5 columns"><div class="line"> </div></div>
</div>
<p class="licence-sentence">Site propulsé par <a href="https://code.ffdn.org/FFDN/coin">COIN</a> sous licence AGPLv3.</p>
{% endblock %}
</div>
<a class="exit-off-canvas"></a>
</div> <!-- .inner-wrap -->
</div> <!-- .off-canvas-wrap -->
<script src="{% static "js/vendor/jquery.js" %}"></script>
<script src="{% static "js/foundation.min.js" %}"></script>
<script src="{% static "js/foundation/foundation.offcanvas.js" %}"></script>
<script src="{% static "js/utils.js" %}"></script>
{% block extra_js %}{% endblock extra_js %}
<script>
$(document).foundation();
</script>
</body>
</html>