forked from anxious-engineer/RU-Open
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_mitchell.html
136 lines (120 loc) · 5.85 KB
/
index_mitchell.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
133
134
135
136
<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>RU Open</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="shortcut icon" type="image/png" href="assets/images/door.png">
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="icon fa-graduation-cap"></span>
</div>
<div class="content">
<div class="inner">
<h1>RU Open</h1>
<p>A web application to check the status of rooms at Rutgers University - New Brunswick.</p>
</div>
</div>
<nav>
<ul>
<li><a href="#college_ave">College Avenue</a></li>
<li><a href="#busch">Busch</a></li>
<li><a href="#livingston">Livingston</a></li>
<li><a href="#c_d">Cook/Douglass</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<article id="college_ave">
<h2 class="major">College Avenue</h2>
<div class="btn-group mr-2" role="group" aria-label="Days of Week">
<button id="SUN" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Sun</button>
<button id="M" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">M</button>
<button id="T" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">T</button>
<button id="W" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">W</button>
<button id="TH" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Th</button>
<button id="F" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">F</button>
<button id="S" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">S</button>
</div>
<div id="divTimelines">The College Ave classes will go here.</div>
</article>
<!-- Busch -->
<article id="busch">
<h2 class="major">Busch</h2>
<div class="btn-group mr-2" role="group" aria-label="Days of Week">
<button id="SUN" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Sun</button>
<button id="M" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">M</button>
<button id="T" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">T</button>
<button id="W" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">W</button>
<button id="TH" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Th</button>
<button id="F" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">F</button>
<button id="S" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">S</button>
</div>
<div id="divTimelines">The Busch classes will go here.</div>
</article>
<!-- Livi -->
<article id="livingston">
<h2 class="major">Livingston</h2>
<div class="btn-group mr-2" role="group" aria-label="Days of Week">
<button id="SUN" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Sun</button>
<button id="M" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">M</button>
<button id="T" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">T</button>
<button id="W" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">W</button>
<button id="TH" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Th</button>
<button id="F" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">F</button>
<button id="S" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">S</button>
</div>
<div id="divTimelines">The Livi classes will go here.</div>
</article>
<!-- C/D -->
<article id="c_d">
<h2 class="major">Cook/Douglass</h2>
<div class="btn-group mr-2" role="group" aria-label="Days of Week">
<button id="SUN" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Sun</button>
<button id="M" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">M</button>
<button id="T" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">T</button>
<button id="W" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">W</button>
<button id="TH" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">Th</button>
<button id="F" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">F</button>
<button id="S" onclick="selectDay(this.id)" type="button" class="btn btn-secondary">S</button>
</div>
<div id="divTimelines">The C/D classes will go here.</div>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Parsons Software. Design: <a href="https://html5up.net">HTML5 UP</a>.<br>
<a href="http://parsonssoftware.me/">My homepage</a> | <a href="https://github.com/Parsons-David/RU-Open">Source code</a></p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="assets/js/timeline.js"></script>
<script type="text/javascript" src="assets/js/clean.js"></script>
</body>
</html>