Skip to content

GitLab

Commit 8a24615e authored by Michael Bailey's avatar Michael Bailey
Browse files

Reskin entire site

parent 34cd6a2f
Show whitespace changes
Inline Side-by-side
public/css/style.css 0 → 100644
View file @ 8a24615e
.tile .is-child {
background: url('../img/grayscale.jpg');
background-position: center;
background-repeat: no-repeat;
color: white;
background-attachment: fixed;
}
.bio {
min-width: 10%;
max-width: 10%;
padding-right: 10px;
vertical-align: middle;
}
.icon {
padding-right: 5%;
}
\ No newline at end of file
public/index.html
View file @ 8a24615e
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
<meta property="og:image" content="/static/img/patriotCTF.png" />
<link href="static/css/masonstrap.min.css" rel="stylesheet" media="screen">
<link href="static/fonts/font-awesome.min.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
<link rel="icon" href="static/img/favicon.ico?v=cc">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="static/js/jquery-2.0.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2018 Mason SRCT
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
</script>
<meta name="description" content="Mason CC is proud to present our first major CTF event, patriotCTF. Come by, compete, win, eat.">
<title>patriotCTF 2018</title>
<style>
#wrap > div > div > div > div.icon > img {
width: 80;
text-align: center;
}
</style>
</head>
<body>
<div id="wrap">
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<script src="https://use.fontawesome.com/a44f81e7bf.js"></script>
<link rel="stylesheet" href="css/style.css" />
<title>patriotCTF</title>
</head>
<body>
<section class="hero">
<div class="hero-body">
<div class="container">
</div>
<div style="background-color: darkred;color: white;text-align: center;">
<!-- alerts go here -->
</div>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-md-8">
<h1 class="display-3">patriotCTF</h1><h1 class="month" style="color: white;">November 3rd at GMU</h1>
</div>
<div class="col-md-4 details">
<h3 align="right"><strong>Saturday,<br/>November 3rd</strong></h3>
<h3 align="right">9:30am-5:30pm</h3>
<h3 align="right"><strong><a href="" style="color: white;">HUB Rooms 1-2-3</a></strong></h3>
<h3 align="right">Event opens at 9:30am, live at 10:00am</h3>
<h3 align="right"><strong><a href="javascript:scrolldiv('#Registration')">Register</a></strong></h3>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-2">
<button type="button" class="btn btn-default btn-block" onclick="scrolldiv('#Description')">What is it?</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-default btn-block" onclick="scrolldiv('#Prizes')">Prizes</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-default btn-block" onclick="scrolldiv('#Registration')">Registration</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-default btn-block" onclick="scrolldiv('#Schedule')">Schedule</button>
<h1 class="title">
<img src="img/patctf.png" style="width: 10%">
</h1>
<h2 class="subtitle">
Mason CC's first CTF<br/>November 3rd, 9:30am to 5:30pm
</h2>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-default btn-block" onclick="scrolldiv('#PeopleOrgs')">People and Orgs</button>
</div>
<div class="col-md-2">
<button type="button" class="btn btn-default btn-block" onclick="scrolldiv('#Contact')">Contact</button>
</div>
</div>
<br />
<div class="row">
<div class="col-md-12">
<hr />
<legend class="text-center"><div class="title" id="Description" href="#Description"><h2>About patriotCTF</h2></div></legend>
<hr />
</section>
<div class="container is-fluid">
<div class="notification">
<b>patriotCTF</b> is Mason CC's first CTF hosted <i>at GMU</i>. Like all CTFs, it will feature challenges in cybersecurity that stretches the existing skillset of hackers while encouraging learning. It will be a team CTF. <b>Registration is not yet open.</b> It should open over a month in advance. We are holding it to encourage people to not try to commit too in advance, as we've had poor experiences with that in the past. When registration opens, 70 hackers will be allowed in, afterwhich we will have limited overflow spots. Overflow will be allowed in, but won't be garaunteed free food and in-arena seats until the first 70 don't check in.
</div>
<div class="col-md-6 slight-bump">
<p>
Join Mason CC for our very first major in person CTF. CC, an organization that's competed in just about every local CTF we were aware of, is bringing one to the community for a change. Challenge writers include professional hardware hackers, DFIR ops engineers and reverse engineers, so challenges should be thoroughly interesting. We look forward to having you!
</p>
<p>
</p>
</div>
<div class="col-md-6 slight-bump">
<p>
<strong>patriotCTF 2018</strong> is organized by <a href="https://competitivecyber.club">Mason Competitive Cyber</a>, with additional financial support pending. With regard to food, Einstein's breakfast food and drinks include tea/lemonade, bagels and cream cheese, a limited number of pastries, and fresh fruit. Paisano's lunch food and drinks include box sandwich lunches, standard sodas, two trays of salads, with priority given to those with allergies. In addition, Paisano's will be providing brownies and cookies.
<section class="section">
<div class="container">
<div class="tile is-ancestor">
<div class="tile is-vertical is-12">
<div class="tile">
<div class="tile is-parent is-vertical">
<article class="tile is-child notification">
<p class="title"></p>
<p class="subtitle">Top tile</p>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification">
<p class="title">
<span class="icon">
<i class="fas fa-gift"></i>
</span>
Prizes Include...
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr />
<legend class="text-center"><div class="title" id="Description" href="#Prizes"><h2>Prizes</h2></div></legend>
<hr />
</div>
<div class="col-md-2 slight-bump"></div>
<div class="col-md-8 slight-bump">
<ul>
<li>Prizes are pending announcement</li>
</ul>
<br />
</div>
<div class="col-md-2 slight-bump"></div>
</div>
<div class="row">
</div>
<hr />
<div class="row">
<legend class="text-center"><div class="title" id="Registration" href="#Registration"><h2>Registration</h2></a></legend>
<hr />
</div>
</div>
<div class="row">
<div class="col-md-8 offset-md-2">
</div>
</div>
<div class="row">
<div class="col-md-10 offset-md-1 text-center">
<br />
<p style="text-align: center;">
Registration is pending
<div class="content">
<li>USB Rubber Duckys</li>
<li>Packet Squirrel</li>
<li>LAN Turtle</li>
<li>Raspberry Pi Model B+</li>
<li>Mechanical Keyboard</li>
<li>BeagleBone Rev Com</li>
</div>
</figure>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child notification">
<div class="content">
<p class="title">
<span class="icon">
<i class="fas fa-handshake"></i>
</span>
About Battelle
</p>
<div class="content">
Battelle is our proud event sponsor. Battelle also sponsors our organization after we discovered a number of our members were enjoying working there, especially in reverse engineering. If you're a CTF competitor and interested in working in what is essentially a very competitive cybersecurity R&D non-profit, we recommend trying to get priority access via their on-demand <a href="https://battellecyberchallenge.org/">cyber challenge.</a>
</div>
</div>
<div class="">
<div class="container">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</article>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr />
<legend class="text-center"><div id="Schedule" class="title" href="#Schedule"><h2>Schedule</h2></a></legend>
<hr />
</div>
</div>
</div>
<div class="row">
<div class="col-md-10 offset-md-1 text-center slight-bump">
<p>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<table class="table table-hover">
<div class="tile is-parent">
<article class="tile is-child notification">
<p class="title">
<span class="icon">
<i class="fas fa-bug"></i>
</span>
Challenge Team</p>
<p class="subtitle">Challenge Writers</p>
<div class="content">
<table class="table">
<thead>
<tr>
<th><h3>Time</h3></th>
<th><h3>Activity</h3></th>
<th><h3>Description</h3></th>
<th>Face and Name</th>
<th>Job</th>
<th>Specialties</th>
<th>CC Position</th>
</tr>
</thead>
<tbody class="slight-bump">
<tbody>
<tr>
<td><!--<img class="bio" src="https://gravatar.com/avatar/0192da5a58e54436fb39bb29142104c5" />-->Michael Bailey</td>
<td>Jr Sec Engineer @ Crypsis Group</td>
<td>Web, Operating Systems</td>
<td>CC President</td>
</tr>
<tr>
<td><!--<img class="bio" src="https://avatars3.githubusercontent.com/u/17418941?s=460&amp;v=4" />-->
Paul Benoit</td>
<td>Jr Sec Engineer @ Crypsis Group</b></td>
<td>Forensics</td>
<td>CC Vice President</td>
</tr>
<tr>
<td>9:30am to 10:00am</td>
<td><strong>Doors Open: Registration and Getting Set Up</strong></td>
<td>Those who get in sooner can socialize, as we all know nerds do</td>
<td><!--<img class="bio" src="https://ca.slack-edge.com/T142QBS0M-U2X48GZMM-ec680bfdc974-72" />-->Chuck Tran</td>
<td>Sec Engineer @ Uffect Corp</td>
<td>Embedded Hacking</td>
<td>CC Competitions Officer</td>
</tr>
<tr>
<td>10:00am - 5:00pm</td>
<td><strong>And We're Live!</strong></td>
<td>patriotCTF goes live and teams are free to hack</td>
<td><!--<img class="bio" src="https://media.licdn.com/dms/image/C4E03AQEawbUjqCVzrg/profile-displayphoto-shrink_200_200/0?e=1529226000&amp;v=beta&amp;t=cTpPrIWsjvxeL2XE4XH2ZTxxNRN4tt1FhPaWQyErVtg" />-->
Chris Roberts</td>
<td>Cyber Software Engineer @ <b>Battelle</b></td>
<td>Reverse Engineering</td>
<td>CC Hacker</td>
</tr>
<tr>
<td>5:00pm - 5:30pm</td>
<td><strong>Goodbyes and Winning Announcements</strong></td>
<td><i>Don't Cry Because It's Over, Smile Because It Happened</i></td>
<td><!--<img class="bio" src="https://media.licdn.com/dms/image/C4E03AQG196LLoHgN-g/profile-displayphoto-shrink_200_200/0?e=1531353600&amp;v=beta&amp;t=ccFZL3kNLljuvHkq1saPeg8NnKkUNmiOTzYMGKcixvM" />-->
Jacob Robie</td>
<td>Cyber Scientist 2 @ <b>Battelle</b></td>
<td>Reverse Engineering</td>
<td>CC Hacker</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="col-md-12">
<hr />
<legend class="text-center"><a name="PeopleOrgs" id='PeopleOrgs' href="#PeopleOrgs"><h2>People and Organizations</h2></a></legend>
<hr />
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h3><strong>CTF Volunteers</strong></h3>
<br />
<p><i>Key note: "Challenges" indiate they are contributing to solutions and are not eligible to compete.</i>
<br />"Battelle" incidates a Battelle employee, a likely pending event sponsor.
</p>
</div>
</div>
<div class="row">
<div class="col-md-2">
<div class="icon" ><img class="icon" src="https://gravatar.com/avatar/0192da5a58e54436fb39bb29142104c5" /></div>
<div class="name">Michael Bailey</div>
<div class="role">CC Event Manager, Challenges</div>
<div class="subrole">CC President</div>
</div>
<div class="col-md-2">
<div class="icon"><img src="https://ca.slack-edge.com/T142QBS0M-U71ESBCUQ-6b039a965f52-72" class="icon" max-width="80" /></div>
<div class="name">Tyler Lambert</div>
<div class="role">On-Site Volunteer</div>
<div class="subrole">CC Founding Member / Battelle</div>
</div>
<div class="col-md-2">
<div class="icon"><img src="https://ca.slack-edge.com/T142QBS0M-U2X48GZMM-ec680bfdc974-72" class="icon" max-width="80" /></div>
<div class="name">Chuck Tran</div>
<div class="role">Challenges (Embedded)</div>
<div class="subrole">CC Competitions Officer</div>
</div>
<div class="col-md-2">
<div class="icon"><img src="https://media.licdn.com/dms/image/C4E03AQEawbUjqCVzrg/profile-displayphoto-shrink_200_200/0?e=1529226000&v=beta&t=cTpPrIWsjvxeL2XE4XH2ZTxxNRN4tt1FhPaWQyErVtg" class="icon" /></div>
<div class="name">Chris Roberts</div>
<div class="role">Challenges (RE)</div>
<div class="subrole">CC Founding Member / Battelle</div>
</div>
<div class="col-md-2">
<div class="icon"><img src="https://media.licdn.com/dms/image/C4E03AQG196LLoHgN-g/profile-displayphoto-shrink_200_200/0?e=1531353600&v=beta&t=ccFZL3kNLljuvHkq1saPeg8NnKkUNmiOTzYMGKcixvM" class="icon" /></div>
<div class="name">Jacob Robie</div>
<div class="role">Challenges (RE)</div>
<div class="subrole">CC Founding Member / Battelle</div>
</div>
<div class="col-md-2">
<div class="icon"><img src="https://avatars3.githubusercontent.com/u/17418941?s=460&v=4" width="100" class="icon" /></div>
<div class="name">Paul Benoit</div>
<div class="role">Challenges</div>
<div class="subrole">CC Vice President</div>
</div>
</div>
<br />
<div class="row">
<div class="col-md-5 offset-md-1 text-center">
</div>
<div class="col-md-5 text-center">
</div>
</div>
<br /><br />
<div class="row">
<div class="col-md-12 text-center">
<h3><strong>Organizations</strong></h3>
</div>
</div>
<br />
<div class="row">
<div class="col-md-3 text-center"></div>
<div class="col-md-6 text-center">
<img src="https://competitivecyber.club/images/transparent.png" width="10%" /><br />
<br />
<h3><a href="https://competitivecyber.club">Mason Competitive Cyber</a></h3>
</div>
<div class="col-md-3 text-center"></div>
</div>
<div class="row">
<div class="col-md-3 text-center">
</div>
<div class="col-md-6 text-center">
<p>
Mason Competitive Cyber is a cybersecurity organization on campus that
specializes in cybersecurity competitions, including CTFs, CNDs, and other similar events. Mason CC meets
weekly, travelling to regional competitions regularly and is proudly sponsored by Battelle and The Crypsis Group.
</p>
</div>
<div class="col-md-3 text-center">
</div>
</div>
<div class="jumbotron jumbopresentation">
<div class="container">
<div class="row">
<div class="col-md-8">
</div>
<div class="col-md-4">
</div>
</div>
</div>
</div>
</div>
<div class="sponsors">
<div class="row ">
<div class="col-md-12">
<legend class="text-center"><br /><h2 id="Sponsors" class="sponsors">Event Sponsors and Donors</h2></legend>
<hr />
</div>
</div>
<div class="row">
<div class="col-md-10 offset-md-1 text-center slight-bump details">
<p>
None <b>yet</b>, we are #SelfMade
</p>
<!--
<p>
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-2">
<a href="https://volgenau.gmu.edu/program/view/20490"><img src="static/img/mason.png" height="100em" /></a>
<p>Cybersecurity Engineering Program</p>
</div>
<div class="col-md-2">
<a href="https://www.torproject.org"><img src="static/img/tor.png" height="100em" /></a>
<p>The Tor Project</p>
</div>
<div class="col-md-2">
<a href="https://keybase.io/">
<img src="static/img/keybase.png" height="100em" /></a>
</a>
<p>Keybase</p>
</div>
<div class="col-md-2">
<a href="https://ece.gmu.edu/"><img src="static/img/mason.png" height="100em" /></a>
<p>Electrical & Computer Engineering Department</p>
</div>
<div class="col-md-2"></div>
</div>
</p>
</div>
-->
</div>
</div>
<div class="row">
<div class="col-md-10 offset-md-1">
<table class="table table-hover">
</table>
</div>
</div>
<div class="row">
<div class="col-md-12" id="Contact"><br />
<legend class="text-center"><h2 >Contact</h2></legend>
<hr />
</div>
<div class="col-md-6 text-center">
<h3><i class="fa fa-envelope fa-lg"></i>
&nbsp;<a href="mailto:masoncc@gmu.edu?subject=patriotCTF Question" class="social">masoncc@gmu.edu</h3></a>
</article>
</div>
<div class="col-md-6 text-center">
<h3><i class="fa fa-facebook-square fa-lg"></i>
&nbsp;<a href="https://www.facebook.com/events/137549800239630/" class="social">patriotCTF 2018 Event</h3></a>
</div>
</div>
<br />
</div>
</div>
</div>
<div id="footer">
<div class="container">
<div class="row">
<small>
<div class="col-lg-12 text-center">
</div>
</small>
</div>
</div>
</div>
<script src="static/js/bootstrap.min.js"></script>
<script>
function scrolldiv(divid) {
$('html, body').animate({
scrollTop: $(divid).offset().top
}, 2000);
}
</script>
</section>
</body>
</body>
</html>
\ No newline at end of file
public/old/index.html 0 → 100644
View file @ 8a24615e
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
<meta property="og:image" content="/static/img/patriotCTF.png" />
<link href="static/css/masonstrap.min.css" rel="stylesheet" media="screen">
<link href="static/fonts/font-awesome.min.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
<link rel="icon" href="static/img/favicon.ico?v=cc">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="static/js/jquery-2.0.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
/*
@licstart The following is the entire license notice for the
JavaScript code in this page.
Copyright (C) 2018 Mason SRCT
The JavaScript code in this page is free software: you can
redistribute it and/or modify it under the terms of the GNU
General Public License (GNU GPL) as published by the Free Software
Foundation, either version 3 of the License, or (at your option)
any later version. The code is distributed WITHOUT ANY WARRANTY;
without even the implied warranty of MERCHANTABILITY or FITNESS
FOR A PARTICULAR PURPOSE. See the GNU GPL for more details.
As additional permission under GNU GPL version 3 section 7, you
may distribute non-source (e.g., minimized or compacted) forms of
that code without the copy of the GNU GPL normally required by
section 4, provided you include this license notice and a URL
through which recipients can access the Corresponding Source.
@licend The above is the entire license notice
for the JavaScript code in this page.
*/
</script>
<meta name="description" content="Mason CC is proud to present our first major CTF event, patriotCTF. Come by, compete, win, eat.">
<title>patriotCTF 2018</title>
<style>
#wrap > div > div > div > div.icon > img {
width: 80;
text-align: center;
}
</style>
</head>
<body>
<div id="wrap">
<div class="container">
</div>
<div style="background-color: darkred;color: white;text-align: center;">
<!-- alerts go here -->
</div>
<div class="jumbotron">
<div class="container">
<div class="row">
<div class="col-md-8">
<h1 class="display-3">patriotCTF</h1><h1 class="month" style="color: white;">November 3rd at GMU</h1>
</div>
<div class="col-md-4 details">
<h3 align="right"><strong>Saturday,<br/>November 3rd</strong></h3>
<h3 align="right">9:30am-5:30pm</h3>
<h3 align="right"><strong><a href="" style="color: white;">HUB Rooms 1-2-3</a></strong></h3>
<h3 align="right">Event opens at 9:30am, live at 10:00am</h3>
<h3 align="right"><strong><a href="javascript:scrolldiv('#Registration')">Register</a></strong></h3>
</div>
</div>
</div>
</div>