hackathon-website/index.html at gh-pages · StetsonMathCS/hackathon-website · 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
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>HatterHacks</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/styles.css">
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="https://cdn.rawgit.com/mattboldt/typed.js/master/lib/typed.min.js"></script>
  <link rel="shortcut icon" href="https://image.ibb.co/jpoiQ7/favicon.png">
</head>

<body>
  <div class="iiii">
    <div class="rellax first-background" data-rellax-speed="-10"></div>
    <nav class="navbar navbar-toggleable-md navbar-light bg-faded sticky-top">
      <button class="navbar-toggler navbar-toggler-left" type="button" data-toggle="collapse"
        data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
        aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="navbar-brand"><img src="images/HatterHacks_Logo_without_name_transparent_green.png" width="45">
        >_HatterHacks</div>
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
        <span class="navbar-nav ml-auto">
          <a href="#about">About</a>
          <a href="#faq">FAQ</a>
          <a href="#sponsors">Sponsors</a>
          <a href="https://forms.gle/TkoS5S2cgZTj8uE47" target="_blank" id="signup">Register</a>
          <a href="https://forms.gle/EF1W6BTGFjkfZg2A7" target="_blank" id="signup">Volunteer</a>
        </span>
      </div>
    </nav>
    <section class="container-fluid">
      <div class="row">
        <div id="green"></div>
        <div class="col-xs-12 col-lg-12 main-title-section">
          <div class="header-text">
            <h1 class="hatterhacks-title">HATTERHACKS<br /></h1>
            <h2 class="header-title">2020 Greater Central Florida Tech Faire + Hackathon</h1>
              <h3 class="header-sub-title">POSTPONED <br>Day of Learning</h3>
              <h3 class="header-sub-title">POSTPONED <br>24-hr Hackathon</h3>
          </div>
          <div class="header-buttons">
            <img src="./images/logo with clear background.png"
              style="width: 100%; margin-bottom: 35px; transform: scale(1.3)" class="main-logo">
            <a class="btn btn-signup" style="margin-left:5px;" href="https://forms.gle/TkoS5S2cgZTj8uE47"
              target="_blank" role="button">Register</a>
            <a class="btn btn-volunteer" style="margin-left:5px;" href="https://forms.gle/EF1W6BTGFjkfZg2A7"
              target="_blank" role="button">Volunteer</a>
            <!-- <a class="btn btn-contact" style="margin-left:5px;" href="https://goo.gl/forms/6htv7HOfxvxEVPFT2" target="_blank" role="button">Apply for Travel Grant</a> -->
          </div>
          <br />
        </div>
        <div class="terminal-section">
          <div class=terminal_menu>
            <header>
              <div class="button red"></div>
              <div class="button yellow"></div>
              <div class="button green"></div>
            </header>
          </div>
          <div class="terminal">
            <span id="typed"></span>
            <script>
              var typed = new Typed('#typed', {
                strings: ['<p id="sudo">sudo npm install -g hackathon^500 </p><p id="sudo">npm run hackathon^500  </p> `Starting hackathon`^500.^300.^300.^300 <br><image src="images/HatterHacks_Logo_without_name_transparent_green.png" id="myframe" style="border:none;overflow:hidden;margin:0 auto;margin-top:30px;display:block; width: 420px; max-width: 80vw;"></image><br>`<p class="text-center" style="margin-top:-10px;">Ready. Set. Hack.</p>`'],
                typeSpeed: 55,
                showCursor: false,
              });
              // Select all links with hashes
              $('a[href*="#"]')
                // Remove links that don't actually link to anything
                .not('[href="#"]')
                .not('[href="#0"]')
                .click(function (event) {
                  // On-page links
                  if (
                    location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') &&
                    location.hostname == this.hostname
                  ) {
                    // Figure out element to scroll to
                    var target = $(this.hash);
                    target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                    // Does a scroll target exist?
                    if (target.length) {
                      // Only prevent default if animation is actually gonna happen
                      event.preventDefault();
                      $('html, body').animate({
                        scrollTop: target.offset().top - 60
                      }, 1000, function () {
                        // Callback after animation
                        // Must change focus!
                        var $target = $(target);
                        $target.focus();
                        if ($target.is(":focus")) { // Checking if the target was focused
                          return false;
                        } else {
                          $target.attr('tabindex', '-1'); // Adding tabindex for elements not focusable
                          $target.focus(); // Set focus again
                        };
                      });
                    }
                  }
                });
            </script>
          </div>
        </div>
      </div>
      <!-- <div class="row">
        <div class="col-xs-12 col-lg-12 image-gallery" id="grey">
          <div class="image-holder">
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17796603_1429953730388634_359283684001551792_n.jpg?oh=9789ff31645e2005e1bb420a525161f2&oe=5B16F7E5" class="img-fluid">
            </div>
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17759899_1429950953722245_6485019482298370327_n.jpg?oh=544645da2e028b8e214bb4a430751dce&oe=5B0259C2" class="img-fluid">
            </div>
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17634750_1429950460388961_7983856464128906812_n.jpg?oh=acc5e611b7b349889de1037f1f7ccac2&oe=5B05AB35" class="img-fluid">
            </div>
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17796595_1429947533722587_1424831844280710837_n.jpg?oh=dfd1f29d3f11e703c324a9b4f71651fb&oe=5B17665B" class="img-fluid">
            </div>
          </div>
          <div class="image-holder">
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17757613_1429949833722357_8591847924181346494_n.jpg?oh=bcb864361c5ab9ac45fdda52699d3aa3&oe=5B44AAFF" class="img-fluid">
            </div>
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17523435_1429959640388043_6067008474374676983_n.jpg?oh=3a565819d4f13f462eafda66b58ed127&oe=5B00FDF4" class="img-fluid">
            </div>
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17759823_1429956183721722_5048398407014441435_n.jpg?oh=349aac98cbb8cb5d9710cc7a633a154f&oe=5B43CACC" class="img-fluid">
            </div>
            <div>
              <img src="https://scontent.ftpa1-1.fna.fbcdn.net/v/t1.0-9/17634803_1429953033722037_5103197517514320342_n.jpg?oh=05c368d67eee13e79f993d6b62a38c9a&oe=5B0CDBCB" class="img-fluid">
            </div>
          </div>
        </div>
      </div> -->

      <!-- <div class="row about faq">
        <div class="col-lg-12">
          <h3 class="header-hackathon text-center">DATA SCIENCE JAMBOREE</h3>
          <br />
        </div>
        <div class="col-lg-12">
          <div class="about-card">
            <h2 style="color:#F4195B;">The Challenge:</h2>
            <br />
            <OL>
              <LI>given a large CSV file with time and latitude/longitude fields (among others), find the most efficient (wall-time) way to find all rows in the file whose lat/lon are within X miles of a given lat/lon and within X hours of a given time
              <UL>
                <LI><b>CSV file: yellow_tripdata_2017-12.csv</b>
              </UL>
              <LI>find a way to extract each table found in an excel xlsx file, across the various “sheets” - expect one table per sheet, but the table may not actually start at cell A1 - a table can be identified by the largest rectangle of cells all of which have values (text/numeric) - consider using a library for reading xlsx files
              <UL>
                <LI><b>excel-data.xlsx</b>
              </UL>
              <LI>given a CSV file, determine for each column whether it (appears to be) numeric, categorical, boolean - numeric = all values are numbers or missing or NA, boolean = all values are 1/0 or true/false or missing or NA, categorical is anything else
              <UL>
                <LI><b>crx.data.txt</b>
                <LI><b>abalone.data.txt</b>
                <LI><b>breaches.csv</b>
              </UL>
              <LI>given a dataset of tweets, find the number of retweets or mentions for each user who has been retweeted or mentioned; bonus points for plotting (bar chart) the numbers
              <UL>
                <LI><b>data_elonmusk.csv</b>
              </UL>
              <LI>create a chart of a cryptocurrency price over time; bonus points for making it interactive: clicking 1-day, 5-day, 30-day, etc.
              <UL>
                <LI><b>coinbaseUSD_1-min_data_2014-12-01_to_2018-03-27.csv</b>
              </UL>
            </OL>

            <p><br/><center><b>Data:</b> <a href="http://bit.ly/data-science-jamboree" target="_blank">bit.ly/data-science-jamboree</a>
              <br/> <b>Prizes:</b> two winners, Seagate Expansion 1 TB External Hard Drive each. <br/><br/>
              <i>A judge will examine solutions during regular hackathon judging.</i></p>
          </div>
        </div>

      </div> -->

      <div class="row about" id="about">
        <div class="col-lg-12">
          <h3 class="header-hackathon text-center" style="background: rgb(7, 75, 138);">About Us</h3>
          <br />
        </div>
        <div class="col-lg-12">
          <div class="about-card">
            <h2 style="color:black;">This year, we're changing things up!</h2>
            <br />
            <div class="panel-body-intro">
              <p style="color:black;" style="font-size:17px;">In this year's Greater Central Florida Tech Faire +
                Hackathon we are having a 12-hour "Day of Learning" in addition to a 24-hour hackathon!! The Day of
                Learning will take place on Friday, February 21st, and the Hackathon will take place Saturday through
                Sunday, February 22-23rd. Consider this "Day of Learning" a computer science workshop marathon! There
                will be crash courses and workshops nearly every hour for 12 straight hours for all experience levels!
                Our hope is that you use this Day of Learning to learn and practice using new concepts, environments,
                and languages in computer science before the hackthon, so that when the hackathon begins, you have all
                24 hours of the hackathon to apply what you've learned to your project and take breaks to attend tech
                talks by our professors and sponsors!</p>
              <h2 style="color:black;font-size:20px;"> <strong>If you do not want to participate in the Day of Learning,
                  feel free to arrive on Saturday morning for the Hackathon instead! But if you'd like to arrive early
                  and participate in the Day of Learning, plan to arrive on Friday, February 21st. See the <a
                    href="#schedule">Schedule</a> below for more details.</strong></h2>
            </div>

          </div>
        </div>

        <div class="col-lg-4">
          <div class="about-card">
            <h2 style="color:black;">A Place To Innovate</h2>
            <br />
            <div class="panel-body">
              <pre><ol><li>if(isCreative == TRUE) {</li><li>  print("Let's Build!");</li><li>}</li><li>else {</li><li>  exit();</li><li>}</li>
                </ol></pre>
            </div>
            <p>HatterHacks is the place for creativity. You have the chance to make your imagination come to life! There
              are endless possibilities to choose from such as web development/design, software engineering, hardware
              hacks, and more.</p>
          </div>
        </div>

        <div class="col-lg-4">
          <div class="about-card">
            <h2 style="color:black;">An Event Like No Other</h2>
            <br />
            <p><b>HatterHacks: the Greater Central Florida Tech Faire + Hackathon</b> shows that we are planning a
              larger and more elaborate event than traditional hackathons. This year, we are significantly expanding the
              number of activities, faculty lectures, and prizes.</p>
          </div>
        </div>
        <!-- <div class="col-lg-4">
          <div class="about-card">
            <h2 style="color:#F4195B;">Unprecedented Perks</h2>
            <br />
            <p>Participate in a new CTF (capture the flag) security challenge designed by engineers at Apple. <strong>The winner of this competition gets a <u><i>guaranteed interview</i></u> with Apple!</strong></p>
            <center>
            <img src="https://s3.amazonaws.com/freebiesupply/large/2x/apple-logo-transparent.png" class="img-fluid" width="150">
            </center>
          </div>
        </div> -->
        <div class="col-lg-4">
          <div class="about-card">
            <h2 style="color:black;">Meet and Collaborate</h2>
            <br />
            <p>Join and compete alongside talented and passionate peers and engineers from our sponsors. You will
              motivate and support each other to keep on learning! Team work empowers diversity of ideas which allow for
              astonishing accomplishments.<br /><br /><br /><br /><br /></p>
          </div>
        </div>


      </div>
      <div class="row about faq" id="faq">
        <div class="col-lg-12">
          <h3 class="header-hackathon text-center" style="background: rgb(15, 78, 138);">FAQ</h3>
          <br />
        </div>

        <div class="col-lg-4">
          <div class="about-card1">
            <h2 style="color:#35b729;">What/When/ Where?</h2>
            <br />
            <p>HatterHacks will take place at Stetson University in DeLand, Florida on February 21st - 23rd; on the
              second floor of the Carlton-Union Building, commonly known as the CUB.<br /><br /> It lasts from Friday
              evening to Sunday morning, with the Day of Learning on February 21st and the hackathon on February
              22-23rd.</p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="about-card1">
            <center>
              <h2 style="color:#35b729;">Can I attend?</h2>
              <br />
            </center>
            <p>HACK YEAH! This event is open to any individual with a desire to learn and have a fun time!
              <strong>College and high school students are both encouraged to participate!</strong> However, be mindful
              that if you are a student under the age of 18, you <strong>cannot</strong> be present at HatterHacks
              without an adult chaperon.<br /><br /><br /></p>
          </div>
        </div>
        <div class="col-lg-4">
          <div class="about-card1">
            <h2 style="color:#35b729;">What if I get hungry?</h2>
            <br />
            <p>We have more than enough food to keep you coding through the whole event! Special accommodations will be
              provided for those with dietary restrictions. <br /><br /> In other words, we got you.🤗 </p>
          </div>
        </div>

        <div class="col-lg-6">
          <div class="about-card1">
            <center>
              <h2 style="color:#35b729;">Do I need to bring anything?</h2>
              <br />
            </center>
            <p>Please bring your student ID, laptop, chargers, a change of clothes, your resume, and toiletries (That
              includes tooth brushes, toothpaste, AND deodarant!). A pillow, sleeping bag or floatie may be useful as
              well. Let's not forget: You are here for 36 hours.<br /><br /> <strong>You do not have to bring a team,
                idea, food, or any drinks.</strong> You can find all of that once you arrive!</p>
            <p><strong>Minors (under 18 years old) will need to bring a chaperone.</strong> Details are provided on the
              <a href="https://forms.gle/TkoS5S2cgZTj8uE47">registration form</a>.</p>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="about-card1">
            <center>
              <h2 style="color:#35b729;">How can I get there?</h2>
              <br />
            </center>
            <p><b>Florida hackers:</b> We are currently working on getting busses to your schools! Keep registering and
              increase participant numbers from your school so we can make this happen!
              <br /><br /><b>Out-of-state hackers:</b> We are working on getting travel reimbursements for you! Register
              now, and indicate that you would like a travel grant in your application. We will get back to you as soon
              as possible regarding the next steps in the reimbursement process.<br /><br /><br /><br /></p>
          </div>
        </div>
        <div class="col-lg-12">
          <div class="about-card1">
            <center>
              <h2 style="color:#35b729;">What can I do?</h2>
              <br />
              <p>Our team is still discussing and deciding the activities, workshops, and talks that we will bring to
                you at HatterHacks this year!<br /><br />
                <!-- <p>Apart from the traditional 36-hour hackathon, HatterHacks offers tons of activities including: <br/><br/>
            </center>
               <ul>
                  <li> <b>Capture the Flag</b> - security challenge hosted by Apple - <u><strong>Win this challenge and get a guaranteed interview with Apple!</strong></u></li>
                  <li> <b>Tech talks by Stetson Computer Science faculty</b> - cybersecurity, encryption, AI, big data </li>
                  <li> <b>Corporate-sponsored coding challenges</b> - earn prizes by writing code with their products</li>
                  <li> <b>Code Golf</b> - solve coding challenges with fewest lines of code </li>
                  <li> <b>Data Science Jamboree</b> - big data analysis challenges </li>
                  <li> <b>Room of recursion rooms</b>  - a study roomhere every challenge involves recursion </li>
                  <li> <b>Coding interview challenges</b> - practice on a whiteboard in front of peers </li>
               </ul>
               <br/>... and more!
            </p> -->
          </div>
        </div>

      </div>
      <div style="width: 80vw; margin: 0 auto; background: rgb(31, 139, 116); display: flex; border-radius: 10px">
        <div style='height:490px; width: 15px;'></div>
        <div id='gmap_canvas'
          style='height:490px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; flex: 1'></div>
      </div>
      <a href='http://maps-generator.com/' style="opacity: 0;">embedded google maps</a><br /><br />
  </div>
  <span id="sponsors"></span>
  <div class="row about sponsors" style="display: none;">
    <div class="col-lg-12">
      <center>
        <h3 style="color:black" ; class="header-hackathon text-center">2019 Sponsors</h3>
        <br />
        <a target="_blank" href="https://www.ea.com/"><img
            src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Electronic-Arts-Logo.svg/1200px-Electronic-Arts-Logo.svg.png"
            class="img-fluid" width="250"></a>
        <a target="_blank" href="https://www.cityoforlando.net/"><img
            src="http://www.cityoforlando.net/wp-content/uploads/2018/03/CityofOrlando_Vertical_FBog400.png"
            class="img-fluid" width="300"></a>
        <br />
        <a target="_blank" href="http://www.stetson.edu/home/"><img
            src="https://upload.wikimedia.org/wikipedia/commons/0/0d/Stetson_University_logo.png" class="img-fluid"
            width="275"></a>
        <a target="_blank" href="https://www.electrosonic.com/"><img src="images/electrosonic-logo.png"
            class="img-fluid" width="420"></a>
        <a target="_blank" href="http://www.salecents.com/marketing/business"><img
            src="https://chestertheartist.com/wp-content/uploads/2017/06/Sale-Cents-Logo.png" class="img-fluid"
            width="275"></a>
        <br />
        <a target="_blank" href="https://www.google.com/"><img src="images/220px-Google_2015_logo.svg.png"
            class="img-fluid" width="220"></a>
        <img src="images/college-of-arts-and-sciences.png" class="img-fluid" width="300">
        <br />

        <a target="_blank" href="https://www.monsterenergy.com/us/en/products/java-monster"><img
            src="https://s3.monsterenergy.com/media/uploads_image/2018/01/24/auto/400/966e2ba76aef34a3d44b1b8e5683d898.png"
            class="img-fluid" width="250"></a>
        <a target="_blank" href="https://mlh.io/"><img
            src="https://static.mlh.io/brand-assets/logo/official/mlh-logo-color.png" class="img-fluid" width="150"></a>
        <a target="_blank" href="https://www.particle.io/"><img
            src="https://js.foundation/wp-content/uploads/sites/33/2018/06/particle-logo.png" class="img-fluid"
            width="250"></a>
        <a target="_blank" href="https://ultrapress.com/"><img
            src="https://ultrapress-production.s3.amazonaws.com/static/images/public/ultrapress-custom-tshirts.png"
            class="img-fluid" width="250"></a>
        <br />
        <!--
          <br />
            <!--<img src="https://opensrs.com/wp-content/uploads/tech_logo.png" class="img-fluid" width="300">-->
        <!--<img src="https://cdn.rawgit.com/MakeSchool-Tutorials/News/5486ee9046104519efeddefede39d38477c2ea9a/70923cab-38a3-4c1c-a6c7-6308702b340e/cover_photo.png" class="img-fluid" width="170">-->
        <!--<img src="https://www.solodev.com/core/fileparse.php/92/urlt/solodev-logo-comparison.png" class="img-fluid" width="350">-->
        <!-- <a target="_blank" href="http://i2kconnect.com/"><img src="images/i2kconnect-logo.png" class="img-fluid" width="300"></a>
            <a target="_blank" href="https://www.achain.com/"><img src="https://www.achain.com/images/new-index-logo_28978b.png" class="img-fluid" width="130" ></a>
            <a target="_blank" href="http://www.salecents.com/marketing/business"><img src="http://www.salecents.com/images/marketing/Sale-Cents-Logo-with-stroke.png" class="img-fluid" width="300"></a>
          <br />
          <br /> -->
        <p class="header-sub-title text-center" style="color:#F4195B;font-size:20px;letter-spacing: 5px;">Interested in
          sponsoring?<br />Contact us at <a href="mailto:hack@stetson.edu"><b>hack@stetson.edu</b></a></p>
      </center>
    </div>
  </div>
  </section>
  <footer class="page-footer font-small blue pt-4 mt-4" style="background: rgb(18, 20, 22)">
    <table id="schedule" style="margin: 0 auto; margin-bottom: 40px; background: rgb(18, 20, 22)">
      <col width="100">
      <h4 style="text-align: center; background: rgb(18, 20, 22)">Schedule</h4>

      <thead>
        <tr>
          <th scope="col">TBD</th>
        </tr>
      </thead>
      <tbody>
      </tbody>

    </table>
    <div class="container-fluid text-center text-md-left">
      <div class="row">
        <div class="col-md-12 text-center">
          <div class="social-media">
            <a href="mailto:hack@stetson.edu"><i class="fa fa-envelope-o"></i></a>
            <a href="https://www.facebook.com/HatterHacks/" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="https://twitter.com/HackStetson/" target="_blank"><i class="fa fa-twitter"></i></a>
            <a href="https://www.instagram.com/stetsonu/" target="_blank"><i class="fa fa-instagram"></i></a>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-copyright py-3 text-center">
      <p>© 2020 Stetson HackerSpace.</p>
    </div>
  </footer>
  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
    integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
    crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"
    integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1"
    crossorigin="anonymous"></script>
  <script>
    // Rellax.js  Library
    (function (n, h) { "function" === typeof define && define.amd ? define([], h) : "object" === typeof module && module.exports ? module.exports = h() : n.Rellax = h() })("undefined" !== typeof window ? window : global, function () {
      var n = function (h, p) {
        var a = Object.create(n.prototype), l = 0, r = 0, k = 0, t = 0, c = [], u = !0, B = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || window.oRequestAnimationFrame || function (a) { return setTimeout(a, 1E3 / 60) }, q = null, C = window.cancelAnimationFrame ||
          window.mozCancelAnimationFrame || clearTimeout, D = window.transformProp || function () { var a = document.createElement("div"); if (null === a.style.transform) { var b = ["Webkit", "Moz", "ms"], e; for (e in b) if (void 0 !== a.style[b[e] + "Transform"]) return b[e] + "Transform" } return "transform" }(); a.options = { speed: -2, center: !1, wrapper: null, relativeToWrapper: !1, round: !0, vertical: !0, horizontal: !1, callback: function () { } }; p && Object.keys(p).forEach(function (d) { a.options[d] = p[d] }); h || (h = ".rellax"); var m = "string" === typeof h ? document.querySelectorAll(h) :
            [h]; if (0 < m.length) {
            a.elems = m; if (a.options.wrapper && !a.options.wrapper.nodeType) if (m = document.querySelector(a.options.wrapper)) a.options.wrapper = m; else { console.warn("Rellax: The wrapper you're trying to use doesn't exist."); return } var w = function () {
              for (var d = 0; d < c.length; d++)a.elems[d].style.cssText = c[d].style; c = []; r = window.innerHeight; t = window.innerWidth; x(); for (d = 0; d < a.elems.length; d++) {
                var b = a.elems[d], e = b.getAttribute("data-rellax-percentage"), g = b.getAttribute("data-rellax-speed"), h = b.getAttribute("data-rellax-zindex") ||
                  0, l = b.getAttribute("data-rellax-min"), n = b.getAttribute("data-rellax-max"), v = a.options.wrapper ? a.options.wrapper.scrollTop : window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; a.options.relativeToWrapper && (v = (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop) - a.options.wrapper.offsetTop); var f = a.options.vertical ? e || a.options.center ? v : 0 : 0, k = a.options.horizontal ? e || a.options.center ? a.options.wrapper ? a.options.wrapper.scrollLeft : window.pageXOffset ||
                    document.documentElement.scrollLeft || document.body.scrollLeft : 0 : 0; v = f + b.getBoundingClientRect().top; var m = b.clientHeight || b.offsetHeight || b.scrollHeight, p = k + b.getBoundingClientRect().left, q = b.clientWidth || b.offsetWidth || b.scrollWidth; f = e ? e : (f - v + r) / (m + r); e = e ? e : (k - p + t) / (q + t); a.options.center && (f = e = .5); g = g ? g : a.options.speed; e = y(e, f, g); b = b.style.cssText; f = ""; 0 <= b.indexOf("transform") && (f = b.indexOf("transform"), f = b.slice(f), f = (k = f.indexOf(";")) ? " " + f.slice(11, k).replace(/\s/g, "") : " " + f.slice(11).replace(/\s/g,
                      "")); c.push({ baseX: e.x, baseY: e.y, top: v, left: p, height: m, width: q, speed: g, style: b, transform: f, zindex: h, min: l, max: n })
              } u && (window.addEventListener("resize", w), u = !1); z()
            }, x = function () {
              var d = l, b = k; l = a.options.wrapper ? a.options.wrapper.scrollTop : (document.documentElement || document.body.parentNode || document.body).scrollTop || window.pageYOffset; k = a.options.wrapper ? a.options.wrapper.scrollLeft : (document.documentElement || document.body.parentNode || document.body).scrollLeft || window.pageXOffset; a.options.relativeToWrapper &&
                (l = ((document.documentElement || document.body.parentNode || document.body).scrollTop || window.pageYOffset) - a.options.wrapper.offsetTop); return d != l && a.options.vertical || b != k && a.options.horizontal ? !0 : !1
            }, y = function (d, b, e) { var c = {}; d = 100 * e * (1 - d); b = 100 * e * (1 - b); c.x = a.options.round ? Math.round(d) : Math.round(100 * d) / 100; c.y = a.options.round ? Math.round(b) : Math.round(100 * b) / 100; return c }, A = function () { x() && !1 === u && z(); q = B(A) }, z = function () {
              for (var d, b = 0; b < a.elems.length; b++) {
                d = y((k - c[b].left + t) / (c[b].width + t), (l -
                  c[b].top + r) / (c[b].height + r), c[b].speed); var e = d.y - c[b].baseY, g = d.x - c[b].baseX; null !== c[b].min && (a.options.vertical && !a.options.horizontal && (e = e <= c[b].min ? c[b].min : e), a.options.horizontal && !a.options.vertical && (g = g <= c[b].min ? c[b].min : g)); null !== c[b].max && (a.options.vertical && !a.options.horizontal && (e = e >= c[b].max ? c[b].max : e), a.options.horizontal && !a.options.vertical && (g = g >= c[b].max ? c[b].max : g)); a.elems[b].style[D] = "translate3d(" + (a.options.horizontal ? g : "0") + "px," + (a.options.vertical ? e : "0") + "px," + c[b].zindex +
                    "px) " + c[b].transform
              } a.options.callback(d)
            }; a.destroy = function () { for (var d = 0; d < a.elems.length; d++)a.elems[d].style.cssText = c[d].style; u || (window.removeEventListener("resize", w), u = !0); C(q); q = null }; w(); A(); a.refresh = w; return a
            } console.warn("Rellax: The elements you're trying to select don't exist.")
      }; return n
    });
    document.getElementsByClassName("first-background")[0].style.height = document.getElementsByClassName("iiii")[0].offsetHeight + "px";
    document.getElementsByClassName("iiii")[0].style.height = document.getElementsByClassName("iiii")[0] + "px";
    document.getElementsByClassName("iiii")[0].style.overflowY = "hidden";
    var rellax = new Rellax('.rellax');
  </script>
  <script
  src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyD-sOxmgXbIbP-PPTQJAklbBD52QmS3C64'></script>
<a href='http://maps-generator.com/' style="opacity: 0;">embedded google maps</a>
<script type='text/javascript'
  src='https://embedmaps.com/google-maps-authorization/script.js?id=7565498023552e0735776a8d481534a760c1f750'></script>
<script type='text/javascript'>function init_map() { var myOptions = { zoom: 13, center: new google.maps.LatLng(29.0366133, -81.3032905), mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions); marker = new google.maps.Marker({ map: map, position: new google.maps.LatLng(29.0366133, -81.3032905) }); infowindow = new google.maps.InfoWindow({ content: '<div style="color: black"><strong>Building: Carlton-Union Building, Second Floor</strong><br>421 N Woodland Blvd<br>32723 DeLand<br></div>' }); google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); }); infowindow.open(map, marker); } google.maps.event.addDomListener(window, 'load', init_map);
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-68100609-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());

  gtag('config', 'UA-68100609-3');
</script>
</body>

</html>