<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Pundit</title>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://apis.google.com/js/client:platform.js" async defer></script>
<!-- Css -->
<link rel="stylesheet" href="https://app.thepund.it/css/style.css" />
<link rel="stylesheet" href="https://app.thepund.it/css/login.css" />
<link rel="stylesheet" href="https://app.thepund.it/css/temporary.css" />
<!-- Mobile view -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="https://app.thepund.it/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://app.thepund.it/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://app.thepund.it/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://app.thepund.it/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://app.thepund.it/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://app.thepund.it/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://app.thepund.it/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://app.thepund.it/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://app.thepund.it/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="https://app.thepund.it/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://app.thepund.it/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="https://app.thepund.it/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://app.thepund.it/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="https://app.thepund.it/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="https://app.thepund.it/favicon/manifest.json">
<link rel="mask-icon" href="https://app.thepund.it/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://app.thepund.it/favicon.ico">
<meta name="theme-color" content="#ffffff">
<meta name="apple-mobile-web-app-title" content="Pundit">
<meta name="application-name" content="Pundit">
<meta name="msapplication-TileImage" content="https://app.thepund.it/favicon/mstile-144x144.png">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="https://app.thepund.it/favicon/browserconfig.xml">
<!-- END // Favicon -->
<!-- fontawesome kit -->
<!-- <script src="https://kit.fontawesome.com/5864f6eef9.js" crossorigin="anonymous"></script> -->
<style>
.loading {
pointer-events: none;
opacity: 0.5;
}
</style>
<script>
var throwPageLoadedEvent = true;
var postMessageHost = "*";
</script>
<script src="https://apis.google.com/js/platform.js"></script>
</head>
<body class="pnd-login pnd-dashboard-login">
<div class="pnd-login-content-wrapper">
<div class="pnd-login-content">
<div class="pnd-form-logo"></div>
<form id="loginForm" class="pnd-form" method="POST" action="https://app.thepund.it/login">
<input type="hidden" name="_token" value="JwEmB2QgNLNriLmSKqkI3lH2DwG42HLL4KnwAGpe"> <h1>Login to your Pundit account</h1>
<!--<h2>Insert your email and password or log in with your Google or Facebook account</h2>-->
<div class="pnd-form-block pnd-text-align-left">
<label for="username" class="required">Email</label>
<input type="email" id="email" name="email" value="" placeholder="Insert your email..." required autocomplete="email" autofocus>
</div>
<div class="pnd-form-block pnd-text-align-left">
<label for="password" class="required">Password</label>
<input type="password" id="password" name="password" placeholder="..and your password" required autocomplete="current-password">
</div>
<div class="pnd-btn pnd-btn-medium pnd-btn-margin-top pnd-btn-width-140" id="_submit">
<div class="slim-loader">
<span id="loginButton" onclick="$('#loginForm').submit();">Login</span>
</div>
</div>
<hr />
<div class="pnd-form-block pnd-small">
<p>
<a href="https://app.thepund.it/password/reset">Lost your password? No panic :)</a>
</p>
</div>
<hr />
<div id="gplusButton" class="pnd-btn pnd-btn-social pnd-btn-icon pnd-btn-google">
<!--<i class="fa fa-google-plus"></i>-->
<span onclick="window.location.href='https://app.thepund.it/login/google'">Log in with Google</span>
</div>
<div id=" fbButton" class="pnd-btn pnd-btn-social pnd-btn-icon pnd-btn-facebook">
<!--<i class="fa fa-facebook"></i>-->
<span onclick="window.location.href='https://app.thepund.it/login/facebook'">Log in with Facebook</span>
</div>
<div id="egiButton" class="pnd-btn pnd-btn-social pnd-btn-icon pnd-btn-egi">
<span onclick="window.location.href='https://app.thepund.it/login/egi'">Log in with EGI</span>
</div>
<hr />
<p>Don' t have a <strong>Pundit</strong>
account yet?
<br />
<a href="/register">Register here</a>
</p>
</form>
</div>
<!-- END // .pnd-login-content -->
<!-- Login footer -->
<p class="pnd-login-footer">
Pundit © 2024 • <a href="http://thepund.it/" target="_blank">Pundit web site</a> •
<a href="http://thepund.it/annotator" target="_blank">Get Pundit Annotator</a>
</p>
<!-- END // Login footer -->
</div>
<!-- END // .pnd-login-content-wrapper -->
<script>
span = document.getElementsByTagName('span');
for (var i = 0; i < span.length; i++) {
span[i].addEventListener('click', addStyle);
}
function addStyle() {
document.body.style.cursor = 'wait';
document.getElementById('loginButton').classList.add('loading');
document.getElementById('gplusButton').classList.add('loading');
document.getElementById(' fbButton').classList.add('loading');
document.getElementById('egiButton').classList.add('loading');
setInterval(removeLoading, 10000);
}
function removeLoading() {
document.body.style.cursor = 'default';
document.getElementById('loginButton').classList.remove('loading');
document.getElementById('gplusButton').classList.remove('loading');
document.getElementById(' fbButton').classList.remove('loading');
document.getElementById('egiButton').classList.remove('loading');
}
</script>
</body>
</html>