diff --git a/src/scss/pages/_rumble.scss b/src/scss/pages/_rumble.scss index 4b96020..f7ffd39 100644 --- a/src/scss/pages/_rumble.scss +++ b/src/scss/pages/_rumble.scss @@ -81,75 +81,12 @@ } } - .info { - height: 100vh; - justify-content: flex-start; - - .trailer { - position: relative; - height: 100%; - width: 50%; - overflow: hidden; - - img { - position: absolute; - top: 0; - display: block; - width: 100%; - height: 100%; - rotate: -90deg; - z-index: -1; - } - - .overlay { - width: 100%; - height: 100%; - position: absolute; - top: 0; - background: rgba(0, 0, 0, 0.2); - display: grid; - place-items: center; - transition: 0.25s linear; - - svg { - width: 40px; - height: 40px; - fill: white; - } - - &:hover { - cursor: pointer; - background: rgba(0, 0, 0, 0.5); - } - } - } - - .textInfo { - height: 100%; - width: 50%; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - - div { - display: flex; - align-items: center; - - h2 { - margin-left: 2rem; - text-shadow: 0 0 15px white; - } - } - } - } - .selector { width: 100%; height: 100%; overflow: hidden; - div.apac, div.me, div.ssa { + div { position: relative; width: calc(100vw / 3); height: 100vh; @@ -184,18 +121,27 @@ } .overlay { + display: block; position: absolute; width: 100%; height: 100%; - background: rgba(black, 0.05); + background: rgba(black, 0); transition: 0.5s ease-in-out; - - &:hover { - background: rgba(black, 0.2); - } } } } + section.footer { + font-family: $text-font-stack; + width: 100%; + min-height: 200px; + height: 200px; + padding: 2rem 2rem; + background: lighten($bg-color, 20%); + text-align: center; + font-size: 1rem; + letter-spacing: 0.5px; + line-height: 1.5; + } } @keyframes moveBg { diff --git a/src/views/RegionalRumble.vue b/src/views/RegionalRumble.vue index 067b19a..6a935ed 100644 --- a/src/views/RegionalRumble.vue +++ b/src/views/RegionalRumble.vue @@ -9,39 +9,66 @@ -
-
- APL Regional Rumble Trailer -
- -
-
-
-
-

3 Major Tournaments

-

$51,000 Prize Pool

-
-
-

15 Qualifiers

-

$24,000 Prize Pool

-
-
-
-
-
+ Regional Rumble APAC Logo
-
+ Regional Rumble MENA Logo
-
+ Regional Rumble SSA Logo
+ +