easyctf/easyctf-2017
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Cleaned and copied HTML

Browse source
This commit is contained in:
CommanderStrax 2015-12-24 10:04:12 -06:00
parent 2dacad56b0
commit aa997b6691
9 changed files with 419 additions and 257 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

124
web/about.html
View file

@ -1,75 +1,97 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>About</title> <title>About</title>
<script src="js/semantic.min.js"></script> <script src="js/semantic.min.js"></script>
<script src="js/jquery-1.11.3.js"></script> <script src="js/jquery-1.11.3.js"></script>
<link type="text/css" rel="stylesheet" href="css/semantic.min.css"> <link type="text/css" rel="stylesheet" href="css/semantic.min.css">
</head> </head>
<body style="background-color: #EEEEEE;"> <body style="background-color: #EEEEEE;">
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;"> <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<a class="item" href="./">Home</a> <a class="item" href="./">Home</a>
<a class="item" href="./about.html">About</a> <a class="item" href="./about.html">About</a>
<a class="item" href="./register.html">Register</a> <a class="item" href="./register.html">Register</a>
<div class="right menu"> <div class="right menu">
<a class="item" href="./login.html">Login</a> <a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a> <a class="item" href="./account.html">Account</a>
</div>
</div> </div>
</div> <center style="margin-left: 10em; margin-right: 10em;">
<center style="margin-left: 10em; margin-right: 10em;"> <h1 style="color: #69D2E7; font-size: 75px;">About EasyCTF</h1>
<h1 style="color: #69D2E7; font-size: 75px;">About EasyCTF</h1> <hr>
<hr> <br>
<br>
<div class="page-header"> <div class="page-header">
<h2 style="font-size: 2.5em;">Capture The Flag?</h2> <h2 style="font-size: 2.5em;">Capture The Flag?</h2>
</div> </div>
<p style="font-size:1.2em;">Capture the Flag? Hope you brought your gym clothes! Just kidding. This time we promise no one will end up with a floor burn. Capture the flag contests, or CTFs for short, are intense cybersecurity contests that take place all over the world. To hit the top of the scoreboard, participants (and their teammates) must capture a piece of information, known as a flag. All of our problems will, after a little bit of this and that, will provide you with a flag which you can submit for points. Harder problems are worth more points. With most CTFs, it can be hard to determine whether or not you have the flag. Sometimes it's a long string of numbers or letters and it's hard to distinguish from the sorrounding code. Here at EasyCTF, our flags -- when you find them -- will look something like this: <code style="background-color:#FFFEEA;color:#FF4D4D;">flag{this_is_a_flag}</code>. Simply enter in the data between the curly braces (case-insensative) and you'll get your due points. The more flags you find, and the harder flags you find, the easier it will be for you to move up the scoreboard. If you are in one of the highest scoring teams at the end of the competition, your team will win bragging rights, and some pretty cool prizes.</p> <p style="font-size:1.2em;">Capture the Flag? Hope you brought your gym clothes! Just kidding. This time we promise no one will end up with a floor burn. Capture the flag contests, or CTFs for short, are intense cybersecurity contests that take place all over the world.
<br> To hit the top of the scoreboard, participants (and their teammates) must capture a piece of information, known as a flag. All of our problems will, after a little bit of this and that, will provide you with a flag which you can submit for
points. Harder problems are worth more points. With most CTFs, it can be hard to determine whether or not you have the flag. Sometimes it's a long string of numbers or letters and it's hard to distinguish from the sorrounding code. Here at
EasyCTF, our flags -- when you find them -- will look something like this:
<code style="background-color:#FFFEEA;color:#FF4D4D;">flag{this_is_a_flag}</code>. Simply enter in the data between the curly braces (case-insensative) and you'll get your due points. The more flags you find, and the harder flags you find, the easier it will be for you to move up the scoreboard.
If you are in one of the highest scoring teams at the end of the competition, your team will win bragging rights, and some pretty cool prizes.</p>
<br>
<div class="page-header"> <div class="page-header">
<h2 style="font-size: 2.5em;">So What's EasyCTF?</h2> <h2 style="font-size: 2.5em;">So What's EasyCTF?</h2>
</div> </div>
<p style="font-size:1.2em;">EasyCTF is a CTF that's tailored for the high school level. Started by high school students, it was created with a passion for learning. With computer science related fields doubling in size over the next decade, The United States, and the world are short on programmers. The world has started to focus in on the youth of the world, from teenagers all the way down to five and six year olds. Being the future of the world, it is imperative a large enough percentage of the population is trained and educated to handle the constant progession of technology. We, the EasyCTF team, have put in countless hours to provide you with a fun, inviting experiance for you and your friends to gang up and hack away. Our challenges range cover significant topics in contemporary computer science such cryptography, web, programming, binary and even more. Here at EasyCTF, we hope to provide you with a fun, competetive, educational, and safe enviroment where you, your friends, or your peers can show off your skills behind the keyboard for the world to see. Good luck, see you soon!</p> <p style="font-size:1.2em;">EasyCTF is a CTF that's tailored for the high school level. Started by high school students, it was created with a passion for learning. With computer science related fields doubling in size over the next decade, The United States, and the world
<br> are short on programmers. The world has started to focus in on the youth of the world, from teenagers all the way down to five and six year olds. Being the future of the world, it is imperative a large enough percentage of the population is
trained and educated to handle the constant progession of technology. We, the EasyCTF team, have put in countless hours to provide you with a fun, inviting experiance for you and your friends to gang up and hack away. Our challenges range
cover significant topics in contemporary computer science such cryptography, web, programming, binary and even more. Here at EasyCTF, we hope to provide you with a fun, competetive, educational, and safe enviroment where you, your friends,
or your peers can show off your skills behind the keyboard for the world to see. Good luck, see you soon!</p>
<br>
<div class="page-header"> <div class="page-header">
<h2 style="font-size: 2.5em;">Isn't Hacking Illegal?</h2> <h2 style="font-size: 2.5em;">Isn't Hacking Illegal?</h2>
</div> </div>
<p style="font-size:1.2em;">Yes and no. Despite the connotation "hacking" has recieved in contemporary culture and media, hacking is more or less split up into two categorizations, <i>Black Hat</i> and <i>White Hat</i>. Black Hat hackers are the ones you hear about on the news; attacking websites and their accounts to steal information or money. They attack without warning, all for their own benefit. Black Hat hackers go to prison. White Hat hackers, while rarely in the news, are the men and women who, <b><span style="text-decoration:underline;">with permission</span></b>, attack a website or service in order to find holes in the security and report them to the owners for patching. The types of hacking you will be doing in the competition are created by the EasyCTF team just for you. Take part in EasyCTF to show off your skills as a white hat hacker.</p> <p style="font-size:1.2em;">Yes and no. Despite the connotation "hacking" has recieved in contemporary culture and media, hacking is more or less split up into two categorizations, <i>Black Hat</i> and <i>White Hat</i>. Black Hat hackers are the ones you hear about on the
<br> news; attacking websites and their accounts to steal information or money. They attack without warning, all for their own benefit. Black Hat hackers go to prison. White Hat hackers, while rarely in the news, are the men and women who, <b><span style="text-decoration:underline;">with permission</span></b>,
attack a website or service in order to find holes in the security and report them to the owners for patching. The types of hacking you will be doing in the competition are created by the EasyCTF team just for you. Take part in EasyCTF to
show off your skills as a white hat hacker.</p>
<br>
<div class="page-header"> <div class="page-header">
<h2 style="font-size:2.5em">How Difficult Is This?</h2> <h2 style="font-size:2.5em">How Difficult Is This?</h2>
</div> </div>
<p style="font-size:1.2em">Well Goldilocks, our problems aren't too hard, and they're not too hard. Even if you're just a probie in the field, our problem start at the very bottom. Our reconnasince category of questions only requires a search engine and a person behind the keyboard. For those of you who have been in the field long enough to see the sights, you can start off with our most introductory problems and work your way up. Finally, for those of you who've been there, done that, humor yourself with our probie problems, work your way up through the majority of the problems, then prepare yourself to face our hardest problems. Go after the problems no one has solved. I'm sure our bigger problems will keep you working.</p> <p style="font-size:1.2em">Well Goldilocks, our problems aren't too hard, and they're not too hard. Even if you're just a probie in the field, our problem start at the very bottom. Our reconnasince category of questions only requires a search engine and a person behind
<br> the keyboard. For those of you who have been in the field long enough to see the sights, you can start off with our most introductory problems and work your way up. Finally, for those of you who've been there, done that, humor yourself with
our probie problems, work your way up through the majority of the problems, then prepare yourself to face our hardest problems. Go after the problems no one has solved. I'm sure our bigger problems will keep you working.</p>
<br>
<div class="page-header"> <div class="page-header">
<h2 style="font-size:2.5em">What Resources Can I Use?</h2> <h2 style="font-size:2.5em">What Resources Can I Use?</h2>
</div> </div>
<p style="font-size:1.2em">Hope you didn't think this was like one of your finals! No phones, no Google, no calculator, no friends. EasyCTF is a hacking competition, we would be worried if you weren't using technology to aid you in your competition. Feel free to search Google, use your calculator or text your nearest computer scientist friend. We at EasyCTF wish to emulate real-world hacking and technology. The World Wide Web is a vast ocean of more information than any library or mind in the world, feel free to use it! After all, no one is going to tell a hacker (penetration tester is the euphamism) not to Google "how to append to list in Python 3". In fact we have devoted an entire section of our problems to online reconissance. These problems require you scour the World Wide Web in search for a vital piece of information or flag using you favorite search engine. You can ask your teacher, but don't let them do it for themselves. Also, cheating such as attempting to hack the EasyCTF platform will disqualify your team, but you can read more about that below.</p> <p style="font-size:1.2em">Hope you didn't think this was like one of your finals! No phones, no Google, no calculator, no friends. EasyCTF is a hacking competition, we would be worried if you weren't using technology to aid you in your competition. Feel free to search
<br> Google, use your calculator or text your nearest computer scientist friend. We at EasyCTF wish to emulate real-world hacking and technology. The World Wide Web is a vast ocean of more information than any library or mind in the world, feel
free to use it! After all, no one is going to tell a hacker (penetration tester is the euphamism) not to Google "how to append to list in Python 3". In fact we have devoted an entire section of our problems to online reconissance. These problems
require you scour the World Wide Web in search for a vital piece of information or flag using you favorite search engine. You can ask your teacher, but don't let them do it for themselves. Also, cheating such as attempting to hack the EasyCTF
platform will disqualify your team, but you can read more about that below.</p>
<br>
<div class="page-header"> <div class="page-header">
<h2 style="font-size:2.5em">Are There Rules?</h2> <h2 style="font-size:2.5em">Are There Rules?</h2>
</div> </div>
<p style="font-size:1.2em">Gilbert K. Chesterton once said "There are no rules of architecture for a castle in the clouds." Here at EasyCTF, we want the competition to be almost rule free to encourage the utmost creativity from our participants and teams. However, we have a few important rules to make sure everyone has the same opportunities to win. If you're in it to win it, you shouldn't need to break the rules. <p style="font-size:1.2em">Gilbert K. Chesterton once said "There are no rules of architecture for a castle in the clouds." Here at EasyCTF, we want the competition to be almost rule free to encourage the utmost creativity from our participants and teams. However, we have
<ol style="font-size:1.2em;text-align:left;"> a few important rules to make sure everyone has the same opportunities to win. If you're in it to win it, you shouldn't need to break the rules.
<b> <ol style="font-size:1.2em;text-align:left;">
<b>
<li>Don't try to disrupt the competition. We keep our age group from middle school up because we expect all our competitors to act maturely.</li> <li>Don't try to disrupt the competition. We keep our age group from middle school up because we expect all our competitors to act maturely.</li>
<br> <br>
<li>It's all about you. If we wanted to see what your teacher's knew, we'd attend a CSTA meeting. Problems should only be solved by members of your team.</li> <li>It's all about you. If we wanted to see what your teacher's knew, we'd attend a CSTA meeting. Problems should only be solved by members of your team.</li>
<br> <br>
<li>Don't wreck your opportunity to hack. No hacking of the EasyCTF infrastructure, other teams, or any websites/services that would prevent other teams from solving problems.</li> <li>Don't wreck your opportunity to hack. No hacking of the EasyCTF infrastructure, other teams, or any websites/services that would prevent other teams from solving problems.</li>
</b> </b>
</ol> </ol>
</p> </p>
<br> <br>
<br> <br>
<br> <br>
<p style="font-size:1.2em">To prepare for the competition, feel free to check out this super cool <a href="https://trailofbits.github.io/ctf/">CTF Field Guide</a></p> <p style="font-size:1.2em">To prepare for the competition, feel free to check out this super cool <a href="https://trailofbits.github.io/ctf/">CTF Field Guide</a></p>
<br> <br>
</center> </center>
</body> </body>
</html> </html>

