-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
181 additions
and
0 deletions.
There are no files selected for viewing
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,181 @@ | ||
<div style="display: flex ; flex-direction : column"> | ||
<h1 style="align-self: center ; margin: 1em 0 1em 0">Welcome to HeroCTF v6 ! | ||
</h1> | ||
<p class="text-center">(UTC+2 FR/Paris Timezone) | ||
</p> | ||
<div class="row" style="justify-content: space-around; margin-bottom: 1em"> | ||
<div> | ||
<strong>Start : Friday 25/10 at 9pm | ||
</strong> | ||
</div> | ||
<div> | ||
<span style="font-size: 1.1em; color: #b5e853">// | ||
</span> | ||
</div> | ||
<div> | ||
<strong>End : Sunday 27/10 at 11pm | ||
</strong> | ||
</div> | ||
</div> | ||
<div class="seperator"> | ||
</div> | ||
<h5>Rules for the CTF : | ||
</h5> | ||
<p> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> No flag sharing between teams | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> Be respectful with each other | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> Respect the team size limit | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> Do not attack/damage the platform outside of challenges | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> Fuzzing is forbidden if not clearly stated in the challenge's description | ||
<br> | ||
</p> | ||
<h5>For you questions: Tickets | ||
</h5> | ||
<p> | ||
If there is a problem with a challenge or the infrastructure, you can | ||
<strong>open a ticket on the <a href="https://discord.gg/mgk9bv7" target="_blank">Discord</a> server. | ||
</strong> | ||
<br> | ||
<strong>You must not directly contact any member of the staff. | ||
</strong> As you can imagine, we are very often very busy answering all the questions and handling potential problems. | ||
<br> | ||
The ticketing system will allow us to answer as fast as possible, keep track of ongoing issues, and stay fair to everyone with our reponse time. | ||
</p> | ||
<div class="seperator"> | ||
</div> | ||
<h5>Links : | ||
</h5> | ||
<p> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> | ||
<a href="https://ctftime.org/event/2496" target="_blank">CTFTime | ||
</a> (Do not forget to add your team) | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> | ||
<a href="https://twitter.com/HeroCTF" target="_blank">Twitter | ||
</a> | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> | ||
<a href="https://discord.gg/mgk9bv7" target="_blank">Discord | ||
</a> | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> | ||
<a href="https://www.linkedin.com/company/heroctf/" target="_blank">Linkedin | ||
</a> | ||
<br> | ||
<span style="font-size: 1em; color: #b5e853"> >> | ||
</span> | ||
<a href="https://github.com/HeroCTF" target="_blank">Github | ||
</a> | ||
</p> | ||
<div class="seperator"> | ||
</div> | ||
Prizes : | ||
<div class="row" style="justify-content: space-between; margin-bottom: 1em;"> | ||
<div class="terminal"> | ||
<span class="green_prefix size_up"> $ </span>Gift Cards<span class="small">*</span>:<br> | ||
<span class="green_prefix"> ></span> 1st Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 2nd Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 3rd Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 4th Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 5th Place: ??? x 5<br> | ||
</div> | ||
<div class="terminal"> | ||
<span class="green_prefix size_up"> $ </span>Something<span class="small">**</span>:<br> | ||
<span class="green_prefix"> ></span> 1st Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 2nd Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 3rd Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 4th Place: ??? x 5<br> | ||
<span class="green_prefix"> ></span> 5th Place: ??? x 5<br> | ||
</div> | ||
</div> | ||
<p class="small"> | ||
<br>* Only <strong>fully</strong> student teams are eligible for prizes. Prizes are given out as Amazon gift cards. | ||
<br>** Only teams located in <strong>France</strong> and <strong>Belgium</strong> are eligible for the hoodies. | ||
</p> | ||
<div class="seperator"> | ||
</div> | ||
<div style="align-items: center; width: 100%"> | ||
<div class="flag">Hero{th3_l4w_1s_h4rd_bu7_1t_5_th3_l4w} | ||
</div> | ||
</div> | ||
</div> | ||
<style> | ||
.row { | ||
display: flex; | ||
flex-direction: row; | ||
width: 100%; | ||
} | ||
@media only screen and (max-width: 680px) { | ||
.row { | ||
flex-direction: column; | ||
align-items: center; | ||
} | ||
} | ||
.small { | ||
font-size: 12px; | ||
} | ||
.terminal { | ||
border: 2px solid white; | ||
background-color: black; | ||
border-radius: 10px; | ||
padding: 1em; | ||
margin: 1em; | ||
width: 45%; | ||
display: block; | ||
margin: auto; | ||
} | ||
@media only screen and (max-width: 680px) { | ||
.terminal { | ||
width: 100%; | ||
} | ||
} | ||
.green_prefix { | ||
color: #b5e853; | ||
} | ||
.size_up { | ||
font-size: 1.2em; | ||
} | ||
.seperator { | ||
width: 100%; | ||
border: #b5e853 0.1em dashed; | ||
margin-bottom: 1em; | ||
} | ||
.flag { | ||
width: 28.5em; | ||
overflow: hidden; | ||
border-right: .15em solid #b5e853; | ||
white-space: nowrap; | ||
margin: 0 auto; | ||
letter-spacing: .15em; | ||
animation-delay:15s; | ||
animation: typing 3s steps(37, end), blink-caret .75s step-end infinite; | ||
} | ||
/* The typing effect */ | ||
@keyframes typing { | ||
from { | ||
width: 0 } | ||
to { | ||
width: 28.5em } | ||
} | ||
/* The typewriter cursor effect */ | ||
@keyframes blink-caret { | ||
from, to { | ||
border-color: transparent } | ||
50% { | ||
border-color: #b5e853; | ||
} | ||
} | ||
</style> |