diff --git a/templates/renater/web/index.tt2.html b/templates/renater/web/index.tt2.html index fc92a89f4b0d5bafc371a40a0b7905d0239848fe..16b577ec3a1a4b745ca22942c3471347591345d6 100644 --- a/templates/renater/web/index.tt2.html +++ b/templates/renater/web/index.tt2.html @@ -29,101 +29,104 @@ <body> <div class="background"></div> <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="[% app.url %]" title="Accueil"> - <img src="images/logo-federation.svg" alt="Logo Fédération" data-options="disable_for_touch:true"> - </a> - </div> + <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="[% app.url %]" title="Accueil"> + <img src="images/logo-federation.svg" alt="Logo Fédération" data-options="disable_for_touch:true"> + </a> </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="[% app.url %]" 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="[% app.url %]" 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> - <!-- SUPPORT --> - <!--<li class="has-submenu">--> - <!--<a href="#" title="Support" data-tooltip class="left">--> - <!--<img class="hide-for-small-only support_img" src="images/support.svg" alt="Support" data-options="disable_for_touch:true"/>--> - <!--<label class="show-for-small-only">Support</label>--> - <!--</a>--> + </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="[% app.url %]" 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="[% app.url %]" 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> + <!-- SUPPORT --> + <!--<li class="has-submenu">--> + <!--<a href="#" title="Support" data-tooltip class="left">--> + <!--<img class="hide-for-small-only support_img" src="images/support.svg" alt="Support" data-options="disable_for_touch:true"/>--> + <!--<label class="show-for-small-only">Support</label>--> + <!--</a>--> + + <!--<ul class="submenu vertical" data-submenu>--> + <!--<li>--> + <!--<a href="user_guide">--> + <!--<label>Guide utilisateur</label>--> + <!--</a>--> + <!--</li>--> + <!--<li>--> + <!--<a href="faq">--> + <!--<label>FAQ</label>--> + <!--</a>--> + <!--</li>--> + <!--</ul>--> + <!--</li>--> + <!-- Contact --> + <!--<li>--> + <!--<a href="/contacts" title="Contact" data-tooltip class="left">--> + <!--<img class="hide-for-small-only home_img" src="images/contact.svg" alt="Contact" data-options="disable_for_touch:true"/>--> + <!--<label class="show-for-small-only">Contact</label>--> + <!--</a>--> + <!--</li>--> + </ul> + </menu> + </nav> + </header> + + <h1 class="row text-center">RENATER Access Check</h1> - <!--<ul class="submenu vertical" data-submenu>--> - <!--<li>--> - <!--<a href="user_guide">--> - <!--<label>Guide utilisateur</label>--> - <!--</a>--> - <!--</li>--> - <!--<li>--> - <!--<a href="faq">--> - <!--<label>FAQ</label>--> - <!--</a>--> - <!--</li>--> - <!--</ul>--> - <!--</li>--> - <!-- Contact --> - <!--<li>--> - <!--<a href="/contacts" title="Contact" data-tooltip class="left">--> - <!--<img class="hide-for-small-only home_img" src="images/contact.svg" alt="Contact" data-options="disable_for_touch:true"/>--> - <!--<label class="show-for-small-only">Contact</label>--> - <!--</a>--> - <!--</li>--> - </ul> - </menu> - </nav> - </header> - <h1 class="row text-center">RENATER Access Check</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> + <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> + <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 <?php echo date('Y') ?> - Tous droits réservés</span> - <span class="small-12 medium-7 columns"> - <a href="legal" title="Mentions légales">Mentions légales</a> | - <!--<a href="user_guide" title="Aide">Aide</a> |--> - <a href="#" data-open="about_reveal" title="À propos">À propos</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="Retour utilisateurs">Retour utilisateurs</a> | - <a href="https://www.renater.fr/" target="_blank">www.renater.fr</a> - </span> + <span class="small-12 medium-5 columns text-left">© RENATER <?php echo date('Y') ?> - Tous droits réservés</span> + <span class="small-12 medium-7 columns"> + <a href="legal" title="Mentions légales">Mentions légales</a> | + <!--<a href="user_guide" title="Aide">Aide</a> |--> + <a href="#" data-open="about_reveal" title="À propos">À propos</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="Retour utilisateurs">Retour utilisateurs</a> | + <a href="https://www.renater.fr/" target="_blank">www.renater.fr</a> + </span> </p> </aside> </footer>