Navbar dropdown for problems and use font awesome for symbols

This commit is contained in:
Tillson Galloway 2016-01-02 00:42:09 -05:00
parent c6b6766e6b
commit 4315987ef0
3 changed files with 27 additions and 18 deletions

View file

@ -11,6 +11,9 @@
background-color: #0080FF; background-color: #0080FF;
margin: -0.1em; margin: -0.1em;
} }
#style1 .dropdown-menu {
background-color: #1a8dff;
}
#email, #password { #email, #password {
margin-bottom: 1em; margin-bottom: 1em;
} }

View file

@ -4,6 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>EasyCTF 2016</title> <title>EasyCTF 2016</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/style.css"> <link type="text/css" rel="stylesheet" href="css/style.css">
<base href="/"> <base href="/">
</head> </head>
@ -25,45 +26,50 @@
<ul class="nav navbar-nav navbar-fixed"> <ul class="nav navbar-nav navbar-fixed">
<li> <li>
<a href="/about"> <a href="/about">
<img src="images/info.png" class="icn" alt="information icon">&nbsp;&nbsp;About</a> <span class="fa fa-info-circle"></span>&nbsp;&nbsp;About</a>
</li> </li>
<li> <li>
<a href="/rules"> <a href="/rules">
<img src="images/rules.png" class="icn" alt="">&nbsp;&nbsp;Rules</a> <span class="fa fa-book"></span>&nbsp;&nbsp;Rules</a>
</li> </li>
<li> <li>
<a href="/updates"> <a href="/updates">
<img src="images/updates.png" class="icn" alt="">&nbsp;&nbsp;Updates</a> <span class="fa fa-bullhorn"></span>&nbsp;&nbsp;Updates</a>
</li> </li>
<li> <li>
<a href="/chat"> <a href="/chat">
<img src="images/chat.png" class="icn" alt="">&nbsp;&nbsp;Chat</a> <span class="fa fa-comments"></span>&nbsp;&nbsp;Chat</a>
</li> </li>
<li> <li>
<a href="/scoreboard"> <a href="/scoreboard">
<img src="images/scoreboard.png" class="icn" alt="">&nbsp;&nbsp;Scoreboard</a> <span class="fa fa-trophy"></span>&nbsp;&nbsp;Scoreboard</a>
</li> </li>
</ul> </ul>
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li> <li>
<a href="/programming"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-pencil"></span>&nbsp;&nbsp;Problems <span class="caret"></span></a>
<img src="images/programming.png" class="icn" alt="programming icon">&nbsp;&nbsp;Programming</a> <ul class="dropdown-menu">
</li> <li>
<li> <a href="/problems">
<a href="/shell"> <span class="fa fa-pencil"></span>&nbsp;&nbsp;Problems</a>
<img src="images/terminal.png" class="icn" alt="shell icon">&nbsp;&nbsp;Shell</a> </li>
</li> <li>
<li> <a href="/programming">
<a href="/problems"> <span class="fa fa-code"></span>&nbsp;&nbsp;Programming</a>
<img src="images/problems.png" class="icn" alt="problems icon">&nbsp;&nbsp;Problems</a> </li>
<li>
<a href="/shell">
<span class="fa fa-terminal"></span>&nbsp;&nbsp;Shell</a>
</li>
</ul>
</li> </li>
<li> <li>
<a href="/login"> <a href="/login">
<img src="images/login.png" class="icn" alt="login icon">&nbsp;&nbsp;Login</a> <span class="fa fa-sign-in"></span>&nbsp;&nbsp;Login</a>
</li> </li>
<li> <li>
<a href="/register"> <a href="/register">
<img src="images/register.png" class="icn" alt="register icon">&nbsp;&nbsp;Register</a> <span class="fa fa-pencil"></span>&nbsp;&nbsp;Register</a>
</li> </li>
</ul> </ul>
</div> </div>

View file

@ -9,7 +9,7 @@
final. final.
<h2 class="heading2">Flag Format</h2> <h2 class="heading2">Flag Format</h2>
Most of the flags that you will find will be have the format Unless otherwise stated, the flags that you will find will be in the format
<code>easyctf{example_flag}</code>. <code>easyctf{example_flag}</code>.
<h2 class="heading2">Scoring</h2> <h2 class="heading2">Scoring</h2>