2014-07-17 09:32:32 +02:00
{% load i18n %}< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en" >
< head >
2015-01-13 14:56:29 +01:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" / >
2014-07-17 09:32:32 +02:00
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
2015-01-13 14:56:29 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2015-05-28 14:49:23 +02:00
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/style.css" >
< link rel = "shortcut icon" href = "{{ site_base }}{{ STATIC_URL }}img/favicon.ico" / >
2016-06-10 19:19:18 +02:00
{% if theme_color %}
< meta name = "theme-color" content = "{{theme_color}}" >
< meta name = "msapplication-navbutton-color" content = "{{theme_color}}" >
{% endif %}
2014-07-17 09:32:32 +02:00
< link href = 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel = 'stylesheet' type = 'text/css' >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
2015-05-28 14:49:23 +02:00
< link href = "{{ site_base }}{{ STATIC_URL }}css/font-awesome.css" rel = "stylesheet" >
2014-07-17 09:32:32 +02:00
< link href = 'https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel = 'stylesheet' type = 'text/css' >
2015-05-28 14:49:23 +02:00
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/bootstrap.min.css" >
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/bootstrap-theme.css" >
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/slick.css" >
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/app.css" >
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/hack.css" >
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/entrouvert.css" >
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/surclass.css" >
2015-10-06 12:03:32 +02:00
< link rel = "stylesheet" href = "{{ site_base }}{{ STATIC_URL }}css/more.css" >
2014-07-17 09:32:32 +02:00
<!-- [if lt IE 9]>
< script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" > < / script >
< script src = "https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" > < / script >
<![endif]-->
2015-05-28 14:54:42 +02:00
< title > {% block title %}Compte Citoyen{% endblock %}< / title >
2014-07-17 09:32:32 +02:00
{{ openid_meta }}
{% block extra_scripts %}
{% endblock %}
< / head >
2017-08-12 17:43:44 +02:00
< body { % block bodyargs % } class = "{% block bodyclasses %}{% endblock %}" { % block bodyattrs % } { % endblock % } { % endblock % } style = "background: url({{ site_base }}{{ STATIC_URL }}img/background-cours-Marigny.jpg) no-repeat;background-size: 100% auto; background-position: center top;" >
2014-07-17 09:32:32 +02:00
< div class = "body" >
< div id = "wrap" class = "container" >
{% include "header.html" %}
< div class = "row" >
< div id = "main-content-wrapper" >
< div id = "single-title" > Portail citoyen< / div >
<!-- colonne gauche -->
2015-05-28 15:30:19 +02:00
< div id = "nav" >
< div class = "col-sm-16" >
< div class = "box box-full account-panel panel panel-default" >
< div class = "panel-heading" id = "toplinks" >
< span class = "logged-in" >
< h4 class = "panel-title user fullname" >
{% block user-name %}{% endblock %}
< / h4 >
< / span >
< / div >
< div class = "panel-body" >
< ul >
2015-05-28 15:40:39 +02:00
{% block left-menu-links %}
{% endblock %}
2015-05-28 15:30:19 +02:00
< / ul >
< / div >
< / div >
< / div >
< div class = "col-sm-16" >
< div class = "box box-full nav-panel panel panel-default" >
< div class = "panel-heading" >
< h4 class = "panel-title" >
Vos démarches
< / h4 >
< / div >
< div class = "panel-body" >
< ul >
2017-12-28 10:53:55 +01:00
{% for item in services %}
2015-05-28 15:30:19 +02:00
< li > < a href = "{{ item.link }}" > {{ item.title }}< / a > < / li >
{% if item.sub_items %}
< ul >
{% for subitem in item.sub_items %}
< li > < a href = "{{ subitem.link }}" > {{ subitem.title }}< / a > < / li >
{% endfor %}
< / ul >
{% endif %}
{% endfor %}
< / ul >
< / div >
< / div >
< / div >
< div id = "access" class = "col-sm-5 col-md-16" >
< div class = "access panel-group" id = "access-menu" >
< div class = "box box-full access--directs panel panel-default" >
< div class = "panel-heading" >
< h4 class = "panel-title" > < a data-toggle = "collapse" data-parent = "#access-menu" href = "#access-toggle" > Accès directs< i class = "fa fa-caret-square-o-down" > < / i > < / a > < / h4 >
< / div >
< div id = "access-toggle" class = "panel-collapse collapse in" >
< div class = "panel-body" >
< ul >
2017-12-28 10:53:55 +01:00
{% for item in acces_directs %}
2015-05-28 15:30:19 +02:00
< li > < a href = "{{ item.link }}" > {{ item.title }}< / a > < / li >
{% if item.sub_items %}
< ul >
{% for subitem in item.sub_items %}
< li > < a href = "{{ subitem.link }}" > {{ subitem.title }}< / a > < / li >
{% endfor %}
< / ul >
{% endif %}
{% endfor %}
< / ul >
< / div >
< / div >
< / div >
< div class = "box box-full access--kiosque panel panel-default" >
< div class = "panel-heading" >
< h4 class = "panel-title" > < a data-toggle = "collapse" data-parent = "#access-menu" href = "#kiosque-toggle" > Kiosque< i class = "fa fa-caret-square-o-down" > < / i > < / a > < / h4 >
< / div >
< div id = "kiosque-toggle" class = "panel-collapse collapse" >
< div class = "panel-body" >
< ul >
2017-12-28 10:53:55 +01:00
{% for item in kiosque %}
2015-05-28 15:30:19 +02:00
< li > < a href = "{{ item.link }}" > {{ item.title }}< / a > < / li >
{% if item.sub_items %}
< ul >
{% for subitem in item.sub_items %}
< li > < a href = "{{ subitem.link }}" > {{ subitem.title }}< / a > < / li >
{% endfor %}
< / ul >
{% endif %}
{% endfor %}
< / ul >
< / div >
< / div >
< / div >
< div class = "box box-full access--projects panel panel-default" >
< div class = "panel-heading" id = "projets" >
2015-12-14 16:01:37 +01:00
< h4 class = "panel-title" > < a data-toggle = "collapse" data-parent = "#access-menu" href = "#projects-toggle" > Grands projets< i class = "fa fa-caret-square-o-down" > < / i > < / a > < / h4 >
2015-05-28 15:30:19 +02:00
< / div >
< div id = "projects-toggle" class = "panel-collapse collapse" >
< div class = "panel-body" >
< ul >
2017-12-28 10:53:55 +01:00
{% for item in grand_projets %}
2015-05-28 15:30:19 +02:00
< li > < a href = "{{ item.link }}" > {{ item.title }}< / a > < / li >
{% if item.sub_items %}
< ul >
{% for subitem in item.sub_items %}
< li > < a href = "{{ subitem.link }}" > {{ subitem.title }}< / a > < / li >
{% endfor %}
< / ul >
{% endif %}
{% endfor %}
< / ul >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2014-07-17 09:32:32 +02:00
<!-- fin colonne gauche -->
< div id = "main-content" >
< div id = "content" class = "large" >
< div id = "real-content" >
{% block messages %}
{% if messages %}
< ul class = "messages" >
{% for message in messages %}
< li { % if message . tags % } class = "{{ message.tags }}" { % endif % } > {{ message }}< / li >
{% endfor %}
< / ul >
{% endif %}
{% endblock %}
{% block content %}{% endblock %}
< / div > <!-- real content -->
< / div > <!-- content -->
< / div > <!-- main content -->
<!-- right colonne -->
2015-10-06 13:14:02 +02:00
< div id = "col-right" class = "col-md-3 hidden-xs hidden-sm" >
< div class = "row" >
{% block right-column %}
{% endblock %}
{% include "right-col.html" %}
< / div >
< / div >
2014-07-17 09:32:32 +02:00
< / div > <!-- #main - content - wrapper -->
< / div > < / div >
< div id = "footer" class = "footer hidden-print" >
{% include "footer.html" %}
< / div > < / div >
2015-05-28 14:49:23 +02:00
< script src = "{{ site_base }}{{ STATIC_URL }}js/jquery.stellar.min.js" > < / script >
< script src = "{{ site_base }}{{ STATIC_URL }}js/bootstrap.min.js" > < / script >
2015-10-06 12:44:10 +02:00
< script src = "{{ site_base }}{{ STATIC_URL }}js/app.js" > < / script >
2015-11-25 14:15:53 +01:00
< script src = "{{ site_base }}{{ STATIC_URL }}js/combo.back.js" > < / script >
2014-07-17 09:32:32 +02:00
2015-05-28 15:45:59 +02:00
< script >
gaProperty = '';
// Désactive le tracking si le cookie d’ Opt-out existe déjà.
var disableStr = 'ga-disable-' + gaProperty;
if (document.cookie.indexOf('hasConsent=false') > -1) {window[disableStr] = true;}
//Cette fonction retourne la date d’ expiration du cookie de consentement
function getCookieExpireDate() {
var cookieTimeout = 34214400000;// Le nombre de millisecondes que font 13 mois
var date = new Date();
date.setTime(date.getTime()+cookieTimeout);
var expires = "; expires="+date.toGMTString();
return expires;
}
// Cette fonction est appelée pour afficher la demande de consentement
function askConsent(){
var bodytag = document.getElementsByTagName('body')[0];
var div = document.createElement('div');
div.setAttribute('id','cookie-banner');
div.setAttribute('width','70%');
// Le code HTML de la demande de consentement. Vous pouvez modifier le contenu ainsi que le style
div.innerHTML = '< div style = "border-color:#f8c253;border-bottom:1px solid #ccc;background:#fefbc0;color:#C09853;padding:5px 0px 5px;font-size:13px;text-align:center" > En poursuivant votre navigation sur ce site, vous acceptez l’ utilisation de cookies à des fins de mesure d\'audience. < a href = "javascript:closeMessage()" > Accepter le suivi< / a > / < a href = "javascript:gaOptout()" > M\'opposer au suivi< / a > < button type = "button" style = "float: right;font-size: 21px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: .2;filter: alpha(opacity=20);padding: 0;cursor: pointer;background: 0;border: 0;-webkit-appearance: none;top: -2px;right: 10px;position: relative;" onclick = "javascript:closeMessage()" title = "Utiliser ce bouton signifie acceptation du suivi" > × < / button > < / div > ';
//.
//< a href = "javascript:gaOptout()" >
// Ajoute la bannière juste au début de la page
bodytag.insertBefore(div,bodytag.firstChild);
document.getElementsByTagName('body')[0].className+=' cookiebanner';
}
function closeMessage(){
var div = document.getElementById('cookie-banner');
/* closing the message is accepting */
document.cookie = 'hasConsent=true; '+ getCookieExpireDate() +' ; path=/';
div.style.display = 'none';
}
// Retourne la chaine de caractère correspondant à nom=valeur
function getCookie(NomDuCookie) {
if (document.cookie.length > 0) {
begin = document.cookie.indexOf(NomDuCookie+"=");
if (begin != -1) {
begin += NomDuCookie.length+1;
end = document.cookie.indexOf(";", begin);
if (end == -1) end = document.cookie.length;
return unescape(document.cookie.substring(begin, end));
}
}
return null;
}
// Fonction d'effacement des cookies
function delCookie(name ) {
path = ";path=" + "/";
domain = ";domain=" + "."+document.location.hostname;
var expiration = "Thu, 01-Jan-1970 00:00:01 GMT";
document.cookie = name + "=" + path + domain + ";expires=" + expiration;
}
// Efface tous les types de cookies utilisés par Google Analytics
function deleteAnalyticsCookies() {
var cookieNames = ["__utma","__utmb","__utmc","__utmz","_ga"]
for (var i=0; i< cookieNames.length ; i + + )
delCookie(cookieNames[i])
}
// La fonction d'opt-out
function gaOptout() {
document.cookie = disableStr + '=true;'+ getCookieExpireDate() +' ; path=/';
document.cookie = 'hasConsent=false;'+ getCookieExpireDate() +' ; path=/';
var div = document.getElementById('cookie-banner');
// Ci dessous le code de la bannière affichée une fois que l'utilisateur s'est opposé au dépôt
// Vous pouvez modifier le contenu et le style
if ( div!= null ) div.innerHTML = '< div id = "cookie-refusal" style = "border-color:#f8c253;border-bottom:1px solid #ccc;background:#fefbc0;color:#C09853;padding:5px 0px 5px;font-size:13px;text-align:center" > Vous vous êtes opposé \
au dépôt de cookies de mesures d\'audience dans votre navigateur. < / div > '
window.setTimeout(function() { document.getElementById('cookie-refusal').style.display = 'none'; return true; }, 5000);
window[disableStr] = true;
deleteAnalyticsCookies();
}
//Ce bout de code vérifie que le consentement n'a pas déjà été obtenu avant d'afficher la baniére
var consentCookie = getCookie('hasConsent');
if (!consentCookie) {//L'utilisateur n'a pas encore de cookie de consentement
var referrer_host = document.referrer.split('/')[2];
if ( referrer_host != document.location.hostname ) { //si il vient d'un autre site
//on désactive le tracking et on affiche la demande de consentement
window[disableStr] = true;
window.onload = askConsent;
} else { //sinon on lui dépose un cookie
document.cookie = 'hasConsent=true; '+ getCookieExpireDate() +' ; path=/';
}
}
< / script >
2015-12-18 17:50:29 +01:00
<!-- Piwik and Google Tag Manager -->
2014-12-11 16:31:07 +01:00
< script type = "text/javascript" >
2015-05-28 15:45:59 +02:00
if (consentCookie) {
2014-12-11 16:31:07 +01:00
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
2016-07-28 13:15:04 +02:00
var u="//piwik.entrouvert.org/";
2014-12-11 16:31:07 +01:00
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 3]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
2015-12-18 17:50:29 +01:00
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5VBK28');
2015-05-28 15:45:59 +02:00
}
2014-12-11 16:31:07 +01:00
< / script >
2015-12-18 17:50:29 +01:00
<!-- End Piwik and Google Tag Manager Code -->
2014-12-11 16:31:07 +01:00
2014-07-17 09:32:32 +02:00
< / body >
< / html >