added some content

This commit is contained in:
Michael Zhang 2015-12-24 10:36:32 -06:00
parent 1a7e0d7971
commit c68ed41bfb
3 changed files with 47 additions and 54 deletions

View file

@ -1,21 +1,21 @@
h1 {
font-size: 75px;
font-size: 75px;
}
::-webkit-input-placeholder {
color: #999999;
color: #999999;
}
:-moz-placeholder { /* Firefox 18- */
color: #999999;
color: #999999;
}
::-moz-placeholder { /* Firefox 19+ */
color: #999999;
color: #999999;
}
:-ms-input-placeholder {
color: #999999;
color: #999999;
}
.intro {
text-align: center;
}
text-align: center;
}

View file

@ -1,8 +1,28 @@
<h1>About EasyCTF</h1>
<br>
<div class="page-header">
<h2>Why Capture the Flag?</h2>
</div>
<p>No, we're not running around in a gym, tagging other players. <b>Capture the flag</b> contests, or CTFs for short, are intense cybersecurity contests where participants try to capture a piece of information. To do this, they must use skills to capture a <i>virtual</i> flag, usually taking the form of a string, like this: <code>flag{this_is_a_flag}</code>. There are two common types of CTF competitions: <b>jeopardy</b>, and <b>attack-defense</b>.</p>
<p>CTFs are different from the hacking you may hear from the news. While hacking is commonly associated with stealing and destruction, CTFs are all about learning and community.</p>
<h3 class="ui dividing header">What?! Hacking?</h3>
<p>Yup. You heard that right. EasyCTF is a online hacking/cybersecurity contest targeted at middle and high school students. Like many similar CTF competitions, participants will have to crack, decompile, decrypt, etc. through many defenses in order to find a secret message, known as the "flag". The challenges presented are designed with the intent of being hacked, making it an excellent and legal way for students to get some great hands-on experience.</p>
<h3 class="ui dividing header">How many people per team?</h3>
<p>Teams will consist of up to 5 members. There's no point advantage to having less people on your team, but it's definitely to your advantage to have more people helping you, so invite your friends to play along!</p>
<h3 class="ui dividing header">Help, I don't know anything!</h3>
<p>That's ok! Like its name suggests, EasyCTF is an intro-level CTF contest, but can be enjoyable for new and veteran hackers alike! With the "programming" category, those without prior knowledge of computer science or programming can get some of the foundational skills required to solve some of the later challenges.</p>
<h3 class="ui dividing header">Wait, can't I just look this stuff up?</h3>
<p>Absolutely. In fact, we encourage you to use whatever resources you have, as long as it complies with our rules. CTF contests are created with the intention of allowing participants to look up information about topics they aren't familiar with. Our goal here is to open the door to cybersecurity and computer science for young and prospective hackers, and being able to find the information you want through searching the Internet is a great skill to have.</p>
<h3 class="ui dividing header">What are the rules?</h3>
<p>Coming soon!</p>
<h3 class="ui dividing header">How can I prepare?</h3>
<p>To get a feel for what you'll be doing during the actual competition, you could try some of the practice problems below, or try some of the problems from last year's EasyCTF.</p>
<p>Finally, the <a href="http://trailofbits.github.io/ctf/" target="_blank">CTF Field Guide</a> is an excellent resource for getting information about CTFs.</p>
<p>A more complete list of resources will be available on the Learn page.</p>
<h2 class="ui dividing header">Sample Problems</h2>
<div class="ui segment">
<div class="content">
<h3 class="ui header">Reversing</h3>
</div>
</div>

View file

@ -1,45 +1,18 @@
<h1>Register</h1>
<br>
<form id="registration-form" action="return false;">
<div class="ui input">
<input id="name" type="text" placeholder="Name" id="name" style="width:50em;">
<h1 class="ui dividing header">Register</h1>
<form class="ui form">
<div class="field">
<div class="two fields">
<div class="field">
<label>Name</label>
<input type="text" name="name" id="name" autocomplete="off" autofocus placeholder="Name">
</div>
<div class="field">
<label>Email</label>
<input type="email" name="email" id="email" autocomplete="off" placeholder="Email">
</div>
</div>
</div>
<br>
<br>
<select name="gender" class="ui dropdown" id="select" style="width: 50em;">
<option value="1">US Middle/High School Student</option>
<option value="2">US Middle/High School Teacher</option>
<option value="3">Non-US/Non-Student/Observer</option>
</select>
<br>
<br>
<div class="ui input">
<input id="username" type="text" placeholder="Username" style="width:50em;">
</div>
<br>
<br>
<div class="ui input">
<input id="email" type="email" placeholder="Email" style="width:50em;">
</div>
<br>
<br>
<div class="ui input">
<input id="password" type="password" placeholder="Password" style="width:50em;">
</div>
<br>
<br>
<div class="ui input">
<input id="password_confirm" type="password" placeholder="Confirm Password" style="width:50em;">
</div>
<br>
<br>
<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
<br>
<br>
<button class="ui primary button" style="width:25em">
Submit
</button>
</form>
</div>
<script src="/js/register.js"></script>
<script type="text/javascript">