-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
206 lines (173 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Uncommon Makes</title>
<link rel="stylesheet" href="styles.css">
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png"/>
</head>
<body onload="init()">
<a id="makes2023" href="https://makes2023.uncommonhacks.com/">Click here for the 2023 website!</a>
<!-- MOBILE -->
<div id="mobile-container" class="mobile">
<div class="mobile mobile-background no-highlight">
<embed src="assets/floor.svg" class="mobile"></embed>
<embed src="assets/floor.svg" class="mobile" style="transform: translate(0px, -3px);"></embed>
<embed src="assets/floor.svg" class="mobile" style="transform: translate(0px, -6px);"></embed>
</div>
<!-- LANDING -->
<embed id="mobile-landing-img1" src="assets/mobile/toprooms.svg" class="mobile no-highlight"></embed>
<embed id="mobile-landing-img2" src="assets/mobile/makes21_title_yellow.png" class="mobile no-highlight"></embed>
<div id="mobile-landing-txt1" class="mobile">
Uncommon Makes</br>
2021
</div>
<div id="mobile-landing-txt2" class="mobile">
Nov 12-13</br>
Chicago, IL
</div>
<a id="mobile-landing-txt3" href="https://bit.ly/Makes2021Signup"
class="mobile" target="_blank">REGISTER</a>
<!-- ABOUT -->
<embed id="mobile-about-img1" src="assets/mobile/about.svg" class="mobile no-highlight"></embed>
<embed id="mobile-about-img2" src="assets/pinpoint.svg" class="mobile no-highlight"></embed>
<div id="mobile-about-txt1" class="mobile">ABOUT</div>
<div id="mobile-about-txt2" class="mobile">
The Uncommon Hacks team is bringing you Uncommon Makes, a collaborative makeathon and workshop series! We will
present a series of workshops and talks geared towards UChicago students interested in getting their hands dirty
with web-based technologies. Over the course of the event, attend workshops that showcase several cool ways to
build a site, and then make an HTML page of your own! At the end, we’ll stitch all of them together in an
e-quilt that will celebrate the creativity of the tech community at UChicago. Join us at the MADD Center at
Crerar to learn, create, and make!
</div>
<!-- FAQ -->
<embed id="mobile-faq-img1" src="assets/mobile/faq.svg" class="mobile no-highlight"></embed>
<embed id="mobile-faq-img2" src="assets/pinpoint.svg" class="mobile no-highlight"></embed>
<div id="mobile-faq-txt1" class="mobile">FAQ</div>
<div id="mobile-faq-blk1" class="mobile">
<div id="mobile-faq-sec1" class="mobile">
1. How can I apply to Uncommon Makes 2021?<br/><br/>
Fill out our sign-up form (https://bit.ly/Makes2021Signup) and make sure to confirm
your participation during 7th Week when we send out confirmation emails.<br/><br/>
2. If I want to go to one workshop, do I have to go to the entire event?
Do I have to go for all two days?<br/><br/>
No, you do not need to be present for two days or even an entire day.
Just indicate on the registration form which events you’ll be attending.
However, each day of Makes will feature workshops as well as free time
to work and seek mentorship that we’d love for you to participate in!
<br/><br/>
3. Can I participate remotely?<br/><br/>
Yes! We’ll be livestreaming the workshops and offer opportunities to
collaborate on projects remotely.<br/><br/>
4. I’ve never coded before. Will I be able to participate in the workshops?<br/><br/>
The workshops are beginner-level but they do require very basic CS experience.
You will have no problem if you have taken any CS class before
but we also welcome all students to attend.<br/><br/>
5. Will lunch or dinner be provided?<br/><br/>
We will be providing individually packed meals on Friday;
on Saturday we will have lots of snacks and refreshments for participants.<br/><br/>
6. The event is tomorrow and I forgot to sign up! Can I still attend?<br/><br/>
Yes, we will be accepting walk-ins on a first-come, first-served basis.
If you forgot to sign up, please try to come early to ensure you get a spot.<br/><br/>
7. I participated in Uncommon Makes in previous years. Will the event be the same?
<br/><br/>
No! This year, we are splitting Makes into workshops and a makeathon
to make it more accessible and convenient for everyone. <br/><br/>
8. I participated in Uncommon Hacks last year. Will the event be the same?
<br/><br/>
No, Uncommon Makes is a much more informal, learning-based event.
While we’ll have project showcases and opportunities for collaboration and mentorship,
there won’t be various prize categories.
Stay tuned for information about Hacks 2022 happening in April 2022!<br/><br/>
9. Do I have to come to the event with a team?<br/><br/>
No, the event will not have any kind of competition and will not require a team.
However, workshops and projects can be done in pairs or teams if you’d like!<br/><br/>
10. Will materials (computers, hardware, etc.) be provided?<br/><br/>
Workshop materials such as code templates will be provided,
but we ask that you bring your own laptop.<br/><br/>
+ What if i have another question?<br/><br/>
Email [email protected] or shoot us a facebook message.<br/>
</div>
</div>
<!-- SCHEDULE -->
<embed id="mobile-schedule-img1" src="assets/mobile/schedule.svg" class="mobile no-highlight"></embed>
<embed id="mobile-schedule-img2" src="assets/pinpoint.svg" class="mobile no-highlight"></embed>
<div id="mobile-schedule-txt1" class="mobile">SCHEDULE</div>
<div id="mobile-schedule-blk1" class="mobile">
<div id="mobile-schedule-hdr1" class="mobile">Friday, November 12th<br/></div>
<div id="mobile-schedule-sec1" class="mobile">
6:00 pm – Opening & Introduction (Crerar 390)<br/>
6:30 pm – Oscillations: Algorithmic Animations in HTML + CSS + JS (Crerar 390)
/ Dynamic HTML (location TBA)
<br/>
7:30 pm – Dinner (3rd Floor Commons)r<br/>
7:45-8:15 PM Ideation + Team Formation (Crerar 390)<br/>
8:15 pm – Data Visualization (Crerar 390)<br/>
9:00 pm – Web Styling (Crerar 390)<br/>
9:45 pm - Work + Mentorshop Time<br/><br/>
</div>
<div id="mobile-schedule-hdr2" class="mobile">Saturday, November 13th<br/></div>
<div id="mobile-schedule-sec2" class="mobile">
1:00 pm – Doors open/check-in with mentors/work time<br/>
2:30 pm – Snacks + <activity> Break<br/>
5:00 pm – Closing + showcase<br/>
</div>
</div>
<!-- WORKSHOPS -->
<embed id="mobile-workshops-img1" src="assets/mobile/workshops.svg" class="mobile no-highlight"></embed>
<embed id="mobile-workshops-img2" src="assets/pinpoint.svg" class="mobile no-highlight"></embed>
<div id="mobile-workshops-txt1" class="mobile">Workshops</div>
<div id="mobile-workshops-txt2" class="mobile">
Stay tuned for workshop details!
</div>
<!-- PROJECTS -->
<embed id="mobile-projects-img1" src="assets/mobile/projects.svg" class="mobile no-highlight"></embed>
<embed id="mobile-projects-img2" src="assets/pinpoint.svg" class="mobile no-highlight"></embed>
<div id="mobile-projects-txt1" class="mobile">PROJECTS</div>
<div id="mobile-projects-txt2" class="mobile">
Projects e-quilt coming soon... keep an eye out after the event!
</div>
<!-- FOOTER (PLANT) -->
<embed id="mobile-footer-img1" src="assets/mobile/plant.svg" class="mobile no-highlight"></embed>
</div>
<!--Desktop-->
<div id="desktop-container" class="desktop">
<div id="backdrop-container" class="desktop">
<embed id="backdrop" src="assets/floor.svg" class="desktop"></embed>
</div>
<div id="world-container" class="desktop">
<embed id="world" src="assets_new/makes_21_map_path.svg" class="desktop"></embed>
</div>
<embed id="main-text-img" src="assets/makes21_desktop_title_yellow.PNG" class="header-text no-highlight desktop">
<div class="subhead no-highlight desktop">
NOV 12-13<br>
chicago, il
</div>
<div id="about-text" class="header-text no-highlight desktop">ABOUT</div>
<div id="faq-text" class="header-text no-highlight desktop">FAQ</div>
<div id="register-text" class="header-text no-highlight desktop">REGISTER</div>
<div id="schedule-text" class="header-text no-highlight desktop">SCHEDULE</div>
<!-- <div id="sponsors-text" class="header-text no-highlight desktop">SPONSORS</div> -->
<div id="workshops-text" class="header-text no-highlight desktop">WORKSHOPS</div>
<div id="projects-text" class="header-text no-highlight desktop">PROJECTS</div>
<embed id="character1" src="" class="character no-highlight desktop"></embed>
<embed id="character2" src="" class="character no-highlight desktop"></embed>
<embed id="character3" src="" class="character no-highlight desktop"></embed>
<embed id="character4" src="" class="character no-highlight desktop"></embed>
<!-- <embed id="pin1" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed>
<embed id="pin2" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed>
<embed id="pin3" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed> -->
<!-- <embed id="pin4" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed> -->
<!-- <embed id="pin5" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed>
<embed id="pin6" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed>
<embed id="pin7" src="assets/pinpoint.svg" class="pin no-highlight desktop"></embed> -->
<embed id="help" src="assets/help.svg" class="help no-highlight desktop"></embed>
<canvas id="sketchpad" width="1250px" height="720px" class="desktop"></canvas>
<canvas id="banner" width="3840px" height="720px" class="desktop"></canvas>
<canvas id="drape" width="3825px" height="2160px" class="desktop"></canvas>
</div>
<!-- Scripts -->
<script src="pk_text.js"></script>
<script src="script.js"></script>
</body>
</html>