Skip to content
Snippets Groups Projects
index.html.tt2 7.72 KiB
Newer Older
<!doctype html>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
<html lang="[% l10n.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 src="jquery-3.3.1.min.js"></script>
        <script src="jquery-ui-1.12.1/jquery-ui.min.js"></script>
        <script src="jquery-validation-1.17.0.min.js"></script>
        <script src="foundation/js/vendor/what-input.js"></script>
        <script src="foundation/js/vendor/foundation.min.js"></script>
        <script src="js/startup.js"></script>
        <title>[% app.name %]</title>
    </head>

    <body>
        <header>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
            <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">
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                        <img src="images/logo-federation.svg" alt="Logo Fédération" data-options="disable_for_touch:true">
                    </a>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
            </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">
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                                <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">
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                            <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 l10n.language_tag() == "en" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'en') | html %]"[% END %] data-lang="en" title="English">
                                        <img src="images/en.png" />
                                        <label>English</label>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                                        [% IF l10n.language_tag() == "en" %]<span class="fa fa-check"></span>[% END %]
                                    <a [% IF l10n.language_tag() == "fr" %]class="nocursor"[% ELSE %]href="[% c.url_with().query(lang => 'fr') | html %]"[% END %] data-lang="fr" title="Français">
                                        <img src="images/fr.png" />
                                        <label>Français</label>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                                        [% IF l10n.language_tag() == "fr" %]<span class="fa fa-check"></span>[% END %]
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                    </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">
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                <i class="fa fa-2x fa-arrow-up"></i>
            </span>
        </div>

        <footer>
            <article class="hide-for-small-only">
                <p class="row">
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                    <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">&copy; RENATER 2018 - [% c.loc("All rights reserved") %]</span>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                    <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> |
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                        <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> |
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                        <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 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>