FirstClassPlus/client.html at master · CoursesPlus/FirstClassPlus · 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
<!DOCTYPE html>
<html>
	<head>
		<title>FirstClassPlus</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/client.css" />

		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/fclib.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript">
			$('.form-control').on('focus blur', function (e) {
    		$(this).parents('.form-group').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
			}).trigger('blur');
		</script>
	</head>
	<body>
		<div id="welcome" class="page">
			<h3>FirstClass<strong>Plus</strong></h3>
			<h1>Welcome!</h1>
			<div id="loginform">
				<h4>Please log in</h4>
				<input type="text" id="username" name="username" placeholder="Username" class="form-control username"/>

				<input type="password" id="password" name="password" placeholder="Password" class="form-control password"/>
				<div class="checkbox">
          			<label>
           		    	<input type="checkbox"> Save My Password.
          			</label>
          		</div>
				<br>
				<button id="login" class="btn btn-primary">Log in</button>
				<br />
				<small>Server: The Dalton School (forum.dalton.org)</small>
			</div>
		</div>
		<div id="client" class="page hidden">
			<nav class="topnav">
				<div class="pull-left">FirstClass<strong>Plus</strong></div>
				<div class="righthandname pull-right">user</div>
			</nav>
			<section id="actionbar">
				Used <span class="quota-used"></span> MB of <span class="quota-max"></span> MB total quota.
			</section>
			<section id="main">
				<ul class="links">

				</ul>
			</section>
		</div>
	</body>
</html>