-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (115 loc) · 6.48 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>ToblerHacks</title>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158607018-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158607018-2');
</script>
<!--This is my style sheet-->
<link rel="stylesheet" href="landing_style.css">
<!--Maven Pro Font-->
<link href="https://fonts.googleapis.com/css?family=Maven+Pro&display=swap" rel="stylesheet">
<!--Font Awesome for icons-->
<script src="https://kit.fontawesome.com/ad24df4c4e.js" crossorigin="anonymous"></script>
<!-- W3 CSS-->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class="w3-row container demo welcome">
<div class="landing">
<div id="large-header" class="large-header">
<canvas id="demo-canvas"></canvas>
<h1 class="main-title"><span class="thin">Tobler</span> Hacks</h1>
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:3%;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/na-2020/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2020-season&utm_content=black" target="_blank"><img src="mlh.svg" alt="Major League Hacking 2020 Hackathon Season" style="width:180%"></a>
</div>
</div>
</div>
<div class="w3-bar" id="navbar">
<i><span class="thin">Tobler</span> Hacks</i>
<div class="w3-center">
<a href="#schedule" class="w3-bar-item w3-mobile">Schedule</a>
<a href="#sponsors" class="w3-bar-item w3-mobile">Sponsors</a>
<a href="#bring" class="w3-bar-item w3-mobile">What to Bring</a>
<a href="#organizers" class="w3-bar-item w3-mobile">Organizers</a>
</div>
</div>
<div id="content">
<div id="about" class="main-content">
<h1 class="content-title">About</h1>
<p>
<b>WELCOME</b> to ToblerHacks! This is your premier officially unofficial hackathon, held once and only once, so you better not miss it! At this hackathon I expect you all to create something absolutely amazing. All the projects should be winners. I want so see blood, sweat, and tears pour out of you at this event. I expect for all of you to do the best work you have done in your life and I mean it. You will have to provide your own meals, transportation, hardware... pretty much everything. If this doesn't sound like a blast I don't know what is wrong with you honestly. Also scroll down to see when this shibang starts and also write it down in your calender. Tell your friends you won't be free and not to call because this is the real deal. YOU are a creater, explorer, and experimenter. This is the weekend you can show the WORLD! <i class="fas fa-globe-americas"></i>
</p>
</div>
<div id="schedule" class="main-content w3-center">
<h1 class="content-title">Schedule</h1>
<div class="w3-row schedule-content">
<div class="w3-col s12 l4">
<h3>Registration</h3>
<p>Just show up!</p>
</div>
<div class="w3-col s12 l4">
<h3>Start Date (POSTPONED)</h3>
<p>March 20<sup>th</sup></p>
</div>
<div class="w3-col s12 l4">
<h3>End Date</h3>
<p>March 22<sup>nd</sup></p>
</div>
</div>
<div class="w3-row">
<div class="w3-col">
<h3>Where to be</h3>
<p>Boyd 146 <b>5PM</b></p>
</div>
</div>
</div>
<div id="sponsors" class="main-content">
<h1 class="content-title">Sponsors</h1>
<a class="fas fa-users" href="https://www.youtube.com/watch?v=srx7fSBwvF4"></a>
<h3>YOU</h3>
</div>
<div id="bring" class="main-content">
<h1 class="content-title">What to Bring</h1>
<ul>
<li><i class="fas fa-female"> </i>Yourself <i class="fas fa-male"></i></li>
<li><i class="fas fa-laptop"></i> Laptop <i class="fas fa-laptop"></i></li>
<li><i class="fas fa-battery-empty"></i> Charger <i class="fas fa-battery-full"></i></li>
<li><i class="fas fa-tint"></i> Water Bottle <i class="fas fa-tint"></i></li>
<li><i class="fas fa-utensils"></i> Food for the host (@Stefan) <i class="fas fa-hamburger"></i></li>
</ul>
<img src="github-backpack.png" id="backpack">
</div>
<div id="organizers" class="main-content">
<h1 class="content-title">Organizers</h1>
<a href="https://stefantobler.com">
<img src="stefan.jpg" alt="https://stefantobler.com" class="profile-img">
<p class="image-text">
Stefan Tobler
<br>
<i>He has done everything...</i>
</p>
</a>
</div>
</div>
</body>
<footer>
<div class="end-info">
<p> Beware I might be tracking you with cookies...</p>
<p> <i class="fas fa-cheese"></i> Check out <a href="https://stefantobler.com">stefantobler.com</a> <i class="fas fa-cheese"></i></p>
<p>jk ;)</p>
</div>
<!--JS for Space Nodes-->
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/TweenLite.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/EasePack.min.js"></script>
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo.js"></script>
<!--JS for the Sticky Navigation Bar-->
<script src="sticky_nav.js"></script>
</footer>
</html>