Indico

<!DOCTYPE html> <html> <head> <title>Indico</title> <meta charset="UTF-8"> <meta name="csrf-token" id="csrf-token" content="00000000-0000-0000-0000-000000000000"> <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> window.CKEDITOR_BASEPATH = "/dist/js/ckeditor/"; </script> <link rel="stylesheet" href="/dist/css/common.e3dd657d.css" /> <script src="/dist/js/common.5bc73c7e.bundle.js"></script> <script src="/dist/js/react.4555d9a9.bundle.js"></script> <script src="/dist/js/semantic-ui.ab733867.bundle.js"></script> <link rel="stylesheet" href="/dist/css/semantic-ui.02682f3b.css" /> <link rel="stylesheet" href="/dist/css/jquery.fa4a03eb.css" /> <script src="/dist/js/jquery.839317d7.bundle.js"></script> <link rel="stylesheet" href="/dist/css/main.28a4142a.css" /> <script src="/dist/js/main.861b13fa.bundle.js"></script> <script src="/dist/js/outdatedbrowser.b539dbe9.bundle.js"></script> <link rel="stylesheet" href="/dist/css/outdatedbrowser.b43fe041.css" /> </head> <body> <div class="wrapper"> <div 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="00000000-0000-0000-0000-000000000000"> <input type="hidden" name="_provider" value="indico"> <input type="submit" id="hidden-submit" style="display: none;"> <input id="identifier" name="identifier" placeholder="Username" required type="text" value=""> <input id="password" name="password" placeholder="Password" required type="password" value=""> <div class="forgot-my-password"> <a href="/reset-password/">Forgot my password</a> </div> </form> </div> <button class="i-button login-form-button" data-provider="Indico" data-href="/login/indico/form">Login with Indico</button> </div> <p class="register"> If you do not have an Indico account yet, you can <a href="/register/">create one here</a>. </p> <div class="link"> <a class="icon-prev" href="/">Back</a> </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.png" class="footer-logo" alt="Indico"> <div class="f-self-no-shrink" style="margin-left: 1em;">  </div> </div> <ul class="footer-links"> <li> <a href="https://learn.getindico.io">  </a> </li> <li> <a href="/contact"> Contact </a> </li> <li> <a href="/tos" data-title="Terms and conditions" data-href="/tos" data-ajax-dialog data-hide-page-header data-close-button> Terms and conditions </a> </li> <li> <a href="/privacy" data-title="Privacy Policy" data-href="/privacy" data-ajax-dialog data-hide-page-header data-close-button> Privacy </a> </li> </ul> <div class="footer-extra f-self-stretch"> </div> </div> </div> <div id="outdated-browser"></div> </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> </div> </div> </body> </html>

CINXE.COM

Indico