<!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=UTF-8">
		<link rel="stylesheet" type="text/css" href="css/landing.css" />
		<script src="../requirejs/require.js"></script>
		
		<style>		
		/* Use the parent of the editor to control its size. */
		
		#myEditor {
			border: 1px solid #ddd;
			position: relative;
			width: 100%;
			height: 400px;
		}
		
		/*
		 * Use this class (textview) to control the font-size, font-family, etc
		 */
		.textview {
			font-size: 30pt;
		}
		
		textarea {
			width: 100%;
			height: 100%;
		}
		</style>

		<script type="text/javascript">
			/*eslint-env browser, amd*/
			require({
			  baseUrl: '..',

			  // set the paths to our library packages
			  packages: [],
			  paths: {
				  text: 'requirejs/text',
				  i18n: 'requirejs/i18n',
				  domReady: 'requirejs/domReady'
			  }
			});
			require(["mixloginstatic/LoginWindow"]);
		</script>

		<script>
			/*******************************************************************************
			 * @license
			 * Copyright (c) 2010, 2015 IBM Corporation and others.
			 * All rights reserved. This program and the accompanying materials are made 
			 * available under the terms of the Eclipse Public License v1.0 
			 * (http://www.eclipse.org/legal/epl-v10.html), and the Eclipse Distribution 
			 * License v1.0 (http://www.eclipse.org/org/documents/edl-v10.html). 
			 ******************************************************************************/
			
			/* keywords */
				class, const, 
				debugger, delete, 
				enum, export, extends,
				function,
				implements, import, in, instanceof, interface,
				let,
				new,
				package, private, protected, public,
				static, super,
				typeof,
				var, void,
				with
			
			/* controlKeywords */
				break,
				case, catch, continue,
				default, do,
				else,
				finally, for,
				if,
				return,
				switch,
				throw, try,
				while,
				yield
			
			/* constants */
			false, null, true, undefined
				
			var multilineString1 = "line 1\
				line2\
				'line3'\
				\
				line5";
			
			var multilineString2 = 'line 1\
				line2\
				"line3"\
				\
				line5';
			
			var hexNumber = 0xFFFF;
			var decimalNumber = -12e34.56e78;
			var regexp = /as(d)*f/g;
			
			/*eslint-env browser, amd*/
			define("orion/editor/textView", [  //$NON-NLS-0$
				'i18n!orion/editor/nls/messages', //$NON-NLS-0$
			], function(messages, mTextModel, mKeyModes, mEventTarget, mTextTheme, textUtil, util, mMetrics) {
			
				/** @private */
				function getWindow(document) {
					return document.defaultView || document.parentWindow;
				}
				function newArray(length) {
					return new Array(length);
				}
				var addHandler = textUtil.addEventListener;
				var removeHandler = textUtil.removeEventListener;
				/** @private */	/* etc... */		
		</script>

		<title>Orion Login Page</title>
	</head>
	<body style="margin: 0; padding: 0;" tabindex="-1">
		<div class="orion-banner">
			<div class="orion-nav-bar">
				<header class="orion-logo" role="banner"></header>
				<nav role="navigation">
					<a class="orion-rss-link" href="http://planetorion.org/news/" target="_blank" title="Orion News" alt="Orion News" tabindex="100"></a>
					<a class="orion-twitter-link" href="http://twitter.com/orionhub" target="_blank" title="Orion Twitter" alt="Orion Twitter" tabindex="99"></a>
				</nav>
			</div>
		</div>
		<div class="orion-login-container" id="login-window" style="display:none;">
			<div class="orion-landing-area" role="main">
				<aside id="orionInfoArea" class="orion-info" style="visibility: hidden;" tabindex="0" role="complementary" aria-atomic="true" aria-live="assertive">
						<div id="orionInfoLink" class="orion-info-link"><a href="/mixloginstatic/ServerStatus.html"> [more info...]</a></div>
				</aside>
				<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>
				<div class="orion-login" id="orionLoginForm" style="visibility: hidden;">
					<div id="orion-login-header" class="orion-form-header">Log in</div>
					<form>
						<div class="orion-input-holder">
							<input name="password" type="password" id="password" class="orion-text-input" placeholder="password" title="Password">
						</div>
						<div class="orion-login-button-holder">
							<input type="button" id="cancelLoginButton" class="orion-cancel-button" value="Cancel" tabindex="0">
						</div>

						<div class="orion-login-forgot-holder">
							<a id="resetUserLink" class="orion-forgot-password">Forgot password?</a>
						</div>
					</form>
				</div>

				<div class="orion-signup" id="newUserHeaderShown" style="visibility: hidden;">
					<div id="orion-signup-header" class="orion-form-header">Create an account</div>
					<form>
						<div class="orion-register-input-holder">
							<input type="password" class="orion-text-input" placeholder="password" title="Password" autocomplete="on" id="create_password" aria-required="true">
						</div>
						<div class="orion-register-input-holder">
							<input type="text" class="orion-text-input" placeholder="email" title="Email" autocomplete="on" name="email" id="create_email" aria-required="true">
						</div>
						<div class="orion-login-button-holder">
							<input id="hideRegisterButton" type="button" class="orion-cancel-button" value="Cancel" tabindex="0">
						</div>

					</form>
				</div>
				<div class="orion-signup orion-signup-linked" id="createLinkedHeaderShown" style="visibility: hidden;">
					<div id="orion-create-linked-header" class="orion-form-header">Create a linked account</div>
					<form>
						<div class="orion-register-input-holder">
							<label>Email:</label>
							<div style="padding-right: 5px;"></div>
							<input type="text" class="orion-text-input" placeholder="email" title="Email" autocomplete="on" name="email" id="create_linked_email" aria-required="true">
						</div>
						<div class="orion-login-button-holder">
							<input id="hideLinkedRegisterButton" type="button" class="orion-cancel-button" value="Cancel" tabindex="0">
						</div>

					</form>
				</div>
				<div class="orion-reset" id="orionReset" style="visibility: hidden; height: 212px;">
					<div id="orion-reset-header" class="orion-form-header">Reset Orion account</div>
					<div class="orion-reset-note">Provide your username or email to reset your password.</div>
					<form>
						<div class="orion-reset-input-holder">
							<input type="text" class="orion-text-input" id="reset" placeholder="username" autocapitalize="off">
						</div>
						<div class="orion-login-button-holder">
							<input type="button" id="sendResetButton" class="orion-send-button" tabindex="0" value="Send">
						</div>
					</form>
				</div>

				<div class="orion-open" id="orionOpen" style="visibility: visible;" tabindex="-1">
					<div id="existingAccountLogin" class="orion-sheet-header" tabindex="-1">Have an account? Sign in:</div>
					<div class="orion-open-images" tabindex="-1">
						<a id="orionLogin" href="#orionLoginForm" class="loginIcon orionLoginIcon" tabindex="0">
							Sign in with existing Orion account
						</a>
					</div>
				</div>

				<div class="orion-register" id="orionRegister">
					<div id="orion-register-header" class="orion-sheet-header">Need an account?</div>
					<form>
						<input id="registerButton" type="button" class="orion-register-button" value="Create a new account" tabindex="0">
					</form>
				</div>
			</div>
		</div>
	</body>
</html>
