blob: 43f1e276b04172bf361d5b8773e3adf2e50e85bd [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta name="copyright" content="Copyright (c) 2010,2012 IBM Corporation and others.">
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" type="text/css" href="css/landing.css" />
<script src="js/htmlAuth.js"></script>
<title>Login Page</title>
</head>
<body style="margin: 0; padding: 0; min-height:400px;">
<div class="orion-banner">
<div class="orion-nav-bar">
<div class="orion-logo"></div>
</div>
</div>
<div class="orion-login-container" id="login-window" style="display:none;min-height:400px;">
<div class="orion-landing-area">
<div id="errorWin" class="orion-error" style="visibility: hidden;" aria-atomic="true" aria-live="assertive">
<div id="errorMessage">&nbsp;</div>
</div>
<div class="orion-welcome-area">
<div class="orion-slogan">
<div class="orion-slogan-highlight">Tools for the web</div>
<div class="orion-slogan-lowlight">on the web</div>
</div>
<!-- div class="orion-welcome-area-text">
<h1>Welcome to Orion</h1>
<div class="orion-welcome-area-text-content">Orion is a web based developer platform supporting editing, testing and deploying web applictions. Orion has built in Git support. So create an
account, clone a repository to OrionHub and start editing</div>
</div -->
</div>
<div class="orion-login" id="orionLogin">
<div class="orion-login-header">Log in</div>
<form>
<div class="orion-input-holder">
<input type="text" class="orion-text-input" name="login" id="login" value="username" onclick='focusUserField(event)' title="Username or email" autocomplete="on"
autofocus="true" onkeypress="var event = window.event ? window.event : event ? event : evt; if (event.keyCode === 13){ confirmLogin() } else {return true;}">
</div>
<div class="orion-input-holder">
<input name="password" type="text" id="password" class="orion-text-input" value="password" onfocus='focusPasswordField(event)' title="Password"
onkeypress="var event = window.event ? window.event : event ? event : evt; if (event.keyCode === 13) { confirmLogin() } else {return true;}">
</div>
<div class="orion-login-button-holder">
<input type="button" name="password" type="password" id="password" class="orion-login-button" onclick='confirmLogin();' value="Sign in" tabindex="0">
</div>
<div class="orion-login-forgot-holder" style="display:none;">
<a id="resetUserLink" class="orion-forgot-password" style="font-size: 0.85em;" href="javascript:showResetUser();">Forgot password?</a>
</div>
</form>
</div>
<div class="orion-register" id="orionRegister">
<div class="orion-register-header">New to Orion?</div>
<form>
<div class="orion-login-button-holder">
<input type="button" class="orion-register-button" value="Register" onclick='revealRegistration();' tabindex="0">
</div>
</form>
</div>
<div class="orion-signup" id="newUserHeaderShown" style="padding: 10px; visibility: hidden;">
<div class="orion-login-header">Create an account</div>
<form>
<div class="orion-register-input-holder">
<input type="text" class="orion-text-input" value="username" title="Username or email" autocomplete="on" onclick='focusUserField(event)' autofocus="autofocus" id="create_login">
</div>
<div class="orion-register-input-holder">
<input type="text" class="orion-text-input" value="password" title="password" autocomplete="on" onfocus='focusPasswordField(event)' id="create_password" aria-required="true"
onkeyup="var event = window.event ? window.event : event ? event : evt; if (event.keyCode === 13) { confirmCreateUser(); } else {validatePassword();}">
</div>
<div class="orion-register-input-holder">
<input type="text" class="orion-text-input" value="retype password" title="retype password" autocomplete="on" onfocus='focusPasswordField(event)' name="passwordRetype" id="create_passwordRetype"
aria-required="true" onkeyup="var event = window.event ? window.event : event ? event : evt; if (event.keyCode === 13) { confirmCreateUser(); } else {validatePassword();}">
</div>
<div class="orion-login-button-holder">
<input type="button" class="orion-login-button" value="Sign up" tabindex="0" onClick="confirmCreateUser()">
</div>
<div style="padding-right: 5px;"></div>
<div class="orion-login-button-holder">
<input type="button" class="orion-cancel-button" value="Cancel" tabindex="0" onclick="hideRegistration()">
</div>
</form>
</div>
<div class="orion-open" id="orionOpen">
<!-- div class="orion-or-div">or</div><input type="submit" class="orion-google-button" value="Sign in with Google"><input type="submit" class="orion-openid-button" value="Sign in with OpenId" -->
<div id="openIDLogin" class="orion-open-header">Log in with:</div>
<div class="orion-open-images">
<a class="loginWindow googleIcon" href="javascript:confirmOpenId('https://www.google.com/accounts/o8/id')" aria-labelledby="openIDLogin googleLogin">
<div id="googleLogin" class="googleIcon" alt="Google" title="Google"></div>
</a>
<a class="loginWindow" href="javascript:confirmOpenId('http://me.yahoo.com')" aria-labelledby="openIDLogin yahooLogin">
<div id="yahooLogin" class="yahooIcon" alt="Yahoo!" title="Yahoo!"></div>
</a>
<a class="loginWindow" href="javascript:confirmOpenId('http://openid.aol.com/')" aria-labelledby="openIDLogin aolLogin">
<div id="aolLogin" class="aolIcon" alt="AOL" title="AOL"></div>
</a>
<a class="loginWindow" href="javascript:confirmOpenId('http://myopenid.com')" aria-labelledby="openIDLogin myopenidLogin">
<div id="myopenidLogin" class="openIdIcon" alt="myOpenID" title="myOpenID"></div>
</a>
</div>
</div>
</div>
<div id="resetUser" style="display: none">
<div id="resetUserHr" class="hrloginWindow"></div>
<h3 class="loginWindow" id="newResetUserHeaderShown">Reset Orion Account</h3>
<p class="loginWindow" style="margin-left: 20px; margin-right: 20px;">You can reset your password providing your email OR your account name.</p>
<table class="loginWindow" role="presentation">
<tr>
<td class="loginWindow"><label class="loginWindow" id="resetLabel" for="reset">Account name: </label></td>
<td class="loginWindow"><input class="loginWindow" id="reset">
</td>
</tr>
<tr>
<td class="loginWindow"><label class="loginWindow" id="emailLabel" for="resetEmail">Email: </label></td>
<td class="loginWindow"><input class="loginWindow" id="resetEmail" type="email"></td>
</tr>
<tr id="reset_errorWin" style="display: none;" aria-atomic="true" aria-live="assertive">
<td colspan=2>
<ul id="reset_errorList">
<li id="reset_errorMessage">&nbsp;</li>
</ul></td>
</tr>
<tr>
<td class="loginWindow loginWindowButtonTd" colspan=2>
<button type='button' class="loginWindow" onclick="hideResetUser();">Cancel</button>
<button class="loginWindow" type="submit" onclick="confirmResetUser()" value=OK>Reset</button></td>
</tr>
</table>
</div>
</div>
</body>
</html>