Skip to content
Snippets Groups Projects
index.tt2.html 7.81 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>RENATER Access Check</title>
    </head>

    <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>
                <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>
        <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">&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>