CINXE.COM
Indico
<!DOCTYPE html> <html lang="en"> <head> <title>Indico</title> <meta charset="UTF-8"> <meta name="csrf-token" id="csrf-token" content="68b366b9-e306-4e72-ab78-e445fcbcc93e"> <link rel="shortcut icon" type="image/x-icon" href="/images/indico.ico"> <script type="text/javascript" src="/assets/i18n/en_GB.js"></script> <script type="text/javascript" src="/assets/i18n/en_GB-react.js"></script> <script type="text/javascript" src="/assets/js-vars/global.js"></script> <script src="/dist/js/exports.5e383485.bundle.js"></script> <script src="/dist/js/common-runtime.12255565.bundle.js"></script> <link rel="stylesheet" href="/dist/css/common.ce39233a.css" /> <script src="/dist/js/common.1f8f6399.bundle.js"></script> <script src="/dist/js/react.9336d640.bundle.js"></script> <script src="/dist/js/semantic-ui.32899e53.bundle.js"></script> <link rel="stylesheet" href="/dist/css/semantic-ui.03304b73.css" /> <link rel="stylesheet" href="/dist/css/jquery.dee9784c.css" /> <script src="/dist/js/jquery.5d22cf2d.bundle.js"></script> <link rel="stylesheet" href="/dist/css/main.46be3023.css" /> <script src="/dist/js/main.5da9bbb3.bundle.js"></script> <script src="/dist/js/outdatedbrowser.474403ac.bundle.js"></script> <link rel="stylesheet" href="/dist/css/outdatedbrowser.17d2ff9d.css" /> <link rel="stylesheet" href="/static/custom/css/header.css" /> </head> <body> <div class="wrapper"> <main class="main"> <div class="layout-wrapper login-page"> <div class="middle"> <div class="centered-column-wrapper"> <div class="centered-column"> <div class="login-container clearfix"> <img class="header-logo" src="/images/logo_indico.png"> <div id="flashed-messages" class="flashed-messages"></div> <div id="form-wrapper"> <form method="post" class=" disable-fields-if-locked horizontal " id="login-form" > <input id="csrf_token" name="csrf_token" type="hidden" value="ImI1ODhhMjc5NGJlMmVhNWQzYmRlZDEyMjE5OWIyOGU2OTY3ZGE2MTEi.Z1sMUw.bjEDx8ENRQNA2LemnZWx2ArK9oU"> <input type="hidden" name="_provider" value="jacow"> <input type="submit" id="hidden-submit" style="display: none;"> <input id="username" name="username" placeholder="Username" required type="text" value=""> <input id="password" name="password" placeholder="Password" required type="password" value=""> <div class="forgot-my-password"> <a href="https://oraweb.cern.ch/pls/jacow/profile.login">Forgot my password</a> </div> </form> </div> <button class="i-button login-form-button" data-provider="JACoW" data-href="/login/jacow/form">Login with JACoW</button> </div> <div class="link"> <a class="icon-prev" href="/">Back</a> </div> </div> <div class="footer "> <div class="flexrow f-j-space-between"> <div class="flexrow f-a-center f-self-stretch"> <img src="/images/indico_small.svg" class="footer-logo" alt="Indico"> <div class="f-self-no-shrink" style="margin-left: 1em;"> <span>Powered by <a href="https://getindico.io">Indico</a> <span class="version">v3.3.6-pre</span> </span> </div> </div> <ul class="footer-links"> <li> <a href="https://learn.getindico.io"> Help </a> </li> <li> <a href="/contact"> Contact </a> </li> </ul> <div class="footer-extra f-self-stretch"> </div> </div> </div> <div id="outdated-browser"></div> <script> (function() { 'use strict'; function loadLoginForm(url) { $.ajax({ url: url, error: handleAjaxError, success: function(data) { $('#form-wrapper').html(data.html); } }); } function focusForm() { $('#form-wrapper input:not(:hidden):not(:submit)').eq(0).focus(); } $('.login-page').on('click', '.i-button.login-form-button', function() { $('#hidden-submit').click(); }).on('click', '.i-button.provider-with-form', function() { var newLoginButton = $(this); var oldLoginButton = $('.login-form-button'); var diff = oldLoginButton.offset().top - newLoginButton.offset().top; var buttons = newLoginButton.add(oldLoginButton); buttons.prop('disabled', true); newLoginButton.animate({top: '+=' + diff}, function() { buttons.prop('disabled', false); focusForm(); }); newLoginButton.addClass('login-form-button'); newLoginButton.removeClass('provider-with-form'); oldLoginButton.animate({top: '-=' + diff}); oldLoginButton.addClass('provider-with-form'); oldLoginButton.removeClass('login-form-button'); newLoginButton.text($T('Login with {0}').format(newLoginButton.data('provider'))); oldLoginButton.text(oldLoginButton.data('provider')); loadLoginForm(newLoginButton.data('href')); }); focusForm(); })(); </script> </div> </div> </div> </main> </div> </body> </html>