dubey/WebGoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated logo bg, added modal for about icon

Browse Source
This commit is contained in:
Alison Loney 2014-09-11 13:38:02 -04:00
parent 809ef80e18
commit 7e50264d4e
3 changed files with 113 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
newDesign/assets/css/main.css
View File

@ -74,16 +74,16 @@ img {
#header .brand {
float: left;
width: 240px;
min-height: 80px;
padding: 0 0 0 10px;
height: 80px;
padding: 0;
position: relative;
background: #e84c3d url('../img/logo.png') no-repeat 25px 26px;
background: url('../img/logoBG.jpg') no-repeat 0px 0px;
}
#header .logo {
color: #fff;
font-size: 1.7em;
text-transform: uppercase;
padding: 23px 0 0 57px;
padding: 23px 0 0 75px;
display: inline-block;
}
#header .logo span {
@ -696,6 +696,16 @@ fieldset[disabled] .btn-warning.active {
color: #fff;
border: none;
}
/* ==========================================================================
Modal
========================================================================== */
.modal-footer .btn + .btn {
margin-bottom: 5px;
}
.modal .modal-body.modal-scroll {
max-height: 350px;
overflow-y: auto;
}
/* ==========================================================================
Media Queries
========================================================================== */

BIN
newDesign/assets/img/logoBG.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

111
newDesign/index.html
View File

@ -57,7 +57,7 @@
<h1>Lesson Title in here</h1>
</div><!--lesson title end-->
<div class="user-nav pull-right">
<button type="button" class="btn btn-default">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#aboutModal">
<i class="fa fa-info"></i>
</button>
<button type="button" class="btn btn-default">
@ -72,15 +72,6 @@
<aside class="sidebar">
<div id="leftside-navigation" class="nano">
<ul class="nano-content">
<li class="active">
<a href="index.html"><i class="fa fa-home"></i><span>Home</span></a>
</li>
<li>
<a href="about.html"><i class="fa fa-users"></i><span>About</span></a>
</li>
<li>
<a href="contact.html"><i class="fa fa-envelope-o"></i><span>Contact</span></a>
</li>
<li class="sub-menu">
<a href=""><i class="fa fa-bars"></i><span>LESSONS</span></a>
</li>
@ -203,9 +194,9 @@
<div class="panel">
<div class="panel-body">
<div align="left">
<button type="button" class="btn btn-default">Params</button>
<button type="button" class="btn btn-default">Hints</button>
<button type="button" class="btn btn-default">Cookies</button>
<button type="button" class="btn btn-default btn-sm">Params</button>
<button type="button" class="btn btn-default btn-sm">Hints</button>
<button type="button" class="btn btn-default btn-sm">Cookies</button>
</div>
<hr />
<h3>Hints</h3>
@ -219,6 +210,100 @@
</section>
<!--main content end-->
<!-- Basic Modal -->
<div class="modal fade" id="aboutModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 class="modal-title" id="myModalLabel">About WebGoat</h3>
</div>
<div class="modal-body modal-scroll">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean quis posuere sapien, at ornare neque. Curabitur commodo efficitur ante, at finibus ex faucibus ut. Vivamus id diam blandit, convallis justo sed, vehicula sem. Cras a semper ex. Etiam dignissim tempus metus, sit amet blandit arcu pulvinar ac. Mauris dignissim rutrum ante sit amet posuere. Proin mollis sapien augue, at tempor metus iaculis eu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras elementum finibus tincidunt.</p>
<p>Version</p>
<p>OWASP Reference - probably text and image</p>
<div class="row">
<div class="col-md-6">
<p>WebGoat Authors
<ul>
<li>name...</li>
<li>name...</li>
<li>name...</li>
</ul>
</p>
</div>
<div class="col-md-6">
<p>WebGoat Design Team
<ul>
<li>name...</li>
<li>name...</li>
<li>name...</li>
</ul>
</p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<p>Active Contributors
<ul>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
</ul>
</p>
</div>
<div class="col-md-6">
<p>Past Contributors
<ul>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
<li>name... (Role)</li>
</ul>
</p>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- End Basic Modal -->
</section>
<!--Global JS-->
<script src="assets/js/jquery-1.10.2.min.js"></script>