diff --git a/css/styles.css b/css/styles.css index 6d62fc0..577a7ff 100644 --- a/css/styles.css +++ b/css/styles.css @@ -15,7 +15,7 @@ html { body { max-width: 100%; overflow-x: hidden; - min-height: 100%; + min-height: 100%; } h1 { @@ -30,7 +30,7 @@ li { .scrollableElement { position: relative; -} +} /*Images*/ #backgroundImage { @@ -41,43 +41,39 @@ li { .overImage div { position: absolute; -} +} /* section positioning */ #introduction { - bottom: 28%; - left: 30%; - width: 50%; - text-align: left; - color: white; + bottom: 28%; left: 30%; width: 50%; text-align: left; color: white; } #howitworks { bottom: 47%; left: 29%; - width: 50%; + width: 50%; text-align: center; } #judging { bottom: 67.5%; left: 20%; - width: 30%; + width: 30%; text-align: center; } #schedule { bottom: 84%; left: 60%; - width: 30%; + width: 30%; text-align: left; } #about { bottom: 91.5%; left: 17%; - width: 30%; + width: 30%; text-align: center; } @@ -93,6 +89,58 @@ li { font-family: avenirNext; } +.buttons * { + font-size: 2rem; +} + .xtra-btn { margin: 5px; -} \ No newline at end of file +} + +@media only screen and (max-width: 1186px) { + body { + font-size: 1.5vw; + } + + h1 { + font-size: 5vw; + } + + #introduction { + bottom: 27%; + } + + #howitworks { + bottom: 44%; + } + + #judging { + bottom: 66%; + } + + #schedule { + bottom: 85%; + } + + #about { + bottom: 89.5%; + } + + p, ol { + margin-bottom: 1vw; + } + + ul { + padding-left: 0; + } + + .buttons * { + font-size: 2vw; + } +} + +@media only screen and (max-width: 675px) { + .buttons * { + font-size: 1.5vw; + } +} diff --git a/index.html b/index.html index a439ed1..9371f5f 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ - + @@ -12,19 +12,19 @@
- +
-
+

introduction

Come solve a crazy design problem at Uncommon Makes! In this second-ever UChicago designathon, you will have six hours to respond to a design prompt. The twist is: unlike at our hackathon, your solution does not have to be a technical product. Mock-ups, prototypes, sketches, drawings, and even interpretive dances are all fair game! What our judges will be looking for the most is how creatively and thoughtfully your team responded to the prompt.

- +

how does it work?

Once you arrive at the event, you’ll have a chance to meet new people and form teams. Then, during our opening ceremony, we'll announce the prompt for this year's Makes. After the keynote, we’ll start our two workshops that introduce you to two technologies that could help with your project:

@@ -58,16 +58,15 @@

schedule

about

Uncommon Hacks is an RSO that organizes coding-related competitions on campus. Our main event is a 24-hour hackathon called Hacks, which happens during the first weekend of the spring quarter. We love cool tech projects and can't wait to see what you create! 😁

- +
- - + - \ No newline at end of file + diff --git a/js/script.js b/js/script.js deleted file mode 100644 index 0086128..0000000 --- a/js/script.js +++ /dev/null @@ -1,10 +0,0 @@ -window.onload = function() { - var w = window.innerWidth; - - if ((w < 1100)) { - window.location.href = "https://makes23.mobile.uncommonhacks.com/"; - } - // Scroll to the bottom of the page - window.scrollTo(0, document.body.scrollHeight); -} -