codebits_users/index.html at master · hellcore/codebits_users · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Codebits Users</title>
        <meta name="description" content="">
		<meta name="viewport" content="width=device-width initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<!-- Favicon.ico placeholder -->
		<link rel="shortcut icon" href="imgs/ink-favicon.ico">

		<!-- Apple icon placeholder -->
		<link rel="apple-touch-icon-precomposed" href="imgs/touch-icon.57.png">
		<link rel="apple-touch-icon-precomposed" sizes="72x72" href="imgs/touch-icon.72.png">
		<link rel="apple-touch-icon-precomposed" sizes="114x114" href="imgs/touch-icon.114.png">

		<!-- Apple splash screen placeholder -->
		<link rel="apple-touch-startup-image" href="imgs/splash.320x460.png" media="screen and (min-device-width: 200px) and (max-device-width: 320px) and (orientation:portrait)">
		<link rel="apple-touch-startup-image" href="imgs/splash.768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
		<link rel="apple-touch-startup-image" href="imgs/splash.1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">

		<!-- Stylesheets -->
		<link rel="stylesheet" href="./css/ink.css">
		<!--[if IE]>
			<link rel="stylesheet" href="./css/ink-ie.css" type="text/css" media="screen" title="no title" charset="utf-8">
		<![endif]-->
		        <script src="js/vendor/modernizr-2.6.2.min.js"></script>

		<!-- Javascripts -->
		<!-- Sorry guys I'm not yet versed in the library to get this to load asyncronously -->
		<script type="text/javascript" src="http://js.sapo.pt/Bundles/Ink-v1.js"></script>
		<script type="text/javascript" src="http://js.sapo.pt/SAPO/Communication/JsonP/0.1/"></script>
		<script type="text/javascript" src="http://js.sapo.pt/SAPO/Utility/Cache/0.1/"></script>
		<script type="text/javascript" src="http://js.sapo.pt/SAPO/Utility/FormSerialize/0.1/"></script>
		<script type="text/javascript" src="http://js.sapo.pt/SAPO/Utility/Cookie/0.1/"></script>
		<script type="text/javascript" src="http://js.sapo.pt/SAPO/Effects/Core/1.1/"></script>
		<script type="text/javascript" src="http://js.sapo.pt/SAPO/Effects/Slide/1.1/"></script>
	</head>
	<body>
	<!-- Google Chrome frame for Pre-historic "browsers" -->
   	<!--[if lt IE 8]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
		<!-- Add your site or application content here -->
		<header class="ink-container ink-for-l">
			<div class="ink-vspace">
				<h1 class="">Amazing Codebits Users!</h1>
			</div>
		</header>
		<div class="ink-container ink-vspace">
			<div class="ink-vspace">
				<p class="">Login at will. It's all Ajax + HTML. No PHP or persistent storage involved. Only cookies to store your Codebits API Session.</p>
			</div>
			<div class="ink-vspace ink-row">
			<div class="ink-l33 ink-m33 s33"><p></p></div>
                <form id="login" class="ink-form block ink-l33 ink-m33 s100" style="background-color:#EEE; padding:10px;">
                <fieldset>
                    <h4>Codebits Login</h4>
                    <div id="messages"></div>
                    <div class="control required">
                        <label for="emailInput">Email</label>
                        <input placeholder="Your Email Here" required="required" type="email" name="user" id="emailInput">
                    </div>
                    <div class="control required">
                        <label for="passwordInput">Password</label>
                        <input  placeholder="Hidden" required="required" type="password" name="password" id="passwordInput">
                    </div>
                    <div class="control">
                        <input type="submit" class="ink-button info">
                    </div>
                <fieldset>
				</form></div>
			<table id="t2" class="ink-zebra"></table>
			<div id="xpto" class="hidden"></div>
	<script type="text/javascript" src="./js/exercise.js"></script>
	</body>
</html>