71
web/account.html
View file

@ -1,46 +1,51 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>About</title> <title>About</title>
<script src="js/semantic.min.js"></script> <script src="js/semantic.min.js"></script>
<script src="js/jquery-1.11.3.js"></script> <script src="js/jquery-1.11.3.js"></script>
<link type="text/css" rel="stylesheet" href="css/semantic.min.css"> <link type="text/css" rel="stylesheet" href="css/semantic.min.css">
</head> </head>
<body style="background-color: #EEEEEE;"> <body style="background-color: #EEEEEE;">
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;"> <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<a class="item" href="./">Home</a> <a class="item" href="./">Home</a>
<a class="item" href="./about.html">About</a> <a class="item" href="./about.html">About</a>
<a class="item" href="./register.html">Register</a> <a class="item" href="./register.html">Register</a>
<div class="right menu"> <div class="right menu">
<a class="item" href="./login.html">Login</a> <a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a> <a class="item" href="./account.html">Account</a>
</div>
</div>
<center style="margin-left: 10em; margin-right: 10em;">
<h1 style="color: #69D2E7; font-size: 75px;">Your Account</h1>
<hr>
<br>
<div class="ui two column grid">
<div class="row">
<div class="column">
<h2 style="color: #69D2E7; font-size: 50px;">Join a Team</h2>
<div class="ui input">
<input type="text" placeholder="Team Name" style="width:25em;">
</div>
<br><br>
<div class="ui input">
<input type="password" placeholder="Team Passphrase" style="width:25em;">
</div>
<br><br>
<button class="ui primary button" style="width:15em">
Add Team
</button>
</div>
<div class="column">
<h2 style="color: #69D2E7; font-size: 50px;">About You</h2>
</div> </div>
</div>
</div> </div>
</center> <center style="margin-left: 10em; margin-right: 10em;">
<h1 style="color: #69D2E7; font-size: 75px;">Your Account</h1>
<hr>
<br>
<div class="ui two column grid">
<div class="row">
<div class="column">
<h2 style="color: #69D2E7; font-size: 50px;">Join a Team</h2>
<div class="ui input">
<input type="text" placeholder="Team Name" style="width:25em;">
</div>
<br>
<br>
<div class="ui input">
<input type="password" placeholder="Team Passphrase" style="width:25em;">
</div>
<br>
<br>
<button class="ui primary button" style="width:15em">
Add Team
</button>
</div>
<div class="column">
<h2 style="color: #69D2E7; font-size: 50px;">About You</h2>
</div>
</div>
</div>
</center>
</body> </body>
</html> </html>

