forked from SamTheOracle/UnIndoors
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (168 loc) · 9.78 KB
/
index.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
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
<!doctype html>
<html lang="en">
<head>
<title>Uniboors</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/loginpagestylesheet.css" rel="stylesheet" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
crossorigin="anonymous"></script>
<script src="js/bootstrap.js"></script>
<script href="js/loginpage.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/4.9.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyAiVwf9orhjqFyH6i4HBSmmaZuLwrJyZnQ",
authDomain: "uniboindoors.firebaseapp.com",
databaseURL: "https://uniboindoors.firebaseio.com",
projectId: "uniboindoors",
storageBucket: "uniboindoors.appspot.com",
messagingSenderId: "484831871025"
};
console.log('sdjhfjkl')
firebase.initializeApp(config);
firebase.database().ref('CesenaCampus/').once('child_added',snap=>{
alert(snap.key)
})
</script>
<script src="js/navbar.js"></script>
<script type="text/javascript" src="js/customalert.js"></script>
</head>
<body id="b">
<nav class="navbar navbar-dark bg-dark fixed-top navbar-expand-lg">
<a class="navbar-brand" href="index.html"> <img id="logo" src="logo.png"> </a>
<button id="button_toggle" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menu_start" aria-controls="menu_start"
aria-expanded="false" aria-label="Toggle navigation" onclick="onCollapseMenuClick()">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="menu_start">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0 ">
<li>
<a class="nav-link" href="OtherPlaces.html">All Places</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="onClickFindYourClass()">My Classes</a>
</li>
</ul>
<ul class="navbar-nav navbar-right" id="login_signup_navbar">
<li class="nav-item">
<a class="nav-link active" href="SignUp.html">Sign up</a>
</li>
<li class="vl"></li>
<li class="nav-item">
<a class="nav-link active" href="LogIn.html">Log in</a>
</li>
</ul>
</div>
</nav>
<div class=" jumbotron-fluid" id="start_jumb">
<div class=" centered">
<h1 class="display-4">Welcome to Uniboors!</h1>
<p class="lead" style="font-weight: 400">A web app designed to deliver the best indoors navigation experience right at the school of Computer
Science and Engineering, in the heart of Cesena</p>
<p class="alignlead text-lg-center">
<button class="btn btn-primary btn-lg" style="width:200px;" role="button" onclick="onClickExplore()">Explore</button>
</p>
</div>
</div>
<div class="container-fluid" style="margin-top: 30px;" id="explore">
<h1 class="display-4 text-center" >Finding your classroom shouldn't be a treasure hunt</h1>
</div>
<div class="container-fluid" >
<div class="row" style="margin-top: 30px;margin-bottom: 30px;">
<div class="col">
<div>
<img class="rounded w3-container w3-center w3-animate-left" src="css/assets/explore.svg" id="image_explore">
</div>
</div>
<div class="col">
<p class="text-center font-italic" style="font-size: 30px;"> "For the lessons are dark, and full of terrors" </p>
<p class="text-center" style="font-size: 20px; margin-top: 30px;"> Every engineering student knows lessons are complicated enough, so why should get to class be hard as well?
Start using Uniboors right now and enjoy your trip to class!
</p>
<button class="btn btn-secondary btn-lg mx-auto my-auto d-block" id="find_classes_btn" style="width:200px; margin-top: 40px;" onclick="onClickFindYourClass()">Find your class</button>
</div>
</div>
</div>
<div class="container-fluid" style=" margin-top: 30px; margin-bottom: 30px; ">
<hr>
<h1 class="display-4 text-center">Simple and intuitive</h1>
<div class="row" style="margin-top: 30px;margin-bottom: 30px;">
<div class="col">
<p class="text-center font-italic" style="font-size: 30px;">All your lessons available everywhere, anytime</p>
<p class="text-center" style="font-size: 20px; margin-top: 30px;">Uniboors strength is its simplicity: enter in the website and easily find your lesson. Did you forget where Web Applications' lesson is? Do you not remember if there is a laboratory session or a regular lecture? Not a problem! All the necessary information are daily updated for you
</p>
</div>
<div class="col">
<div>
<img class="rounded w3-container w3-center w3-animate-right" src="css/assets/sistemi_informativi.svg" id="image_explore">
</div>
</div>
</div>
</div>
<div class="container-fluid">
<hr>
<h1 class="display-4 text-center">UnIndoors... right in your pocket!</h1>
<div class="row">
<div class="col">
<img class="rounded w3-container w3-center w3-animate-left" src="css/assets/simple.jpg" id="image_explore">
</div>
<div class="col">
<p class="text-center font-italic " style="font-size: 30px;">UnIndoors is a web app fully compatible with any kind of device</p>
<p class="text-center" style="font-size: 20px; margin-top: 30px;">Empower your navigation with our android app. Just choose your lesson, and let bluetooth beacons guide you to your daily source of knowledge
</p>
</div>
</div>
<div class="container-fluid" style=" margin-top: 30px; margin-bottom: 30px; ">
<hr>
<h1 class="display-4 text-center">Accessibility is the key</h1>
<div class="row" style="margin-top: 30px;margin-bottom: 30px;">
<div class="col">
<p class="text-center font-italic" style="font-size: 30px;">Going to classroom should be an easy task for everyone</p>
<p class="text-center" style="font-size: 20px; margin-top: 30px;">Using UnIndoors you can easily open requests for help. Operators will reach you in few minutes!
</p>
</div>
<div class="col">
<div>
<img class="rounded w3-container w3-center w3-animate-right" src="css/assets/kindness.svg" id="image_explore">
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" style=" margin-top: 30px; margin-bottom: 0px; background-color:#424949;" align="middle">
<p> </p>
<h2 style="color:white;font-weight:100;">Edge technology is the core of UnIndoors</h2>
<div class="col">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/Boostrap_logo.svg">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/html5.svg">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/css-logo.svg">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/javascript-logo.svg">
</div>
<p> </p>
<h2 style="color:white;font-weight:100;">Multi-Platform experience</h2>
<div class="col">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/firebase-1.svg">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/Android_robot.svg">
<img style=" margin-top: 20px;" height="80" width="80" src="css/assets/icon-bluetooth-option.svg">
</div>
<div class="col" align="middle" style="margin-top:30px;">
<img src="logo.png" id="logo">
<h6 style="color:white; font-weight:100;">2018 - All rights reserved ©</h6>
<p> </p>
</div>
</div>
</body>
<script type="text/javascript" src="js/responsive.js"></script>
<script>
//deleting previous stored cookies
$(document).ready(logOut())
</script>
</html>