Updated "about" and "login" pages

Sanitized the “about” and “login” page.
This commit is contained in:
Charles Truluck 2015-12-23 20:44:40 -05:00
parent 2cfe7ff5b5
commit 64bd65b3ad
2 changed files with 52 additions and 4 deletions

View file

@ -5,7 +5,32 @@
<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> <body style="background-color: #EEEEEE;">
<h1>EasyCTF is Fun!</h1> <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>
</div>
</div>
<center style="margin-left: 10em; margin-right: 10em;">
<h1 style="color: #69D2E7; font-size: 75px;">About EasyCTF</h1>
<hr>
<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>
<div class="page-header">
<h2>EasyCTF</h2>
</div>
<p>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. The following events have passed, but the site will remain online for historical purposes.</p>
</div>
</center>
</body> </body>
</html> </html>

View file

@ -5,7 +5,30 @@
<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> <body style="background-color: #EEEEEE;">
<h1>Please Login to EasyCTF</h1> <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>
</div>
</div>
<center>
<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>
</body> </body>
</html> </html>