Added multiple pages and changed look/feel
This commit is contained in:
parent
c55d196eae
commit
5b1c46e63c
11 changed files with 84 additions and 15 deletions
15
README.md
15
README.md
|
@ -32,17 +32,18 @@ Main Pages:
|
||||||
- <b>login.html</b>
|
- <b>login.html</b>
|
||||||
- <b>register.html</b>
|
- <b>register.html</b>
|
||||||
- <b>about.html</b>
|
- <b>about.html</b>
|
||||||
- scoreboard.html
|
- <b>scoreboard.html</b>
|
||||||
- problems.html
|
- <b>problems.html</b>
|
||||||
- account.html
|
- account.html
|
||||||
- programming.html
|
- <b>programming.html</b>
|
||||||
- chat.html
|
- <b>chat.html</b>
|
||||||
- forgot_password.html
|
- forgot_password.html
|
||||||
- logout.html
|
- logout.html
|
||||||
- rules.html
|
- rules.html
|
||||||
- team.html
|
- team.html
|
||||||
- shell.html
|
- <b>shell.html</b>
|
||||||
- updates.html
|
- <b>updates.html</b>
|
||||||
- resetpassword.html
|
- resetpassword.html
|
||||||
|
|
||||||
Color Scheme: #69D2E7 | #A7DBDB | #E0E4CC | #F38630 | #FA6900
|
<del>Color Scheme: #69D2E7 | #A7DBDB | #E0E4CC | #F38630 | #FA6900</del>
|
||||||
|
(undecided.)
|
||||||
|
|
|
@ -13,7 +13,7 @@ server {
|
||||||
# }
|
# }
|
||||||
|
|
||||||
# Put all the pages here so Angular doesn't fail.
|
# Put all the pages here so Angular doesn't fail.
|
||||||
location ~^/(about|login|register|scoreboard|chat|updates)$ {
|
location ~^/(about|login|register|scoreboard|chat|updates|problems|programming|shell)$ {
|
||||||
default_type text/html;
|
default_type text/html;
|
||||||
try_files /index.html /index.html;
|
try_files /index.html /index.html;
|
||||||
}
|
}
|
||||||
|
|
|
@ -40,13 +40,13 @@ body {
|
||||||
padding: 5em 0em;
|
padding: 5em 0em;
|
||||||
}
|
}
|
||||||
h1 {
|
h1 {
|
||||||
color: #F38630;
|
color: #ee953b;
|
||||||
}
|
}
|
||||||
li {
|
li {
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
}
|
}
|
||||||
li:hover {
|
li:hover {
|
||||||
background-color: #96c5c5;
|
background-color: #32bcd0;
|
||||||
}
|
}
|
||||||
tr {
|
tr {
|
||||||
transition-duration: 0.5s;
|
transition-duration: 0.5s;
|
||||||
|
@ -54,3 +54,14 @@ tr {
|
||||||
tr:hover {
|
tr:hover {
|
||||||
background-color: #DDDDDD;
|
background-color: #DDDDDD;
|
||||||
}
|
}
|
||||||
|
li a, .navbar-brand {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
color: #29d257;
|
||||||
|
}
|
||||||
|
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
|
||||||
|
border-color: #29d257;
|
||||||
|
box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px #29d257;
|
||||||
|
outline: 0 none;
|
||||||
|
}
|
||||||
|
|
|
@ -7,8 +7,8 @@
|
||||||
<base href="/">
|
<base href="/">
|
||||||
</head>
|
</head>
|
||||||
<body ng-controller="mainController">
|
<body ng-controller="mainController">
|
||||||
<nav class="navbar navbar-default">
|
<nav class="navbar navbar-default navbar-fixed-top">
|
||||||
<div class="container-fluid" style="background-color: #A7DBDB; margin: -0.1em;">
|
<div class="container-fluid" style="background-color: #5954dd; margin: -0.1em;">
|
||||||
<div class="navbar-header">
|
<div class="navbar-header">
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
|
||||||
<span class="sr-only">Toggle navigation</span>
|
<span class="sr-only">Toggle navigation</span>
|
||||||
|
@ -27,12 +27,16 @@
|
||||||
<li><a href="/scoreboard">Scoreboard</a></li>
|
<li><a href="/scoreboard">Scoreboard</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
|
<li><a href="/programming">Programming</a></li>
|
||||||
|
<li><a href="/shell">Shell</a></li>
|
||||||
|
<li><a href="/problems">Problems</a></li>
|
||||||
<li><a href="/login">Login</a></li>
|
<li><a href="/login">Login</a></li>
|
||||||
<li><a href="/register">Register</a></li>
|
<li><a href="/register">Register</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
<br><br>
|
||||||
<div id="mainContent" class="ui container">
|
<div id="mainContent" class="ui container">
|
||||||
<div ng-view></div>
|
<div ng-view></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -24,6 +24,18 @@ app.config(function($routeProvider, $locationProvider) {
|
||||||
templateUrl: "pages/updates.html",
|
templateUrl: "pages/updates.html",
|
||||||
controller: "mainController"
|
controller: "mainController"
|
||||||
})
|
})
|
||||||
|
.when("/problems", {
|
||||||
|
templateUrl: "pages/problems.html",
|
||||||
|
controller: "mainController"
|
||||||
|
})
|
||||||
|
.when("/programming", {
|
||||||
|
templateUrl: "pages/programming.html",
|
||||||
|
controller: "mainController"
|
||||||
|
})
|
||||||
|
.when("/shell", {
|
||||||
|
templateUrl: "pages/shell.html",
|
||||||
|
controller: "mainController"
|
||||||
|
})
|
||||||
.when("/scoreboard", {
|
.when("/scoreboard", {
|
||||||
templateUrl: "pages/scoreboard.html",
|
templateUrl: "pages/scoreboard.html",
|
||||||
controller: "mainController"
|
controller: "mainController"
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
<center>
|
<center>
|
||||||
<h1>EasyCTF 3</h1>
|
<h1>EasyCTF 3</h1>
|
||||||
<h3 style="color: #FFBB60;"> Coming 2016 </h3>
|
<h3 style="color: #FFBB60;"> Coming 2016 </h3>
|
||||||
|
<br>
|
||||||
|
<a class="twitter-timeline" href="https://twitter.com/easyctf" data-widget-id="680792667001884672">Tweets by @easyctf</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||||
</center>
|
</center>
|
||||||
|
|
|
@ -2,8 +2,8 @@
|
||||||
<h1>Log-in</h1>
|
<h1>Log-in</h1>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<form id="login-form">
|
<form id="login-form">
|
||||||
<input type="text" class="form-control" placeholder="Email" id="email">
|
<input type="text" class="form-control" placeholder="Email" id="email" style="margin-bottom:1em;">
|
||||||
<input type="password" id="password" name="password" placeholder="Password" class="form-control">
|
<input type="password" id="password" name="password" placeholder="Password" class="form-control" style="margin-bottom:1em;">
|
||||||
<input type="submit" class="btn btn-lg btn-success" value="Login">
|
<input type="submit" class="btn btn-lg btn-success" value="Login">
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
17
web/pages/problems.html
Normal file
17
web/pages/problems.html
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
<center>
|
||||||
|
<h1>Problems</h1>
|
||||||
|
<div class="panel panel-info">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Silly Caesar | Cryptography</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<h3>Do we even need this problem, just take the flag. <code>easyctf{no}</code></h3>
|
||||||
|
<div class="input-group" style="margin-left:10em;margin-right:10em;">
|
||||||
|
<input type="text" class="form-control" placeholder="EasyCTF{...}">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-success" type="button">Check!</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</center>
|
11
web/pages/programming.html
Normal file
11
web/pages/programming.html
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
<center>
|
||||||
|
<h1>Programming</h1>
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Problems Avalible: NaN?</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<h3>Insert Programming Client Here</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</center>
|
11
web/pages/shell.html
Normal file
11
web/pages/shell.html
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
<center>
|
||||||
|
<h1>Shell</h1>
|
||||||
|
<div class="panel panel-default">
|
||||||
|
<div class="panel-heading">
|
||||||
|
<h3 class="panel-title">Username: (insert username) | Password: (insert password)</h3>
|
||||||
|
</div>
|
||||||
|
<div class="panel-body">
|
||||||
|
<h3>Insert Shell Here</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</center>
|
|
@ -1,4 +1,4 @@
|
||||||
<center>
|
<center>
|
||||||
<h1>News / Updates</h1>
|
<h1>News / Updates</h1>
|
||||||
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" class="twitter-timeline twitter-timeline-rendered" data-widget-id="661431758655782912" data-user-id="3239603087" title="Twitter Timeline" style="position: static; visibility: visible; display: inline-block; width: 100%; height: 600px; padding: 0px; border: none; max-width: 520px; min-width: 180px; margin-top: 0px; margin-bottom: 0px; min-height: 200px;"></iframe>
|
<a class="twitter-timeline" href="https://twitter.com/easyctf" data-widget-id="680792667001884672">Tweets by @easyctf</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
|
||||||
</center>
|
</center>
|
||||||
|
|
Loading…
Reference in a new issue