forked from 55minutes/css3-foundation
/
login.html
133 lines (112 loc) · 5.31 KB
/
login.html
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<!-- stylesheets -->
<!-- for all screen sizes -->
<link rel="stylesheet" type="text/css" media="all" href="styles-compiled/application.css"/>
<!-- for progressively larger displays -->
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 480px)" href="styles-compiled/480.css"/>
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 768px)" href="styles-compiled/768.css"/>
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 1024px)" href="styles-compiled/1024.css"/>
<link rel="stylesheet" type="text/css" media="only screen and (min-width: 1200px)" href="styles-compiled/1200.css"/>
<!-- conditional comments -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="all" href="styles-compiled/ie.css" />
<![endif]-->
<!-- print stylesheet -->
<link rel="stylesheet" type="text/css" media="print" href="styles-compiled/print.css"/>
<!-- external styles -->
<!-- <link rel="stylesheet" type="text/css" media="all" href="scripts/lib/jquery-ui/1.8.16/themes/redmond/jquery-ui.redmond.css"/> -->
<!-- Favicons and touch icons -->
<!-- For iPhone 4 -->
<link href="images/apple-touch-icon-large.png" rel="apple-touch-icon-precomposed" sizes="114x114" type="image/png"/>
<!-- For iPad 1 -->
<link href="images/apple-touch-icon-medium.png" rel="apple-touch-icon-precomposed" sizes="72x72" type="image/png"/>
<!-- For iPhone 3G, iPod Touch and Android -->
<link href="images/apple-touch-icon-small.png" rel="apple-touch-icon-precomposed" type="image/png"/>
<!-- For Nokia -->
<link href="images/apple-touch-icon-small.png" rel="shortcut icon"/>
<!-- For everything else -->
<link href="favicon.png" rel="shortcut icon" type="image/png"/>
<link href="favicon.ico" rel="shortcut icon"/>
<!-- header javascript -->
<!-- stand-alone utilities -->
<script type="text/javascript" src="scripts/lib/fiftyfive-utils/55_utils.js">
</script>
<script type="text/javascript">
document.getElementsByTagName("html")[0].className += fiftyfive.util.getIEClass();
</script>
<title>Please log in</title>
</head>
<body id="login">
<section id="unsupported-browser-warning">
<!-- Use this if you want to allow the user to hide the warning after it's been shown. -->
<!-- <a class="dismiss" href="javascript:;">Dismiss</a> -->
<h1>Your browser is not supported.</h1>
<p>«Your application name here» works best with modern browsers like <span class="keep-together">Safari/MobileSafari 3</span>, <span class="keep-together">Chrome 10</span>, <span class="keep-together">Firefox 4</span>, <span class="keep-together">Internet Explorer 8</span> and newer. If you use another browser, please note that you may encounter visual glitches or other problems.
</section> <!-- /#unsupported-browser-warning -->
<div id="page" class="group">
<h1>Please log in</h1>
<form method="post">
<fieldset class="stacked login">
<div class="field">
<label for="email">Email</label>
<input type="email" id="email" placeholder="me@example.com"
autocapitalize="off" autocorrect="off" autofocus="autofocus" />
</div> <!-- /.field -->
<div class="field">
<label for="password">Password</label>
<input type="password" id="password" />
</div> <!-- /.field -->
<div class="button-bar group">
<input type="submit" value="Log in" />
<a href="javascript:;">I forgot my password</a>
</div> <!-- /.button-bar -->
</fieldset> <!-- /.login -->
</form>
<footer>
© 2012 55 Minutes.
</footer>
</div> <!-- /#page -->
<!-- all other javascript goes at the end of the body -->
<!-- libraries -->
<script type="text/javascript" src="scripts/lib/jquery.js">
</script>
<!-- <script type="text/javascript" src="scripts/lib/jquery-ui.js">
</script> -->
<script type="text/javascript" src="scripts/lib/jquery-ui.widget.js">
</script>
<!-- utilities and library extensions -->
<!-- uncomment as necessary -->
<!-- <script type="text/javascript" src="scripts/lib/fiftyfive-utils/cookies.js">
</script>
<script type="text/javascript" src="scripts/lib/fiftyfive-utils/dump.js">
</script>
<script type="text/javascript" src="scripts/lib/fiftyfive-utils/strftime.js">
</script> -->
<script type="text/javascript" src="scripts/lib/fiftyfive-utils/feature-detect.js">
</script>
<!-- <script type="text/javascript" src="scripts/lib/fiftyfive-utils/jquery.55_utils.js">
</script> -->
<script type="text/javascript" src="scripts/lib/fiftyfive-utils/jquery.ui.forminputplaceholdertext.js">
</script>
<!-- <script type="text/javascript" src="scripts/lib/fiftyfive-utils/jquery.ui.unsupportedbrowserwarning.js">
</script> -->
<script type="text/javascript" src="scripts/common.js">
</script>
<!-- page- or feature-specific javascript -->
<script type="text/javascript" src="scripts/login.js">
</script>
<!-- onload javascript -->
<script type="text/javascript">
(function($) {
$(function() {
FiftyfiveExample.commonInit();
});
})(jQuery);
</script>
</body>
</html>