-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathstudylocation.php
257 lines (232 loc) · 10 KB
/
studylocation.php
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="img\studylah_logo.jpg" type="image/jpg">
<link rel="stylesheet" href="css\recommend.css">
<link rel="stylesheet" href="css\navbar.css">
<title>StudyLah</title>
</head>
<body>
<?php include('header.php');?>
<div class="all">
<div class="but">
<a href="studylocation.php"><button>Study Location</button></a>
<a href="recommendations.php"><button>Food</button></a>
</div>
<style>
.filterDiv { /*hide all items by default*/
display: none;
}
.show {
display: block;
}
.container {
margin-top: 20px;
overflow: hidden;
}
/* Style the buttons */
.btn {
border: none;
outline: none;
padding: 12px 16px;
background-color: #f1f1f1;
cursor: pointer;
color:black;
}
.btn:hover {
background-color: #ddd;
}
.btn.active {
background-color: #666;
color: white;
}
</style>
<div class="selection">
<div id="myBtnContainer">
<button id="mybutton" class="btn active" onclick="filterSelection('all')"> Show all</button>
<button class="btn" onclick="filterSelection('ac')"> Air-Conditioned</button>
<button class="btn" onclick="filterSelection('ports')"> Have Charging Ports</button>
<button class="btn" onclick="filterSelection('food')"> Food</button>
<button class="btn" onclick="filterSelection('24')"> Operate 24/7</button>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById("mybutton").click();
});
filterSelection("all")
function filterSelection(c) {
var x, i;
x = document.getElementsByClassName("filterDiv");
if (c == "all") c = "";
for (i = 0; i < x.length; i++) {
w3RemoveClass(x[i], "show");
if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");
}
}
function w3AddClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];}
}
}
function w3RemoveClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
while (arr1.indexOf(arr2[i]) > -1) {
arr1.splice(arr1.indexOf(arr2[i]), 1);
}
}
element.className = arr1.join(" ");
}
// Add active class to the current button (highlight it)
var btnContainer = document.getElementById("myBtnContainer");
var btns = btnContainer.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function(){
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
}
</script>
<div class="middle container">
<div class="pictures filterDiv ac"><img src="reco/2ndlevelYIHstudyroom.JPG" alt="2nd Level YIH Study Room" ></div>
<div class="info filterDiv ac">
<h2>2nd Level YIH Study Room</h2></br>
<p>
Location: Yusof Ishak House, Level 2</br>
Operating Hours: - </br></br>
Air-Conditioned</br>
Open Space
</p>
</div>
<div class="pictures filterDiv ac ports"><img src="reco/2ndlvltownplaza.JPG" alt="2nd Level Town Plaza"></div>
<div class="info filterDiv ac ports">
<h2>2nd Level Town Plaza</h2></br>
<p>
Location: Above Fine Food, Town Plaza Level 2</br>
Operating Hours: - </br></br>
Air-Conditioned</br>
Open Space, Seats with Power Source
</p>
</div>
<div class="pictures filterDiv ac ports"><img src="reco/CentralLibrary.JPG" alt="Central Library"></div>
<div class="info filterDiv ac ports">
<h2>Central Library</h2></br>
<p>
Location: Central Library, near FASS</br>
Operating Hours: </br>
Mon to Fri: 09:00 – 21:00</br>
Vacation Term Operating Hours: </br>
Mon-Fri: 09:00 - 18:00 </br></br>
Air-Conditioned</br>
Has 6 Levels, Level 3 is for Group Meetings & Discussions</br>
Offers Printing Services</br></br>
*Accessible only to staff, faculty and students of Yale-NUS College & NUS. Members of the NUS Community should enter the Library using Level 1 entrance with Student Card.</br>
</p>
</div>
<div class="pictures filterDiv ac ports"><img src="reco/ComputerCommon.JPG" alt="Computer Common"></div>
<div class="info filterDiv ac ports">
<h2>PC Common</h2></br>
<p>
Location: UTown, Education Resource Centre Level 1(ERC)</br>
Operating Hours: </br>
Mon to Sun: 08:00 – 22:00</br></br>
Air-Conditioned</br>
Offers Printing Services</br>
Individual need to scan their student card to access the room.
</p>
</div>
<div class="pictures filterDiv ac ports 24"><img src="reco/erc.JPG" alt="Educational Resource Center"></div>
<div class="info filterDiv ac ports 24">
<h2>Educational Resource Center</h2></br>
<p>
Location: UTown, Education Resource Centre Level 4(ERC)</br>
Operating Hours: </br>
24/7</br></br>
Air-Conditioned</br>
Individual Seating with Power Source.</br>
Individual need to scan their student card to access the room.
</p>
</div>
<div class="pictures filterDiv ac ports 24"><img src="reco/erclvl2.JPG" alt="Educational Resource Center Level 2"></div>
<div class="info filterDiv ac ports 24">
<h2>Educational Resource Center, The Study Level 2</h2></br>
<p>
Location: UTown, Education Resource Centre Level 1(ERC)</br>
Operating Hours: </br>
24/7</br></br>
Air-Conditioned</br>
Individual Seating with Power Source. </br>
Individual need to scan their student card to access the room.
</p>
</div>
<div class="pictures filterDiv ac ports 24"><img src="reco/MACcommons.JPG" alt="Mac Common"></div>
<div class="info filterDiv ac ports 24">
<h2>Mac Common</h2></br>
<p>
Location: UTown, Education Resource Centre Level 1(ERC)</br>
Operating Hours: </br>
24/7</br></br>
Air-Conditioned</br>
Collaborative learning</br>
Individual need to scan their student card to access the room.
</p>
</div>
<div class="pictures filterDiv ports 24"><img src="reco/outsideERC.JPG" alt="Outside of Educational Resource Center"></div>
<div class="info filterDiv ports 24">
<h2>Outside of Educational Resource Center</h2></br>
<p>
Location: Education Resource Centre Level 2 (ERC)</br>
Operating Hours: </br>
24/7</br></br>
Non-AirConditioned</br>
Seats with Power Source.
</p>
</div>
<div class="pictures filterDiv ports 24"><img src="reco/outsideUtown.JPG" alt="Outside of UTown Starbucks"></div>
<div class="info filterDiv ports 24">
<h2>Outside of UTown Starbucks</h2></br>
<p>
Location: Education Resource Centre (ERC) Level 1</br>
Operating Hours: </br>
24/7</br></br>
Non-AirConditioned</br>
Seats with Power Source.
</p>
</div>
<div class="pictures filterDiv ac food"><img src="reco/starbucksutown'.JPG" alt="UTown Starbucks"></div>
<div class="info filterDiv ac food">
<h2>UTown Starbucks</h2></br>
<p>
Location: Education Resource Centre (ERC)</br>
Operaring Hours:</br>
Mon-Sun, 8.00am-10.00pm</br>
Contact No: 6659 6081</br></br>
Air-Conditioned
</p>
</div>
<div class="pictures filterDiv ac ports"><img src="reco/yale-nus.JPG" alt="Yale-NUS Library"></div>
<div class="info filterDiv ac ports">
<h2>Yale-NUS Library</h2></br>
<p>
Location: University Town </br>
Mon-Thu: 8.30am-6pm</br>
Fri: 8.30am-5.30pm</br>
Sat & Sun and Public Holidays: CLOSED</br>
Contact: 6601 3551</br></br>
Air-Conditioned</br></br>
*Accessible only to staff, faculty and students of Yale-NUS College & NUS.
Members of the NUS Community should enter the Library using our Level 1 entrance (below Café Agora),
and must register themselves at the service desk for contact tracing purposes.</br>
</p>
</div>
</div>
</body>