Skip to content
Snippets Groups Projects
index.tt2.html 7.91 KiB
Newer Older
<!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>eduGAIN Access Check</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="[% app.url %]" title="Accueil">
                        <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="[% 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>
                        <li class="has-submenu" data-action="select_language">
                            <a href="#" title="[% lh.maketext("Language") %]">
                                <img class="lang_img" src="images/lang.svg" alt="[% lh.maketext("Language") %]" data-options="disable_for_touch:true"/>
                                <label class="show-for-small-only">[% lh.maketext("Language") %]</label>
                            </a>
                            <ul class="submenu vertical" data-submenu>
                                <li>
                                    <a
[% IF lh.language_tag() == "en" %]
                                        class="nocursor"
[% ELSE %]
                                        href="[% app.url %]?action=[% action %]&federation=[% federation %]&entityid=[% entityid %]&email=[% email %]&token=[% token %]&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="[% app.url %]?action=[% action %]&federation=[% federation %]&entityid=[% entityid %]&email=[% email %]&token=[% token %]&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>
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                    </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">
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">
Guillaume ROUSSE's avatar
Guillaume ROUSSE committed
                    <span class="small-12 medium-5 columns text-left">&copy; 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>
        <div class="reveal" id="about_reveal" data-reveal>
            <p class="text-center">eduGAIN Access Check [% app.version %] - <a href="mailto:[% app.support_email %]">contactez nous</a></p>
        </div>
    </body>
</html>