studyspace/studyspace.html at master · silkthyme/studyspace · 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
<!DOCTYPE html>
	<html>
		<head>
			<meta charset="UTF-8">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<meta http-equiv="X-UA-Compatible" content="ie=edge">
			<title>StudySpace</title>
			<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
			<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/card.min.css" integrity="sha256-96nTilMyTko2+vRSHcarm0QU20pzAvZy4sZPoPh1h5A=" crossorigin="anonymous" />
			<link rel="stylesheet" href = "studyspacecss.css">
			<link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet">
			<link rel = "icon" href="squid2.png" rel= "image/gif">
			<link href="https://fonts.googleapis.com/css?family=Catamaran|Dosis|Exo|Open+Sans+Condensed:300|PT+Sans+Caption|Raleway" rel="stylesheet">
		</head>

		<body>
			<div id = "body">
			<center>
				<div id = "header">

					<h1>
						<a id="title-anchor" href = "studyspace.html" style="font-size: 45px"> StudySpace </a>
					</h1>
					<h1>
							<img src="squiddy_himself_v2.png" rel= "img/gif" alt="Squid Logo"  width="100" height="100" style="margin-right: 0%; margin-top:0%">
					<h1>
				</div>
			</center>
			<center>
				<div id = "nav">
						<a id="top-ten-studyspaces" href = "#nowwhat" style="margin-top: 2%; visibility: hidden">Top Ten</a>
						<a id="all-studyspaces" href="#allbuildingsdata" style="visibility: hidden">All StudySpaces</a>
				</div>
			</center>

			<center>
			<div id = "nowwhat">
				<p style="font-size: 35px; margin-top:30px; visibility: hidden" id="top-ten">Top Ten Recommendations </p>
				<p style="font-size: 45px; margin-top: -60px;" id="squiggly-loading-message">Squiggly the Squid is scouring for serene study spots!</p>
			  <ul id="card-list" style="list-style-type: none"></ul>
			  <br>
			</div>

			<div id = "allbuildingsdata">
				<p  style="font-size: 35px; visibility: hidden" id="all-buildings"> All Buildings </p>
					<ul id="other-list" style="list-style-type: none"></ul>
				<br>
			</div>
			<center>
				<div class="load-wrapp" id="loader">
				<div  class="load-9">
				<div class="spinner">
				<div class="bubble-1"></div>
				<div class="bubble-2"></div>
				 </div>
				</div>
			</div></center>
		</center>
			</div>

		<a href="https://github.com/silkthyme/studyspace" id='github-link' style="visibility: hidden;">Check us out on Github!</a>

			</div>


		</div>


	<center>
		<a style="visibility: hidden" id="go-to-top" class = "logobottom" href = "#header">
			<img class = "logobottom" src = "squid2.png" >
		</a>
	</center>

  <script src="studyspace.js"></script>
	</body>

</html>