Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
aldinp16 authored Jul 23, 2024
1 parent f2db019 commit 78b4ff1
Showing 1 changed file with 12 additions and 20 deletions.
32 changes: 12 additions & 20 deletions events/0byteCTF-2024/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,26 +10,18 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
<style>.timeline,.timeline .timeline-item{position:relative}:root{--neon-blue:184,96%,46%}svg{font-family:"Bebas Neue",sans-serif;width:100%;height:100%}svg text{animation:3s infinite alternate stroke;stroke-width:2;stroke:#91D7E1;font-size:50px;font-weight:bolder}@keyframes stroke{0%{fill:rgba(145,215,225,0);stroke:rgba(145,215,225,1);stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:rgba(145,215,225,0);stroke:rgba(145,215,225,1)}80%{fill:rgba(145,215,225,0);stroke:rgba(145,215,225,1);stroke-width:3}100%{fill:rgba(145,215,225,1);stroke:rgba(145,215,225,0);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}.timeline{border-left:1px solid #91d7e1;list-style:none}.timeline .timeline-item:after{position:absolute;display:block;top:0;background-color:#91d7e1;left:-38px;border-radius:50%;height:11px;width:11px;content:""}ul.cyberpunk{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.5em auto;font-size:.8em;text-align:center}li.cyberpunk{list-style-type:none;border:.2rem solid #91d7e1;padding:1em;font-weight:bolder;margin:.5em;border-radius:15%;background:hsl(var(--dark-blue));-webkit-box-shadow:0 0 1.2rem hsla(var(--neon-blue),.3),.1rem .1rem 1.2rem hsla(var(--neon-blue),.3),-.1rem .1rem 1.2rem hsla(var(--neon-blue),.3),.1rem -.1rem 1.2rem hsla(var(--neon-blue),.3),-.1rem -.1rem 1.2rem hsla(var(--neon-blue),.3),0 0 1.5rem hsla(var(--neon-blue),.4) inset,.1rem .1rem 1.5rem hsla(var(--neon-blue),.2) inset,-.1rem .1rem 1.5rem hsla(var(--neon-blue),.2) inset,.1rem -.1rem 1.5rem hsla(var(--neon-blue),.2) inset,-.1rem -.1rem 1.5rem hsla(var(--neon-blue),.2) inset;box-shadow:0 0 1.2rem hsla(var(--neon-blue),.3),.1rem .1rem 1.2rem hsla(var(--neon-blue),.3),-.1rem .1rem 1.2rem hsla(var(--neon-blue),.3),.1rem -.1rem 1.2rem hsla(var(--neon-blue),.3),-.1rem -.1rem 1.2rem hsla(var(--neon-blue),.3),0 0 1.5rem hsla(var(--neon-blue),.4) inset,.1rem .1rem 1.5rem hsla(var(--neon-blue),.2) inset,-.1rem .1rem 1.5rem hsla(var(--neon-blue),.2) inset,.1rem -.1rem 1.5rem hsla(var(--neon-blue),.2) inset,-.1rem -.1rem 1.5rem hsla(var(--neon-blue),.2) inset;-webkit-transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}li.cyberpunk:nth-child(3n){-webkit-transform:rotate(8deg);transform:rotate(8deg)}li.cyberpunk:nth-child(2n+2){-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}li.cyberpunk:hover{-webkit-transform:rotate(0);transform:rotate(0);-webkit-animation:.4s linear flicker;animation:.4s linear flicker}</style>
<style>body {background-color: #001932 !important;}</style>
<style>body { overflow-y:hidden; overflow-x:hidden;}</style>
</head>
<body>
<div class="container">

<div class="text-center">
<img src="https://zerobyte.id/img/0byteCTF-2024-Logo.png" class="rounded img-fluid p-3 w-75" alt="0byteCTF 2024 Logo">
</div>

<div class="row">
<center><h2 style="font-family: 'Bebas Neue'; color: #91D7E1" class="mt-5">Coming Soon!</h2></center>
</div>
<!-- Section: Timeline -->

<footer class="text-center">&copy; 2024 by ZeroByte.ID</footer>


</div>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<body style="background-color: #001932">
<div class="container">
<div class="d-flex flex-column align-items-center justify-content-center align-items-center vh-100">
<div class="col-sm-6">
<img src="https://zerobyte.id/img/0byteCTF-2024-Logo.png" class="img-fluid" alt="0byteCTF 2024 Logo">
</div>
<h2 style="font-family: 'Bebas Neue'; color: #91D7E1">Coming Soon!</h2>
<div>&copy; 2024 by ZeroByte.ID</div>
</div>
</div>
</body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
</html>

0 comments on commit 78b4ff1

Please sign in to comment.