214 lines
8.2 KiB
HTML
214 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
||
{% load i18n static %}
|
||
<html {% if LANGUAGE_CODE %}lang="{{ LANGUAGE_CODE }}"{% endif %} {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
|
||
<head>
|
||
<meta charset="UTF-8"><!-- 🔥 -->
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% firstof global_title "Compte Citoyen" %} {% block title %}{% endblock %}</title>
|
||
{% if favicon %}
|
||
<link rel="shortcut icon" href="{{site_base}}{% static "" %}{{favicon}}" />
|
||
{% endif %}
|
||
{% if theme_color %}
|
||
<meta name="theme-color" content="{{theme_color}}">
|
||
<meta name="msapplication-navbutton-color" content="{{theme_color}}">
|
||
{% endif %}
|
||
{% block extra_top_head %}
|
||
{% endblock %}
|
||
{{ media }}
|
||
{% if css_variant %}
|
||
<link rel="stylesheet" type="text/css" href="{{site_base}}{% static "" %}{{css_variant}}/style.css?{{statics_hash}}">
|
||
{% else %}
|
||
<link rel="stylesheet" type="text/css" href="{{site_base}}{% static "style.css" %}?{{statics_hash}}">
|
||
{% endif %}
|
||
{% block extra_css %}
|
||
{% endblock %}
|
||
{% block extra_scripts %}
|
||
{% endblock %}
|
||
</head>
|
||
<body {% block bodyargs %}class="{% block bodyclasses %}{% endblock %}" {% block bodyattrs %}{% endblock %}{% endblock %}>
|
||
<div id="nav-skip">
|
||
<div>
|
||
<a href="#main-content">Aller au contenu</a>
|
||
<a href="#nav">Aller au menu</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="page" {% block page-args %}{% endblock %}>
|
||
<header>
|
||
<div id="header-wrapper" >
|
||
<div id="header">
|
||
{% block header-top %}
|
||
{% if request.partner or a2_return_url %}
|
||
<div id="return">
|
||
{% if request.partner %}
|
||
<a href="{{ request.partner.url }}" class="highlight" style="color: {{ request.partner.color }}">{{ request.partner.name }}</a>
|
||
{% else %}
|
||
<a href="{{ a2_return_url }}" class="highlight">Mon compte</a>
|
||
{% endif %}
|
||
</div>
|
||
{% endif %}
|
||
|
||
{% if help_url %}
|
||
<div id="help" class="desktop-only">
|
||
<a href="{{ help_url }}" target="_blank" rel="noopener">Besoin d'aide</a>
|
||
</div>
|
||
{% endif %}
|
||
{% endblock %}
|
||
<div id="top">
|
||
{% block header-title %}
|
||
<h1 id="logo"{% if not request.partner %} style="background-position: 50% center;"{% endif %}>
|
||
<a accesskey="1" href="{% if request.partner %}{{ request.partner.url }}{% else %}{{ logo_link_url|default:'/' }}{% endif %}" style="background-image: {% if request.partner %}url({{ request.partner.logo_url }}){% endif %}">{{ global_title }}</a>
|
||
</h1>
|
||
{% endblock %}
|
||
<div id="toplinks">
|
||
{% block user-info %}
|
||
{% if user.is_authenticated %}
|
||
<span class="logged-in">
|
||
<span class="connected-user">{{user.first_name}} {{user.last_name}}</span>
|
||
<a class="logout" href="{% url 'auth_logout' %}">Déconnexion</a>
|
||
</span>
|
||
{% endif %}
|
||
{% endblock %}
|
||
</div> <!-- toplinks -->
|
||
</div>
|
||
{% block header-bottom %}{% endblock %}
|
||
</div> <!-- header -->
|
||
</div> <!-- header-wrapper -->
|
||
</header>
|
||
|
||
{% block nav %}
|
||
<nav>
|
||
<div id="nav-wrapper" >
|
||
<div id="nav" class="togglable">
|
||
<button id="nav-button" class="togglable" aria-label="Menu">
|
||
<span class="sr-only">Ouvrir le menu</span>
|
||
<span class="icon-bar icon-bar-1"></span>
|
||
<span class="icon-bar icon-bar-2"></span>
|
||
<span class="icon-bar icon-bar-3"></span>
|
||
</button>
|
||
{% block menu %}
|
||
<ul>
|
||
<li class="link-accueil"><a href="{{combo_url}}">Accueil</a></li>
|
||
<li class="link-demarches"><a href="{{wcs_url}}/login">Démarches</a></li>
|
||
<li class="link-profil"><a href="{{authentic_url}}/accounts/">Profil</a></li>
|
||
<li class="link-aide"><a href="{{help_url}}" target="_blank" rel="noopener">Aide</a></li>
|
||
</ul>
|
||
{% endblock %}
|
||
</div> <!-- nav -->
|
||
</div> <!-- nav-wrapper -->
|
||
</nav>
|
||
{% endblock %}
|
||
|
||
{% block before-main-content %}
|
||
{% endblock %}
|
||
|
||
<div id="main-content-wrapper">
|
||
<div id="main-content">
|
||
|
||
{% block messages %}
|
||
{% if messages %}
|
||
<div id="messages" class="messages-login">
|
||
<ul class="messages">
|
||
{% for message in messages %}
|
||
<li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
|
||
{% endfor %}
|
||
</ul>
|
||
</div>
|
||
{% endif %}
|
||
{% endblock %}
|
||
|
||
<div id="content" class="gru-content large">
|
||
{% block content %}
|
||
{% endblock %}
|
||
</div> <!-- #content -->
|
||
</div> <!-- #main-content -->
|
||
</div> <!-- #main-content-wrapper -->
|
||
|
||
<footer>
|
||
{% block footer-top %}{% endblock %}
|
||
<div id="footer-wrapper">
|
||
<div id="footer">
|
||
{% block footer %}
|
||
<div class="textcell grid-1-3 securise desktop-only">
|
||
<div>
|
||
<h3>Sécurisé</h3>
|
||
<p>Effectuez vos démarches en toute <strong>sécurité</strong></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="textcell grid-1-3 unique desktop-only">
|
||
<div><h3>Unique</h3>
|
||
<p>Accédez à vos services en ligne avec <strong>un seul compte</strong></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="textcell grid-1-3 simple desktop-only">
|
||
<div>
|
||
<h3>Simple</h3>
|
||
<p><strong>Facilitez</strong> vos démarches<br /> en ligne</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cell textcell clear desktop-only"><div><p> </p><p> </p></div></div>
|
||
<div class="cell textcell desktop-only " >
|
||
<div><p><strong>Un seul compte pour accéder à vos services numériques<br>
|
||
situés sur le territoire de la Métropole de Lyon</strong>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
</div>
|
||
</div>
|
||
{% block footer-bottom %}
|
||
<div id="footnote">
|
||
<div class="footnote-top desktop-only">
|
||
<div>
|
||
<div class="cell textcell grid-1-2">
|
||
<div>
|
||
<p>
|
||
{{ global_title }} est un service de la Métropole de Lyon et ses partenaires pour simplifier l’accès à leurs services en ligne avec un seul et même compte.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="cell textcell">
|
||
<div>
|
||
<img src="{{site_base}}{% static "grandlyon-cut/images/logo-ecocite.png" %}" title="Ecocité - engagée pour les terrotoires et la ville de demain" alt="Ecocité - engagée pour les terrotoires et la ville de demain" />
|
||
<img src="{{site_base}}{% static "grandlyon-cut/images/logo-europe-engage.png" %}" title="L'Europe s'engage en région Auvergne-Rhône-Alpes avec le FEDER" alt="L'Europe s'engage en région Auvergne-Rhône-Alpes avec le FEDER" />
|
||
<img src="{{site_base}}{% static "grandlyon-cut/images/eu-logo.png" %}" title="Union Européenne" alt="Union Européenne" />
|
||
<img src="{{site_base}}{% static "grandlyon-cut/images/logo-gl.png" %}" title="Grand Lyon" alt="Grand Lyon" />
|
||
</div>
|
||
<div class="feder">Cette action est cofinancée par l'Union européenne dans le cadre du Fonds Européen de Développement Régional (FEDER).</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footnote-bottom">
|
||
<div>
|
||
<div class="cell textcell"><div>
|
||
<p><a href="/cgu/">MENTIONS LEGALES</a> | <a href="{{ help_url }}">EN SAVOIR +</a></p>
|
||
</div></div>
|
||
<div class="cell textcell"><div>
|
||
<p><a class="metro" href="http://www.grandlyon.com/" target="_blank" rel="noopener" title="Accéder au site de la Métropole de Lyon (nouvelle fenêtre)">un site de la Métropole de Lyon</a></p>
|
||
</div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
{% endblock %}
|
||
</footer>
|
||
</div> <!-- #page -->
|
||
{% if environment_label %}<span id="environment-label">{{ environment_label }}</span>{% endif %}
|
||
<a style="display: none" href="#" accesskey="t">Retour en haut de page</a>
|
||
{% if smarttag_js %}
|
||
<script type="text/javascript" src="{{ smarttag_js }}"></script>
|
||
<script type="text/javascript" src="{{ site_base }}{% static 'js/cookie_usage_consent.js' %}?{{statics_hash}}"></script>
|
||
<script type="text/javascript">
|
||
if (has_consent()) {
|
||
var tag = new ATInternet.Tracker.Tag();
|
||
tag.page.set({name: '{{ request.path }}'});
|
||
tag.dispatch();
|
||
}
|
||
</script>
|
||
{% endif %}
|
||
</body>
|
||
</html>
|