<!doctype html>
<html lang="[% lh.language_tag() %]">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta charset="utf-8">
<link type="image/png" rel="icon" href="images/favicon-federation.png" />
<link type="text/css" rel="stylesheet" href="font-awesome/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="foundation/css/foundation.min.css">
<link type="text/css" rel="stylesheet" href="jquery-ui-1.12.1/jquery-ui.min.css" />
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link type="text/css" rel="stylesheet" href="css/renater.css" />
<link type="text/css" rel="stylesheet" href="css/renater-header.css" />
<link type="text/css" rel="stylesheet" href="css/renater-footer.css" />
<link type="text/css" rel="stylesheet" href="css/renater-fonts.css" />
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery-validation-1.17.0.min.js"></script>
<script type="text/javascript" src="foundation/js/vendor/what-input.js"></script>
<script type="text/javascript" src="foundation/js/vendor/foundation.min.js"></script>
<script type="text/javascript" src="js/startup.js"></script>
<title>[% app.name %]</title>
</head>
<body>
<header>
<div class="title-bar" data-responsive-toggle="main-menu" data-hide-for="medium">
<button class="menu-icon top-bar-right" type="button" data-toggle></button>
<div class="title-bar-title top-bar-right"></div>
<div class="top-bar-left">
<a href="[% c.url_for('home') %]" title="Accueil">
<img src="images/logo-federation.svg" alt="Logo Fédération" data-options="disable_for_touch:true">
</a>
</div>
</div>
<nav class="top-bar" id="main-menu">
<menu class="top-bar-left">
<ul class="menu" data-dropdown-menu>
<li class="menu-text hide-for-small-only">
<a href="[% c.url_for('home') %]" title="Accueil">
<img src="images/logo-federation.svg" alt="Logo Fédération" data-options="disable_for_touch:true">
</a>
</li>
</ul>
</menu>
<menu class="top-bar-right">
<ul class="menu icon-top" data-back-button="<li class='js-drilldown-back'><a tabindex='0'>Back</a></li>" data-responsive-menu="drilldown medium-dropdown">
<li>
<a href="[% c.url_for('home') %]" title="Accueil" data-tooltip class="left">
<img class="hide-for-small-only home_img" src="images/home.svg" alt="Accueil" data-options="disable_for_touch:true"/>
<label class="show-for-small-only">Accueil</label>
</a>
</li>
<li class="has-submenu" data-action="select_language">
<a href="#" title="[% c.loc("Language") %]">
<img class="lang_img" src="images/lang.svg" alt="[% c.loc("Language") %]" data-options="disable_for_touch:true"/>
<label class="show-for-small-only">[% c.loc("Language") %]</label>
</a>
<ul class="submenu vertical" data-submenu>
<li>
<a [% IF lh.language_tag() == "en" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'en') %]"[% END %] data-lang="en" title="English">
<img src="images/en.png" />
<label>English</label>
[% IF lh.language_tag() == "en" %]<span class="fa fa-check"></span>[% END %]
</a>
</li>
<li>
<a [% IF lh.language_tag() == "fr" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'fr') %]"[% END %] data-lang="fr" title="Français">
<img src="images/fr.png" />
<label>Français</label>
[% IF lh.language_tag() == "fr" %]<span class="fa fa-check"></span>[% END %]
</a>
</li>
</ul>
</li>
</ul>
</menu>
</nav>
</header>
<h1 class="row text-center">[% app.name %]</h1>
<main class="row">
[% content %]
</main>
<div class="scroll-top-wrapper ">
<span class="scroll-top-inner">
<i class="fa fa-2x fa-arrow-up"></i>
</span>
</div>
<footer>
<article class="hide-for-small-only">
<p class="row">
<span class="small-1 columns text-left"><img src="images/logo_renater_blanc.png"/></span>
<span class="small-5 columns text-left">Réseau National de télécommunications <br/>pour la Technologie l’Enseignement et la Recherche.</span>
<span class="small-5 columns text-right">
<a href="https://www.facebook.com/gip.renater" target="_blank">
<img src="images/facebook.svg" alt="Facebook" data-options="disable_for_touch:true"/>
</a>
<a href="https://twitter.com/RENATERnews" target="_blank">
<img src="images/twitter.svg" alt="Twitter" data-options="disable_for_touch:true"/>
</a>
</span>
</p>
</article>
<aside>
<p class="row small-collapse medium-uncollapse">
<span class="small-12 medium-5 columns text-left">© RENATER 2018 - [% c.loc("All rights reserved") %]</span>
<span class="small-12 medium-7 columns">
<a href="#" data-open="legal_reveal" title="[% c.loc("Legal mentions") %]">[% c.loc("Legal mentions") %]</a> |
<a href="#" data-open="about_reveal" title="[% c.loc("About") %]">[% c.loc("About") %]</a> |
<a id="feedback" class="tip-top" data-tooltip="" data-options="disable_for_touch:true" data-trigger-class="none"
aria-haspopup="true" target="_blank" href="https://feedback.renater.fr/?service=federation"
title="[% c.loc("Users feedback") %]">[% c.loc("Users feedback") %]</a> |
<a href="https://www.renater.fr/" target="_blank">www.renater.fr</a>
</span>
</p>
</aside>
</footer>
<div class="reveal" id="about_reveal" data-reveal>
<p class="text-center">[% app.name %] [% app.version %] - <a href="mailto:[% app.support_email %]">[% c.loc("contact us") %]</a></p>
</div>
<div class="reveal" id="legal_reveal" data-reveal>
<p class="text-center">[% c.loc("As part of the GÉANT 2020 Framework Partnership Agreement (FPA), this project receives funding from the European Union’s Horizon 2020 research and innovation programme under Grant Agreement No. 731122 (GN4-2)." ) %]</p>
</div>
</body>
</html>