From 7b3208f96e5ce792714c10a2c59cb97136403fb4 Mon Sep 17 00:00:00 2001 From: negasora Date: Thu, 10 Aug 2023 22:33:17 -0700 Subject: [PATCH] Updated website for finals --- index.html | 90 +++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 82 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 2802549..0dfa204 100644 --- a/index.html +++ b/index.html @@ -6,12 +6,16 @@ body { font-family: sans-serif; color: #fff; + margin: 0; + padding: 0; + overflow-x: hidden; } + video { width: 100vw; height: 100vh; object-fit: cover; - position: fixed; + position: absolute; top: 0; left: 0; z-index: -1; @@ -31,7 +35,7 @@ } #previous { - position: fixed; + position: absolute; left: 50%; bottom: 0; padding: 10px; @@ -49,6 +53,62 @@ padding-bottom: 5px; } +#bracket { + position: absolute; + bottom: -100%; + padding: 0; + width: 100%; + height: 100%; +} + +#bracket-button { + position: absolute; + bottom: 50px; + right: 50px; + background: #d81bc8; + box-shadow: 0 0 15px 5px #f638e6; + border-radius: 50%; + width: 50px; + height: 50px; + font-size: 20pt; + text-align: center; + padding: 10px; + animation: pulse 3s infinite; + cursor: pointer; +} + +.chevron::before { + border-style: solid; + border-width: 0.15em 0.15em 0 0; + content: ''; + display: inline-block; + height: 20px; + position: relative; + width: 20px; + top: 0; + transform: rotate(135deg); +} + +.chevron { + margin-top: 5px; + height: 20px; +} + +@keyframes pulse { + 0% { + box-shadow: 0 0 5px 2px #f638e6; + } + + 50% { + box-shadow: 0 0 15px 5px #f638e6; + } + + 100% { + box-shadow: 0 0 5px 2px #f638e6; + } +} + + @@ -57,6 +117,15 @@ + +
+
soon
+ +

In partnership with:

+ +

+ + -
-

We'll be back at DEF CON 31 Finals

-
soon
+ -

In partnership with:

- +
+