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;
margin: -0.1em;
}
#style1 .dropdown-menu {
background-color: #1a8dff;
}
#email, #password {
margin-bottom: 1em;
}

View file

@ -4,6 +4,7 @@
<meta charset="utf-8">
<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 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">
<base href="/">
</head>
@ -25,45 +26,50 @@
<ul class="nav navbar-nav navbar-fixed">
<li>
<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>
<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>
<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>
<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>
<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>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="/programming">
<img src="images/programming.png" class="icn" alt="programming icon">&nbsp;&nbsp;Programming</a>
</li>
<li>
<a href="/shell">
<img src="images/terminal.png" class="icn" alt="shell icon">&nbsp;&nbsp;Shell</a>
</li>
<li>
<a href="/problems">
<img src="images/problems.png" class="icn" alt="problems icon">&nbsp;&nbsp;Problems</a>
<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>
<ul class="dropdown-menu">
<li>
<a href="/problems">
<span class="fa fa-pencil"></span>&nbsp;&nbsp;Problems</a>
</li>
<li>
<a href="/programming">
<span class="fa fa-code"></span>&nbsp;&nbsp;Programming</a>
</li>
<li>
<a href="/shell">
<span class="fa fa-terminal"></span>&nbsp;&nbsp;Shell</a>
</li>
</ul>
</li>
<li>
<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>
<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>
</ul>
</div>

View file

@ -9,7 +9,7 @@
final.
<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>.
<h2 class="heading2">Scoring</h2>