92
web/index.html
View file

@ -1,47 +1,53 @@
<html ng-app="easyctf"> <html ng-app="easyctf">
<head>
<title>EasyCTF 2016</title> <head>
<link type="text/css" rel="stylesheet" href="css/style.css"> <title>EasyCTF 2016</title>
<script src="https://code.jquery.com/jquery-2.1.4.min.js" integrity="sha384-R4/ztc4ZlRqWjqIuvf6RX5yb/v90qNGx6fS48N0tRxiGkqveZETq72KgDVJCp2TC" crossorigin="anonymous"></script> <link type="text/css" rel="stylesheet" href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js" integrity="sha384-r1y8TJcloKTvouxnYsi4PJAx+nHNr90ibsEn3zznzDzWBN9X3o3kbHLSgcIPtzAp" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-2.1.4.min.js" integrity="sha384-R4/ztc4ZlRqWjqIuvf6RX5yb/v90qNGx6fS48N0tRxiGkqveZETq72KgDVJCp2TC" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-route.min.js" integrity="sha384-9MZDoFf10trgrfsQOs9GJhf/mP/sh5weVp3FDSi8h/4TEaV6dloEDkpxGTaOmAs6" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js" integrity="sha384-r1y8TJcloKTvouxnYsi4PJAx+nHNr90ibsEn3zznzDzWBN9X3o3kbHLSgcIPtzAp" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.7/semantic.min.js" integrity="sha384-raqmvMx1osRCvgOKS+pn3feCjT4fwsgIgSfQLadfxqEKU49Gk8yWzQnGsBCYYjLz" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.0/angular-route.min.js" integrity="sha384-9MZDoFf10trgrfsQOs9GJhf/mP/sh5weVp3FDSi8h/4TEaV6dloEDkpxGTaOmAs6" crossorigin="anonymous"></script>
<script src="js/ascript.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.7/semantic.min.js" integrity="sha384-raqmvMx1osRCvgOKS+pn3feCjT4fwsgIgSfQLadfxqEKU49Gk8yWzQnGsBCYYjLz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.7/semantic.min.css" integrity="sha384-MkMf11Odtq01GxtmoywADPd87cCCjYkAUcFiuOytgpBP16Ei82+ulJraHrxcTl/m" crossorigin="anonymous"> <script src="js/ascript.js"></script>
<style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.7/semantic.min.css" integrity="sha384-MkMf11Odtq01GxtmoywADPd87cCCjYkAUcFiuOytgpBP16Ei82+ulJraHrxcTl/m" crossorigin="anonymous">
body { <style>
background-color: #F0F0F0; body {
} background-color: #F0F0F0;
.ui.menu .item img.logo { }
margin-right: 1.5em;
} .ui.menu .item img.logo {
.main.container { margin-right: 1.5em;
margin-top: 7em; }
}
.wireframe { .main.container {
margin-top: 2em; margin-top: 7em;
} }
.ui.footer.segment {
margin: 5em 0em 0em; .wireframe {
padding: 5em 0em; margin-top: 2em;
} }
</style>
</head> .ui.footer.segment {
<body ng-controller="mainController"> margin: 5em 0em 0em;
<div class="ui inverted menu"> padding: 5em 0em;
<div class="ui container"> }
<a href="#/" class="header item"> </style>
<img class="logo" src="http://placehold.it/40x40"> </head>
EasyCTF
</a> <body ng-controller="mainController">
<a class="item" href="#/">Home</a> <div class="ui inverted menu">
<a class="item" href="#/about">About</a> <div class="ui container">
<div class="right menu"> <a href="#/" class="header item">
<a class="item" href="#/register">Register</a> <img class="logo" src="http://placehold.it/40x40"> EasyCTF
<a class="item" href="#/login">Login</a> </a>
</div> <a class="item" href="#/">Home</a>
<a class="item" href="#/about">About</a>
<div class="right menu">
<a class="item" href="#/register">Register</a>
<a class="item" href="#/login">Login</a>
</div> </div>
</div> </div>
<div id="mainContent" ng-view class="ui container"></div> </div>
</body> <div id="mainContent" ng-view class="ui container"></div>
</body>
</html> </html>

