-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
177 lines (161 loc) · 8.91 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
<!DOCTYPE HTML>
<html>
<head>
<title>Red Robot Hackathon</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" href="assets/css/main.css" />
<style>
.redrobot { color: #C20000; }
</style>
</head>
<body>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<!-- Header -->
<header id="header" class="alt">
<a class="logo" href="index.html">CMU Robotics Club</a>
<!--
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li>
<a href="#" class="icon solid fa-angle-down">Dropdown</a>
<ul>
<li><a href="#">Option One</a></li>
<li><a href="#">Option Two</a></li>
<li><a href="#">Option Three</a></li>
<li>
<a href="#">Submenu</a>
<ul>
<li><a href="#">Option One</a></li>
<li><a href="#">Option Two</a></li>
<li><a href="#">Option Three</a></li>
<li><a href="#">Option Four</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</nav>
-->
</header>
<!-- Banner -->
<div id="banner" class="wrapper">
<div class="inner">
<div class="content">
<h1 style="margin: 0;" class="redrobot">Red Robot Hackathon</h1>
<p style="font-size: 160%; font-weight: bold; margin-bottom: 1rem;">November 3–5, 2023</p>
<p style="font-size: 160%">A beginner-oriented hardware hackathon for the CMU community, hosted by the <a href="https://roboticsclub.org">CMU Robotics Club</a></p>
<ul class="actions">
<li><a href="https://forms.gle/hSdyy6hJCRunqf7a7" class="button large primary">Sign Up</a></li>
</ul>
</div>
<div class="image-wrapper">
<img src="images/frame.png" class="frame" alt="" />
<div class="image">
<img src="images/the_red_robot.png" alt="" />
</div>
</div>
</div>
</div>
<hr>
<!-- Wrapper -->
<div id="wrapper">
<!-- One -->
<section id="one" class="wrapper style1" style="padding-top: 1rem; padding-bottom: 0.1rem;">
<div class="inner">
<div class="spotlights">
<div class="spotlight">
<div class="image fit">
<img src="images/robots.png" alt="" />
</div>
<div class="content">
<h2 class="redrobot">Beginner Friendly</h2>
<p style="font-size: 130%">We'll provide instructions on how to assemble a functional robot from the starter kit of parts. From there, you'll be able to customize your robot by adding your own mechanisms, electronics, and code.<br><br>Mentors will be available throughout the event to help with anything and everything!</p>
</div>
</div>
<div class="spotlight">
<div class="image fit alt">
<img src="images/field.png" alt="" />
</div>
<div class="content">
<h2 class="redrobot">Competition Challenge</h2>
<p style="font-size: 130%">At the start of the event, we'll introduce the year's challenge and reveal the game field and scoring mechanism. The challenge is kept secret until then, in order to maintain the experience of having only a single weekend to work on your robot! Past challenges have included robotic soccer, Quidditch, Scrabble, capture-the-flag, and more!<br><br></p>
</div>
</div>
<div class="spotlight">
<div class="image fit">
<img src="images/neeeeetworking.jpg" alt="" />
</div>
<div class="content">
<h2 class="redrobot">Make Friends and Have Fun!</h2>
<p style="font-size: 130%">Red Robot is a great way to meet new friends who share similar interests, get to know the Robotics Club, meet our sponsors (great way to get an internship, <i>tsk tsk</i>), learn new skills, and generally have a great time!<br><br>We'll provide meals, snacks, swag, and occasional diversions (think midnight Jenga tournament) throughout the event!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Two -->
<hr>
<section id="two" class="wrapper style1" style="padding-top: 0;">
<div class="inner">
<header style="padding-bottom: 1rem;">
<h2 class="redrobot" style="width: 100%; font-size: 220%; text-align: center;">Frequently Asked Questions</h2>
</header>
<div style>
<h3 style="margin-bottom: 0.2rem;">What level of expertise do I need to compete?</h3>
<p style="font-size: 130%; margin-left: 2rem; margin-bottom: 1.5rem;">None! The event is oriented towards beginners and our mentors will be available to help you learn any skills you need! Feel free to ask for their input on design, sensors, software, or ask them to teach you how to use the laser-cutters and 3D printers!</p>
</div>
<div>
<h3 style="margin-bottom: 0.2rem;">What hours will the event run?</h3>
<p style="font-size: 130%; margin-left: 2rem; margin-bottom: 1.5rem;">We'll start around 6PM on Friday evening with a kickoff presentation, team mixer, and dinner. The club (and mentors) will be available all of Saturday for hacking and learning, and we'll wrap up the event on Sunday afternoon around 2PM with the final tournament and award ceremony! If you can't make it on Friday, feel free to show up Saturday morning and you'll still be able to join a team.</p>
</div>
<div>
<h3 style="margin-bottom: 0.2rem;">Will there be food?</h3>
<p style="font-size: 130%; margin-left: 2rem; margin-bottom: 1.5rem;">We keep our attendees (and mentors) well-fed at Roboclub events! We'll provide lunch, dinner, and snacks throughout the weekend.</p>
</div>
<div>
<h3 style="margin-bottom: 0.2rem;">Will there be prizes?</h3>
<p style="font-size: 130%; margin-left: 2rem; margin-bottom: 1.5rem;">Of course! A good hackathon wouldn't be complete without prizes! Awards will be given for: highest scores in the competition challenge; most creative designs; most ambitious concepts; Judge's Choice awards; and more!</p>
</div>
<div>
<h3 style="margin-bottom: 0.2rem;">Can we work together as a team?</h3>
<p style="font-size: 130%; margin-left: 2rem; margin-bottom: 1.5rem;">Competitors will work together in teams of 3-5 people. If you already have a group of friends who you want to team up with: Great! List your team members on your registration form. If not, we'll have a team mixer at the start of the competition to help you find a team with other attendees.</p>
</div>
<div>
<h3 style="margin-bottom: 0.2rem;">I still have questions</h3>
<p style="font-size: 130%; margin-left: 2rem; margin-bottom: 1.5rem;">Please feel free to email us at: <span id="mmm">redrobot [+at+] roboclub [+dot+] org</span></p>
</div>
</div>
</section>
</div>
<script>
setTimeout(function() {
var m = document.getElementById("mmm");
m.innerHTML = m.innerHTML.replace("[+at+]", "@");
m.innerHTML = m.innerHTML.replace("[+dot+]", ".");
m.innerHTML = m.innerHTML.replaceAll(" ", "");
}, 2000);
</script>
<!-- Footer -->
<div id="footer" class="wrapper">
<div class="inner">
<p class="copyright">
© 2023 CMU Robotics Club
</p>
</div>
</div>
<!-- Scripts -->
</body>
</html>