|
3 | 3 | <head> |
4 | 4 | <title>BrickHack 7</title> |
5 | 5 | <meta charset="utf-8"/> |
6 | | - <!-- Disabled, see Issue #1027 --> |
7 | | - <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> --> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1"> |
8 | 7 | <meta name="keywords" content="hackathons, hackathon, hack-a-thon, programming, hardware, development, design, rit"/> |
9 | 8 | <meta name="theme-color" content="#000000"/> |
10 | 9 |
|
|
28 | 27 | <body> |
29 | 28 | <nav> |
30 | 29 | <div class="left"> |
31 | | - <a href="https://brickhack.io"> |
32 | | - <img id="logo" src="assets/logo.svg" alt="BrickHack 7 Logo" /> |
| 30 | + <a id="logo" href="https://brickhack.io"> |
| 31 | + <img src="assets/logo.svg" alt="BrickHack 7 Logo" /> |
33 | 32 | </a> |
34 | 33 | <a class="link" href="#hackathon-content">GENERAL</a> |
35 | 34 | <a class="link" href="#faq">FAQ</a> |
|
43 | 42 | </a> |
44 | 43 | </div> |
45 | 44 | </nav> |
46 | | - <section id="hero"> |
47 | | - <!-- Background images due to easier positioning. --> |
48 | | - <div id="desk"></div> |
49 | | - <div id="shelf"></div> |
50 | | - <div id="hero-text"> |
51 | | - <p id="bh7">BRICKHACK 7</p> |
52 | | - <p id="premiere">RIT's Premiere Hackathon</p> |
53 | | - <p id="dates">FEB 20-21 | ROCHESTER INSTITUTE OF TECHNOLOGY</p> |
54 | | - <a id="register" href="https://apply.brickhack.io/users/sign_up">REGISTER</a> |
| 45 | + <section id="hero" class="section-pad-left"> |
| 46 | + <div id="desk-container"> |
| 47 | + <div id="desk"></div> |
| 48 | + <div id="wire"></div> |
55 | 49 | </div> |
| 50 | + <div id="shelf"></div> |
56 | 51 | <div id="shapes"></div> |
| 52 | + <div id="hero-content"> |
| 53 | + <!-- Background images due to easier positioning. --> |
| 54 | + <div id="hero-text"> |
| 55 | + <p id="bh7">BRICKHACK 7</p> |
| 56 | + <p id="premiere">RIT's Premiere Hackathon</p> |
| 57 | + <p id="dates">FEB 20-21 | ROCHESTER INSTITUTE OF TECHNOLOGY</p> |
| 58 | + <a id="register" href="https://apply.brickhack.io/users/sign_up">REGISTER</a> |
| 59 | + </div> |
| 60 | + </div> |
57 | 61 | </section> |
58 | 62 | <section id="hackathon"> |
59 | | - <div class="carousel"> |
| 63 | + <div class="carousel section-pad-top"> |
60 | 64 | <div class="slide"> |
61 | 65 | <div class="wire"></div> |
62 | 66 | <div class="front-clip"></div> |
|
128 | 132 | <span id="close"><i id="close" class="fas fa-times"></i></span> |
129 | 133 | <img id="modal-content" alt="image from carousel"> |
130 | 134 | </div> |
131 | | - <div id="hackathon-content"> |
| 135 | + <div id="hackathon-content" class="section-pad"> |
132 | 136 | <div id="hackathon-text"> |
133 | | - <h2>What is a Hackathon?</h2> |
| 137 | + <h1>What is a Hackathon?</h1> |
134 | 138 | <p>A Hackathon is an invention marathon. Any student can attend! Really, any student... and it's completely free.</p> |
135 | 139 | <p>Students work in teams and mentors are present to offer help. Sponsors attend to help, recruit, and promote their products. Teams compete in different categories and prizes are awarded, but everyone learns and everyone wins!</p> |
136 | 140 | <p>Come spend 24 hours with us at BrickHack and dedicate time to learn, collaborate, build, and innovate.</p> |
137 | 141 | </div> |
138 | 142 | <div id="hackathon-buttons"> |
139 | | - <a href="https://mlh.io/" id="mlh" target="_blank" rel="noopener noreferrer"> |
| 143 | + <a href="https://mlh.io/" target="_blank" rel="noopener noreferrer"> |
140 | 144 | <i class="fas fa-arrow-right"></i> |
141 | | - <p>Visit Major League Hacking (MLH)</p> |
| 145 | + <p>Visit Major League Hacking</p> |
142 | 146 | </a> |
143 | | - <a href="javascript:void(0);" id="gallery" rel="noopener noreferrer"> |
| 147 | + <a href="javascript:void(0);" rel="noopener noreferrer"> |
144 | 148 | <i class="fas fa-tools"></i> |
145 | 149 | <p>Gallery (coming soon!)</p> |
146 | 150 | </a> |
147 | 151 | </div> |
148 | 152 | </div> |
149 | 153 | </section> |
150 | | - <section id="schedule"> |
| 154 | + <section id="schedule" class="section-pad"> |
151 | 155 | <h1>Schedule</h1> |
152 | 156 | <p>More events coming soon!</p> |
153 | 157 | <div id="schedule-block"> |
@@ -205,7 +209,7 @@ <h6 class="name">SUNDAY</h6> |
205 | 209 | </div> |
206 | 210 | </div> |
207 | 211 | </section> |
208 | | - <section id="faq"> |
| 212 | + <section id="faq" class="section-pad"> |
209 | 213 | <div id="faq-wrapper"> |
210 | 214 | <h1>Frequently Asked Questions</h1> |
211 | 215 | <div id="faq-cards"> |
@@ -300,9 +304,9 @@ <h1>Frequently Asked Questions</h1> |
300 | 304 | </div> |
301 | 305 | </section> |
302 | 306 | <section id="leadership"> |
303 | | - <div id="leadership-content"> |
| 307 | + <div id="leadership-content" class="section-pad"> |
304 | 308 | <h1>Leadership Team</h1> |
305 | | - <div id="leaders"> |
| 309 | + <div id="leaders" class="section-pad-top"> |
306 | 310 | <div class="leader"> |
307 | 311 | <div class="leader-tape"></div> |
308 | 312 | <img src="./assets/leadership/michael.jpg" alt="Michael's photo"/> |
@@ -372,7 +376,7 @@ <h1>Leadership Team</h1> |
372 | 376 | <div id="footer-content"> |
373 | 377 | <div> |
374 | 378 | <h2>contact us</h2> |
375 | | - <p>hello@coderit.org</p> |
| 379 | + <p><a href="mailto:hello@coderit.org">hello@coderit.org</a></p> |
376 | 380 | </div> |
377 | 381 | <div> |
378 | 382 | <a href="https://twitter.com/coderit" target="_blank"> |
|
0 commit comments