53
web/login.html
View file

@ -1,35 +1,40 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Login</title> <title>Login</title>
<script src="js/semantic.min.js"></script> <script src="js/semantic.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/semantic.min.css"> <link type="text/css" rel="stylesheet" href="css/semantic.min.css">
</head> </head>
<body style="background-color: #EEEEEE;"> <body style="background-color: #EEEEEE;">
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;"> <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<a class="item" href="./">Home</a> <a class="item" href="./">Home</a>
<a class="item" href="./about.html">About</a> <a class="item" href="./about.html">About</a>
<a class="item" href="./register.html">Register</a> <a class="item" href="./register.html">Register</a>
<div class="right menu"> <div class="right menu">
<a class="item" href="./login.html">Login</a> <a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a> <a class="item" href="./account.html">Account</a>
</div>
</div> </div>
</div> <center>
<center> <h1 style="color: #69D2E7; font-size: 75px;">Login</h1>
<h1 style="color: #69D2E7; font-size: 75px;">Login</h1> <hr style="margin-left: 10em; margin-right: 10em;">
<hr style="margin-left: 10em; margin-right: 10em;"> <br>
<br> <div class="ui input">
<div class="ui input"> <input type="text" placeholder="Username" style="width:50em;">
<input type="text" placeholder="Username" style="width:50em;"> </div>
</div> <br>
<br><br> <br>
<div class="ui input"> <div class="ui input">
<input type="password" placeholder="Password" style="width:50em;"> <input type="password" placeholder="Password" style="width:50em;">
</div> </div>
<br><br> <br>
<button class="ui primary button" style="width:25em"> <br>
Login <button class="ui primary button" style="width:25em">
</button> Login
</center> </button>
</center>
</body> </body>
</html> </html>

