-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
219 lines (207 loc) · 10.5 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
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
<html>
<head>
<title>Look Mum Flying Can</title>
<meta charset="utf-8" />
<meta name="theme-color" content="#001028">
<meta name="apple-mobile-web-app-status-bar-style" content="#001028">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Gotta have em all Iconz!! -->
<link rel="icon" type="image/png" href="favicon.png">
<link rel="apple-touch-icon" href="favicon_pwa.png">
<!-- jQuery -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">
</script>
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"
href="https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/lumen/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Particles -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<div id="particles-js"></div>
<div class="scroller">
<span class="fa fa-arrow-down"></span>
</div>
<div class="masthead container-fluid">
<div class="row justify-content-center align-items-center" style="height: 50%;">
<div class="col-sm justify-content-center">
<img class="cansat center-block" src="https://lookmumflyingcan.com/StyleGuide/logo/cansat.svg" />
</div>
</div>
<div class="row align-items-center" style="height: 50%;">
<div class="col-sm text-center">
<h1 class="header">
LookMumFlyingCan
</h1>
<h4>ESERO-Poland CanSat 2021 Competition Team</h4>
<div class="buttons">
<button class="btn btn-secondary btn-lg mr-2 mt-2"
onclick="window.location.href='https://github.com/LookMumFlyingCan'">
<i class="fa fa-github pr-1"></i> |
GitHub
</button>
<button class="btn btn-primary btn-lg mr-2 mt-2"
onclick="window.location.href='https://www.facebook.com/lookmumflyingcan'">
<i class="fa fa-facebook pr-1"></i> |
Facebook
</button>
<button class="btn btn-warning btn-lg mt-2"
onclick="window.location.href='https://esero.kopernik.org.pl/konkurs-cansat/'">
<i class="fa fa-rocket pr-1"></i> |
Competition
</button>
</div>
</div>
</div>
</div>
<div id="scrollTo" class="container initial">
<div class="row align-items-center">
<div class="col-sm text-center">
<h2>Welcome traveler!</h2>
<p> We are a 4-person collective from the I High School in Kraków, proficient in computer science, electronics and related fields with a mission to send a small can-sized device up to a lofty altitude of 3 km
in the CanSat 2021 competition organized by the Copernicus Science Centre and ESERO-Poland.</p>
</div>
</div>
</div>
<div class="alt container-fluid">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-sm text-center">
<h2>ADS-B Payload</h2>
<p>We will be investigating the possibility of using small can-sized probes to locate and track airplanes. This can be useful
in for example so called "dead zones" over the atlatic, where in case of a crash the search party can only estimate the possible location of planes
this could shorten the time needed to find survivors.</p>
</div>
<div class="col-sm text-center border-right border-left mb-2">
<h2 style="font-weight: bold;">Our mission</h2>
</div>
<div class="col-sm text-center">
<h2>Cospas-Sarsat</h2>
<p>The global infrastructure that saves lives: our mission is to study the applicability of a deployable SOS probe.
Which can be used to track people in situations of distress and in dire need for help. Should we succeed in our endevaour -
the likeliness of saving lives with such technology is high.</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-sm text-center">
<i class="muted bulletpoint fa fa-rocket"></i>
</div>
<div class="col-sm text-center">
<p>Currently, our recovery system is based upon a traditional parachute mechanism.
To adapt it to real life usage, our CanSat will be water-resistant and have an ability to be secured to an inflatable buoy for future recovery or an unmanned vehicle.
</p>
</div>
<div class="col-sm text-center">
<i class="muted bulletpoint fa fa-cogs"></i>
</div>
<div class="col-sm text-center">
<p>With the processing power of the freshly baked Raspberry Pi Compute Module 4 we are able to offload several Mbps of the data stream to be initially decoded and compresed on board.
Therefore, the area of the rescue mission can be greatly expanded upon while maintaining a low spectral footprint.</p>
</div>
</div>
</div>
<div class="alt container-fluid text-center">
<div class="container">
<h2>The Team</h2>
<div class="row">
<div class="col-sm">
<img class="block-center rounded-circle avatar"
src="./assets/mily.png" />
<a href="https://firebite.me"><h2 class="name">Miłosz</h2></a>
<h5 class="text-muted">Project Lead</h5>
</div>
<div class="col-sm">
<img class="block-center rounded-circle avatar"
src="./assets/bubak.jpg" />
<a href="https://github.com/0xF76"><h2 class="name">Jakub</h2></a>
<h5 class="text-muted">Software Engineer</h5>
</div>
<div class="col-sm">
<img class="block-center rounded-circle avatar"
src="./assets/mikik.jpg" />
<a href="https://22h49.me"><h2 class="name">Mikołaj</h2></a>
<h5 class="text-muted">Backend Engineer</h5>
</div>
<div class="col-sm">
<img class="block-center rounded-circle avatar"
src="./assets/florek.png" />
<h2 class="name">Sebastian</h2>
<h5 class="text-muted">Aerodynamics Engineer</h5>
</div>
</div>
</div>
</div>
<div class="container text-center">
<h2>Sponsors</h2>
<div class="row align-items-center justify-content-around">
<div class="col-sm" onclick="window.location.href='http://www.metrosoft.com/#/'">
<img class="sponsor metrosoft" src="assets/metrosoft.png"/>
</div>
<div class="col-sm" onclick="window.location.href='https://www.minicircuits.com/'">
<img class="sponsor minicircuits" src="assets/minicircuits.png"/>
</div>
<div class="col-sm" onclick="window.location.href='https://hackerspace-krk.pl'">
<img class="sponsor" src="assets/hskrk.png" />
</div>
</div>
<div class="row align-items-center justify-content-around">
<div class="col-sm" onclick="window.location.href='https://botland.com.pl/pl/'">
<img class="sponsor botland" src="assets/botland.png" />
</div>
<div class="col-sm" onclick="window.location.href='https://nowodworek.krakow.pl'">
<img class="sponsor" src="assets/nwd.png" />
</div>
<div class="col-sm" onclick="window.location.href='http://www.batkiewicz.com.pl/'">
<img class="sponsor batkiewicz" src="assets/batkiewicz.png"/>
</div>
</div>
<div class="row-sm align-items-center">
<div class="col-sm">
<h5 class="mt-2">And we are looking for more...</h5>
</div>
</div>
<div class="row-sm align-items-center">
<button class="btn btn-secondary mt-2"
onclick="window.location.href='mailto: [email protected]'">
<i class="fa fa-envelope-open"></i> |
Contact us
</button>
</div>
</div>
<div class="container-fluid footer pt-2">
<div class="footer container text-center nopad">
<div class="row">
<div class="col">
<h6 class="text-muted">Made with <i class="beat fa fa-heart"></i> by The LookMumFlyingCan Team</a></h6>
</div>
</div>
</div>
</div>
<script>
$(document).on('click', '.scroller', function () {
$('html,body').animate({
scrollTop: $('#scrollTo').offset().top
}, 'slow')
});
particlesJS.load('particles-js', 'https://lookmumflyingcan.com/particlesjs-config.json', function () {
console.log('particles.js: config loaded');
$.getJSON("https://raw.githubusercontent.com/FireBite/dailysasin/master/dailysasin.json", (data) => {
console.log('dailysasin: ' + data.facts[Math.floor(Math.random() * data.facts.length)]);
console.log('dailysasin: more at https://github.com/FireBite/dailysasin');
});
});
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
</script>
</body>
</html>