-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
106 lines (99 loc) · 3.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Project X</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<script src="https://www.gstatic.com/firebasejs/5.4.0/firebase.js"></script>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jspdf.min.js"></script>
<script src="assets/js/moment.js"></script>
<script src="assets/js/qrcode.js"></script>
<script src="assets/js/search.js"></script>
</head>
<body>
<div class="container">
<div id="front-page" style="display:block">
<div class="jumbotron">
</div>
</div>
<div id="hide_instructions">
<center><h2>Select Dates</h2></center>
</div>
<div id="searchButtons">
<div class="input-group input-daterange">
<input type="date" class="form-control dStart" id="ds1" value="2008-01-01">
<div class="input-group-addon"> <font color="white">To</font> </div>
<input type="date" class="form-control dEnd" id="de1" value="2012-04-19">
</div>
<center><button id="buttonFirst" class="researchButton" onclick="hideInstruc()">Submit</button></p></center>
</div>
<!-- Page Features -->
<div id="second_page" style="display:none">
<h3>Shuttles Launched</h3>
<div class="row text-center results">
<div class="col-lg-3 col-md-6 mb-4">
<div class="card">
<img class="card-img-top" src="image1.png">
<div class="card-footer">
<a href="#" id="youtube_video" onclick="showVideo()" class="btn btn-primary">Find Out More!</a>
</div>
</div>
</div>
</div>
</div>
<div id="overlay" onclick="offThirdScreen()">
<div id="videos">
<iframe width="80%" height="450"
src="https://www.youtube.com/embed/ZkOKRkI4Nw4" allow="autoplay">
</iframe>
</div>
</div>
</div>
</div>
<div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content vmodal">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div>
<iframe width="700" height="500" src=""></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="qrModal" tabindex="-1" role="dialog" aria-labelledby="qrModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content qr-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<div id="qrcode">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="footer">
<p class="m-0 text-center text-white">Copyright © GE Digital GT Bootcamp Team 1- 2018</p>
</div>
</body>
<script>
function hideInstruc() {
document.getElementById("hide_instructions").style.display = "none";
}
function showVideo() {
document.getElementById("overlay").style.display = "block";
}
function offThirdScreen(){
document.getElementById("overlay").style.display = "none";
}
</script>
</html>