87
web/pages/about.html
View file

@ -1,8 +1,83 @@
<h1>About EasyCTF</h1> <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<br> <a class="item" href="./">Home</a>
<div class="page-header"> <a class="item" href="./about.html">About</a>
<h2>Why Capture the Flag?</h2> <a class="item" href="./register.html">Register</a>
<div class="right menu">
<a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a>
</div>
</div> </div>
<center style="margin-left: 10em; margin-right: 10em;">
<h1 style="color: #69D2E7; font-size: 75px;">About EasyCTF</h1>
<hr>
<br>
<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> <div class="page-header">
<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> <h2 style="font-size: 2.5em;">Capture The Flag?</h2>
</div>
<p style="font-size:1.2em;">Capture the Flag? Hope you brought your gym clothes! Just kidding. This time we promise no one will end up with a floor burn. Capture the flag contests, or CTFs for short, are intense cybersecurity contests that take place all over the world. To hit
the top of the scoreboard, participants (and their teammates) must capture a piece of information, known as a flag. All of our problems will, after a little bit of this and that, will provide you with a flag which you can submit for points. Harder problems
are worth more points. With most CTFs, it can be hard to determine whether or not you have the flag. Sometimes it's a long string of numbers or letters and it's hard to distinguish from the sorrounding code. Here at EasyCTF, our flags -- when you find
them -- will look something like this:
<code style="background-color:#FFFEEA;color:#FF4D4D;">flag{this_is_a_flag}</code>. Simply enter in the data between the curly braces (case-insensative) and you'll get your due points. The more flags you find, and the harder flags you find, the easier it will be for you to move up the scoreboard. If you
are in one of the highest scoring teams at the end of the competition, your team will win bragging rights, and some pretty cool prizes.</p>
<br>
<div class="page-header">
<h2 style="font-size: 2.5em;">So What's EasyCTF?</h2>
</div>
<p style="font-size:1.2em;">EasyCTF is a CTF that's tailored for the high school level. Started by high school students, it was created with a passion for learning. With computer science related fields doubling in size over the next decade, The United States, and the world are
short on programmers. The world has started to focus in on the youth of the world, from teenagers all the way down to five and six year olds. Being the future of the world, it is imperative a large enough percentage of the population is trained and
educated to handle the constant progession of technology. We, the EasyCTF team, have put in countless hours to provide you with a fun, inviting experiance for you and your friends to gang up and hack away. Our challenges range cover significant topics
in contemporary computer science such cryptography, web, programming, binary and even more. Here at EasyCTF, we hope to provide you with a fun, competetive, educational, and safe enviroment where you, your friends, or your peers can show off your skills
behind the keyboard for the world to see. Good luck, see you soon!</p>
<br>
<div class="page-header">
<h2 style="font-size: 2.5em;">Isn't Hacking Illegal?</h2>
</div>
<p style="font-size:1.2em;">Yes and no. Despite the connotation "hacking" has recieved in contemporary culture and media, hacking is more or less split up into two categorizations, <i>Black Hat</i> and <i>White Hat</i>. Black Hat hackers are the ones you hear about on the news;
attacking websites and their accounts to steal information or money. They attack without warning, all for their own benefit. Black Hat hackers go to prison. White Hat hackers, while rarely in the news, are the men and women who, <b><span style="text-decoration:underline;">with permission</span></b>,
attack a website or service in order to find holes in the security and report them to the owners for patching. The types of hacking you will be doing in the competition are created by the EasyCTF team just for you. Take part in EasyCTF to show off your
skills as a white hat hacker.</p>
<br>
<div class="page-header">
<h2 style="font-size:2.5em">How Difficult Is This?</h2>
</div>
<p style="font-size:1.2em">Well Goldilocks, our problems aren't too hard, and they're not too hard. Even if you're just a probie in the field, our problem start at the very bottom. Our reconnasince category of questions only requires a search engine and a person behind the keyboard.
For those of you who have been in the field long enough to see the sights, you can start off with our most introductory problems and work your way up. Finally, for those of you who've been there, done that, humor yourself with our probie problems, work
your way up through the majority of the problems, then prepare yourself to face our hardest problems. Go after the problems no one has solved. I'm sure our bigger problems will keep you working.</p>
<br>
<div class="page-header">
<h2 style="font-size:2.5em">What Resources Can I Use?</h2>
</div>
<p style="font-size:1.2em">Hope you didn't think this was like one of your finals! No phones, no Google, no calculator, no friends. EasyCTF is a hacking competition, we would be worried if you weren't using technology to aid you in your competition. Feel free to search Google,
use your calculator or text your nearest computer scientist friend. We at EasyCTF wish to emulate real-world hacking and technology. The World Wide Web is a vast ocean of more information than any library or mind in the world, feel free to use it! After
all, no one is going to tell a hacker (penetration tester is the euphamism) not to Google "how to append to list in Python 3". In fact we have devoted an entire section of our problems to online reconissance. These problems require you scour the World
Wide Web in search for a vital piece of information or flag using you favorite search engine. You can ask your teacher, but don't let them do it for themselves. Also, cheating such as attempting to hack the EasyCTF platform will disqualify your team,
but you can read more about that below.</p>
<br>
<div class="page-header">
<h2 style="font-size:2.5em">Are There Rules?</h2>
</div>
<p style="font-size:1.2em">Gilbert K. Chesterton once said "There are no rules of architecture for a castle in the clouds." Here at EasyCTF, we want the competition to be almost rule free to encourage the utmost creativity from our participants and teams. However, we have a few
important rules to make sure everyone has the same opportunities to win. If you're in it to win it, you shouldn't need to break the rules.
<ol style="font-size:1.2em;text-align:left;">
<b>
<li>Don't try to disrupt the competition. We keep our age group from middle school up because we expect all our competitors to act maturely.</li>
<br>
<li>It's all about you. If we wanted to see what your teacher's knew, we'd attend a CSTA meeting. Problems should only be solved by members of your team.</li>
<br>
<li>Don't wreck your opportunity to hack. No hacking of the EasyCTF infrastructure, other teams, or any websites/services that would prevent other teams from solving problems.</li>
</b>
</ol>
</p>
<br>
<br>
<br>
<p style="font-size:1.2em">To prepare for the competition, feel free to check out this super cool <a href="https://trailofbits.github.io/ctf/">CTF Field Guide</a></p>
<br>
</center>

