This repository has been archived on 2023-02-21. You can view files and clone it, but cannot push or open issues or pull requests.
vincennes-2014/portail-citoyen/templates/base.html

212 lines
8.6 KiB
HTML

<!DOCTYPE html>
{% load menu_tags cms_tags sekizai_tags i18n portail_citoyen_tags staticfiles %}
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="content-language" content="fr" />
<link rel="shortcut icon" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/img/favicon.ico" />
<title>Compte Citoyen {% page_attribute "page_title" %}</title>
{% render_block "css" %}
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block awesome_css %}
<link href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/font-awesome.css" rel="stylesheet">
{% endblock %}
<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' />
{% block extra_css %}
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/slick.css" />
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/app.css" />
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/hack.css" />
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/entrouvert.css" />
<link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/surclass.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/ie8.css" />
<![endif]-->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
{% endblock %}
</head>
<body {% block bodyargs %}{% endblock %} style="background: url({{ portal_url }}{{ STATIC_URL }}portail_citoyen/img/Background-par-defaut.jpg) no-repeat;background-size: 100% auto; background-position: center top;" >
{% cms_toolbar %}
<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>
<div id="nav">
{% block personnel %}
{% if user.is_authenticated %}
<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">
{{ user.get_full_name }}
</h4>
</span>
</div>
<div class="panel-body">
<ul>
<li><a href="{{ idp_url }}/accounts/">Mon compte</a></li>
<li><a href="{{ wcs_url }}/myspace/">Mes démarches en cours</a></li>
<li><a href="{{ wcs_url }}/login">Démarches en ligne</a></li>
<li><a href="{{ LOGOUT_URL }}">Déconnexion</a></li>
</ul>
</div>
</div>
</div>
{% endif %}
{% if user.is_anonymous %}
<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">
Compte citoyen
</h4>
</span>
</div>
<div class="panel-body">
<ul>
<li><a href="{{ idp_url }}/login">Connexion</a></li>
<li><a href="{{ idp_url }}/accounts/register/">Créer un compte</a></li>
<li><a href="{{ wcs_url }}">Démarches en ligne</a></li>
<li><a href="{{ portal_url }}/aide">Aide</a></li>
</ul>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% block menu %}
<!-- colonne gauche -->
{% include "left-col.html" %}
<!-- fin colonne gauche -->
{% endblock %}
</div>
</div>
</div>
<div id="main-content">
<div id="content" class="large">
{% block content %}
{% endblock %}
</div> <!-- #content -->
</div> <!-- #main-content -->
<!-- right colonne -->
{% block rightcol %}
{% include "right-col.html" %}
{% endblock %}
</div> <!-- #main-content-wrapper -->
</div><!-- row--></div><!-- wrap -->
<div id="footer" class="footer hidden-print">
{% include "footer.html" %}
</div>
</div>
{% render_block "js" %}
{% if messages %}
{% endif %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
jQuery('#messages').delay(3000*(1+{{ messages|length }})).fadeOut('slow');
</script>
{% block extra_scripts %}{% endblock %}
<script src="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/js/bootstrap.min.js"></script>
<script src="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/js/jquery.stellar.min.js"></script>
<script>
function layouting() {
if ( window.matchMedia('(min-width: 992px)').matches) {
$("#nav").detach().insertBefore('#main-content');
$("#events").detach().appendTo('#col-right > .row');
$("#promo").detach().insertAfter('#events');
$("#procedures").detach().appendTo('#header');
$("#right_bar").detach().insertAfter('#promo');
} else if ( window.matchMedia('(max-width: 991px)').matches ) {
$("#nav").detach().insertAfter('#main-content');
$("#events").detach().insertAfter('#main-content');
$("#procedures").detach().insertAfter('#navigation');
$("#right_bar").detach().insertAfter('#access');
if ( window.matchMedia('(min-width: 481px)').matches ) {
$("#promo").detach().insertAfter('#right_bar');
}
}
}
$(function() {
layouting();
$(window).resize(function(event) {
layouting();
});
if ( window.matchMedia('(min-width: 768px)').matches ) {
$('body').stellar({
horizontalOffset: 0
});
}
$('[data-toggle="collapse"]').on('click', function () {
if ( $(this).hasClass('active') ) {
$(this).removeClass('active');
} else {
$(this).addClass('active');
}
});
$('ul.nav li.dropdown').hover(function() {
$(this).addClass('open').find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function() {
$(this).removeClass('open').find('.dropdown-menu').stop(true, true).delay(200).fadeOut();
});
$('.yamm-content').find('.change-img').find('img').not(':first-child').css('top', '-5000px');
$('#navigation').find('[data-img]').hover( function () {
var img = $(this).data('img');
$(this).parents('.yamm-content').find('.img' + img).css('top', '0').siblings('img').css('top', '-5000px');
});
});
{% block dataview %}{% endblock %}
</script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//piwik.monitoring.entrouvert.org/";
_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);
})();
</script>
<noscript><p><img src="//piwik.monitoring.entrouvert.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>