-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (118 loc) · 5.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body class="bg-dark">
<div class="wrapper">
<nav class="navbar navbar-dark bg-dark navbar-expand-lg">
<a class="navbar-brand" href="index.html">
UFO Sightings
</a>
<img class="nav-ufo" src="static/images/ufo_PNG71608.png">
</nav>
</div>
<div class="jumbotron">
<div class="hero-image">
<div class="hero-text">
<h1>The Truth is Out There</h1><hr>
<p><h3>UFO Sightings: Fact of Fancy? <br><small>Ufologists Weigh In</small></h3></p>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4"><br><br>
<img class="ufo-leak" src="static/images/ufoleak.jpg">
<p>Pentagon declassified videos earlier in <br>2020 that purportedly show UFOs</p>
</div>
<div class="col-md-8"><br><br>
<p>
Are we alone in the universe? For millennia, humans have turned to the sky to answer this question.
Now, thanks to research generously funded by W. Avy, a UFO-enthusiast and amateur ufologist, we can
supplement our sky-searching with data analysis.<br><br>"The release of this analysis is well-timed:
It coincides with the celebration of World UFO Day, which is a moment for ufologists around the
world to connect, relax, and sample a range of UFO-themed snacks," said Dr. Ursula F. Olivier, the
world's preeminent expert on circular sightings. "Citizen-scientists can be especially helpful in
both cataloguing sightings—which is hugely helpful for us in our search for aliens—and in helping
us celebrate the work that has already been done, such as this data visualization project, which
will help us raise awareness of the ubiquity of sightings!"<br><br>Not everyone is ready to celebrate,
however. Local CEO and vocal anti-alien activist V. Isualize reached out to our reporters to go on
record as firmly opposed to any attempts to provide access to this data. "If there are aliens, they
certainly would like to be left alone," she stated, before directing us to the Leave Aliens Alone
(LAA) community engagement initiative she founded and funds.<br><br>So what do YOU think? Are we
alone in the universe? Are aliens trying to contact us, or do they want to be left alone? Dig through
the data yourself, and let us know what you see.
</p><br><br>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
<form class="bg-insert-table">
<div class="panel-heading">Filter Search</div><br>
<ul class="bg-dark">
<li class="bg-dark">
<label for="date">Enter Date</label>
<input class="form-control" id="datetime" type="text" placeholder="1/1/2020">
</li><br>
<li class="bg-dark">
<label for="city">Enter City</label>
<input class="form-control" id="cityname" type="text" placeholder="benton">
</li><br>
<li class="bg-dark">
<label for="state">Enter State</label>
<input class="form-control" id="statename" type="text" placeholder="ar">
</li><br>
<li class="bg-dark">
<label for="country">Enter Country</label>
<input class="form-control" id="countryname" type="text" placeholder="us">
</li><br>
<li class="bg-dark">
<label for="shape">Enter Shape</label>
<input class="form-control" id="shapename" type="text" placeholder="circle">
</li><br>
<li class="bg-dark">
<button id="filter-btn" type="submit" class="btn btn-default">Filter Table</button>
</li>
</ul>
</form><br>
</div>
<div class="col-md-9">
<table class="table table-striped">
<tbody><thead>
<tr>
<th class="table-head">Date</th>
<th class="table-head">City</th>
<th class="table-head">State</th>
<th class="table-head">Country</th>
<th class="table-head">Shape</th>
<th class="table-head">Duration</th>
<th class="table-head">Comments</th>
</tr>
</thead>
</tbody>
</table>
</div>
</div>
</div>
<div class="copyright py-4 text-center text-white">
<div class="container">
<small>Copyright © Victor Rodriguez IV 2019-2020</small>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.js"></script>
<script src="static/js/data.js"></script>
<script src="static/js/app.js"></script>
</body>
</html>