17
web/pages/home.html
View file

@ -1,3 +1,14 @@
<center> <div class="ui inverted menu">
<h1>EasyCTF 2016</h1> <div class="ui container">
</center> <a href="#/" class="header item">
<img class="logo" src="http://placehold.it/40x40"> EasyCTF
</a>
<a class="item" href="#/">Home</a>
<a class="item" href="#/about">About</a>
<div class="right menu">
<a class="item" href="#/register">Register</a>
<a class="item" href="#/login">Login</a>
</div>
</div>
</div>
<div id="mainContent" ng-view class="ui container"></div>

26
web/pages/login.html
View file

@ -1,3 +1,27 @@
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<a class="item" href="./">Home</a>
<a class="item" href="./about.html">About</a>
<a class="item" href="./register.html">Register</a>
<div class="right menu">
<a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a>
</div>
</div>
<center> <center>
<h1>EasyCTF 2016</h1> <h1 style="color: #69D2E7; font-size: 75px;">Login</h1>
<hr style="margin-left: 10em; margin-right: 10em;">
<br>
<div class="ui input">
<input type="text" placeholder="Username" style="width:50em;">
</div>
<br>
<br>
<div class="ui input">
<input type="password" placeholder="Password" style="width:50em;">
</div>
<br>
<br>
<button class="ui primary button" style="width:25em">
Login
</button>
</center> </center>

