diff --git a/index.html b/index.html index e73d83862..841c324a5 100644 --- a/index.html +++ b/index.html @@ -58,9 +58,11 @@
BRICKHACK 7
-RIT's Premiere Hackathon
-FEB 20-21 | ROCHESTER INSTITUTE OF TECHNOLOGY
- REGISTER +FEB 20-21 | RIT DIGITAL HACKATHON
+- code of conduct | + code of conduct + | privacy policy
copyright © 2020 codeRIT
diff --git a/sass/main.scss b/sass/main.scss index a57f191c6..e471639fb 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -41,7 +41,7 @@ $title-size: 3em; text-decoration: none; user-select: none; padding: 10px 20px; - border-radius: 50px; + border-radius: 20px; display: inline-block; color: white; cursor: pointer; @@ -191,28 +191,37 @@ nav { // This lets the different h elements // appear to be equally spaced. line-height: 0.7; - margin-bottom: 30px; + margin-bottom: 40px; } #bh7 { - font-size: 5.4em; + font-size: 6em; font-weight: $font-extrabold; } - #premiere { - font-size: 2.5em; - font-weight: $font-medium; - } - #dates { - font-size: 1.3em; - font-weight: $font-regular; + font-size: 2em; + font-weight: $font-extrabold; } - #register { - @include button; - padding: 10px 80px; - font-size: 2em; + #action-buttons { + display: flex; + justify-content: space-between; + width: 80%; + + #register, #discord { + @include button; + font-size: 2.3em; + width: 48%; + text-align: center; + } + + #discord { + background-color: $dark-blue; + &:hover { + background-color: lighten($dark-blue, 5%); + } + } } // Hero Graphics @@ -1150,6 +1159,7 @@ footer { text-align: center; h2 { + margin-top: -5px; margin-bottom: -5px; } @@ -1162,6 +1172,22 @@ footer { font-size: 3em; padding: 0px 5px; } + + a { + display: inline-block; + transition: 0.2s; + + &:hover { + color: $red; + + i { + transform: translateY(-4px); + } + } + i { + transition: 0.2s; + } + } } } @@ -1231,18 +1257,6 @@ footer { } #hero { - #bh7 { - font-size: 6.4em; - } - - #premiere { - font-size: 3em; - } - - #dates { - font-size: 1.6em; - } - #register { font-size: 2.3em; } @@ -1271,19 +1285,10 @@ footer { } #hero { - #bh7 { font-size: 5.0em; } - #premiere { - font-size: 2.0em; - } - - #dates { - font-size: 1.1em; - } - #shapes { right: -100px; } @@ -1384,6 +1389,20 @@ footer { @media screen and (max-width: 1220px) { + #hero { + #dates { + font-size: 1.5em; + } + + #action-buttons { + width: 70%; + + #register, #discord { + font-size: 1.7em; + } + } + } + #hackathon #hackathon-content #hackathon-buttons { width: 100%; } @@ -1512,16 +1531,20 @@ footer { font-size: 4.2em; } - #premiere { - font-size: 2.0em; + #hero-text { + margin-top: 10vh; } #dates { - font-size: 1.1em; + font-size: 1.5em; } - #hero-text { - margin-top: 10vh; + #action-buttons { + width: 60%; + + #register, #discord { + font-size: 1.2em; + } } #desk-container { @@ -1718,18 +1741,23 @@ footer { p { line-height: 0.4; + margin-bottom: 25px; } #bh7 { - font-size: 2.4em; + font-size: 3em; } - #premiere { - font-size: 1.5em; + #dates { + font-size: 1em; } - #dates { - font-size: 0.7em; + #action-buttons { + width: 80%; + + #register, #discord { + font-size: 1.2em; + } } #desk-container { @@ -1817,7 +1845,11 @@ footer { background-size: auto 200px; #footer-content { - height: 160px; + height: 157px; + + h2 { + font-size: 1.2em; + } p { font-size: 0.8em; @@ -1832,7 +1864,7 @@ footer { @media screen and (max-width: 320px) { - #hero #premiere { + #hero #dates { font-size: 1.2em; } }