97
web/pages/register.html
View file

@ -1,47 +1,54 @@
<h1>Register</h1> <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<br> <a class="item" href="./">Home</a>
<form id="registration-form" action="return false;"> <a class="item" href="./about.html">About</a>
<div class="ui input"> <a class="item" href="./register.html">Register</a>
<input id="name" type="text" placeholder="Name" id="name" style="width:50em;"> <div class="right menu">
<a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a>
</div> </div>
</div>
<center>
<h1 style="color: #69D2E7; font-size: 75px;">Register Yourself</h1>
<hr style="margin-left: 10em; margin-right: 10em;">
<br> <br>
<br> <form id="registration-form" action="return false;">
<select name="gender" class="ui dropdown" id="select" style="width: 50em;"> <select name="gender" class="ui dropdown" id="select" style="width: 50em;">
<option value="1">US Middle/High School Student</option> <option value="1">Student (U.S. High School or Middle School)</option>
<option value="2">US Middle/High School Teacher</option> <option value="2">Teacher (U.S. High School or Middle School)</option>
<option value="3">Non-US/Non-Student/Observer</option> <option value="3">Other (Observer, Parent, Foreigner, etc.)</option>
</select> </select>
<br> <br>
<br> <br>
<div class="ui input"> <div class="ui input">
<input id="username" type="text" placeholder="Username" style="width:50em;"> <input id="name" type="text" placeholder="Name" id="name" style="width:50em;">
</div> </div>
<br> <br>
<br> <br>
<div class="ui input"> <div class="ui input">
<input id="email" type="email" placeholder="Email" style="width:50em;"> <input id="username" type="text" placeholder="Username" style="width:50em;">
</div> </div>
<br> <br>
<br> <br>
<div class="ui input"> <div class="ui input">
<input id="password" type="password" placeholder="Password" style="width:50em;"> <input id="email" type="email" placeholder="Email" style="width:50em;">
</div> </div>
<br> <br>
<br> <br>
<div class="ui input"> <div class="ui input">
<input id="password_confirm" type="password" placeholder="Confirm Password" style="width:50em;"> <input id="password" type="password" placeholder="Password" style="width:50em;">
</div> </div>
<br> <br>
<br> <br>
<div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div> <div class="ui input">
<br> <input id="password_confirm" type="password" placeholder="Confirm Password" style="width:50em;">
<br> </div>
<button class="ui primary button" style="width:25em"> <br>
Submit <br>
</button> <div class="g-recaptcha" data-sitekey="6Lc4xhMTAAAAAIaiF3yEWGbHRaGgMg4FHor61p1G"></div>
</form> <br>
<p>Don't worry, you can make or join a team after you register.</p>
<script src="/js/register.js"></script> <button class="ui primary button" style="width:25em">Submit</button>
<script type="text/javascript"> </form>
$("#select").dropdown(); </center>
</script> <div id="status">
</div>

105
web/register.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Register</title> <title>Register</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
@ -7,60 +8,66 @@
<link type="text/css" rel="stylesheet" href="css/semantic.min.css"> <link type="text/css" rel="stylesheet" href="css/semantic.min.css">
<script src='https://www.google.com/recaptcha/api.js'></script> <script src='https://www.google.com/recaptcha/api.js'></script>
</head> </head>
<body style="background-color: #EEEEEE;"> <body style="background-color: #EEEEEE;">
<div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;"> <div class="ui inverted menu" style="margin: -0.1em; background-color: #FA6900;">
<a class="item" href="./">Home</a> <a class="item" href="./">Home</a>
<a class="item" href="./about.html">About</a> <a class="item" href="./about.html">About</a>
<a class="item" href="./register.html">Register</a> <a class="item" href="./register.html">Register</a>
<div class="right menu"> <div class="right menu">
<a class="item" href="./login.html">Login</a> <a class="item" href="./login.html">Login</a>
<a class="item" href="./account.html">Account</a> <a class="item" href="./account.html">Account</a>
</div>
</div> </div>
</div> <center>
<center> <h1 style="color: #69D2E7; font-size: 75px;">Register Yourself</h1>
<h1 style="color: #69D2E7; font-size: 75px;">Register Yourself</h1> <hr style="margin-left: 10em; margin-right: 10em;">
<hr style="margin-left: 10em; margin-right: 10em;">
<br>
<form id="registration-form" action="return false;">
<select name="gender" class="ui dropdown" id="select" style="width: 50em;">
<option value="1">Student (U.S. High School or Middle School)</option>
<option value="2">Teacher (U.S. High School or Middle School)</option>
<option value="3">Other (Observer, Parent, Foreigner, etc.)</option>
</select>
<br><br>
<div class="ui input">
<input id="name" type="text" placeholder="Name" id="name" style="width:50em;">
</div>
<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>
<p>Don't worry, you can make or join a team after you register.</p> <form id="registration-form" action="return false;">
<button class="ui primary button" style="width:25em">Submit</button> <select name="gender" class="ui dropdown" id="select" style="width: 50em;">
</form> <option value="1">Student (U.S. High School or Middle School)</option>
</center> <option value="2">Teacher (U.S. High School or Middle School)</option>
<div id="status"> <option value="3">Other (Observer, Parent, Foreigner, etc.)</option>
</div> </select>
<br>
<br>
<div class="ui input">
<input id="name" type="text" placeholder="Name" id="name" style="width:50em;">
</div>
<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>
<p>Don't worry, you can make or join a team after you register.</p>
<button class="ui primary button" style="width:25em">Submit</button>
</form>
</center>
<div id="status">
</div>
</body> </body>
<script> <script>
$('#select') $('#select')
.dropdown() .dropdown();
;
</script> </script>
<script src="js/register.js"></script> <script src="js/register.js"></script>
<html> <html>