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

WEB-32, WEB-12, WEB-17, WEB-14

Browse Source 
Added about, contact, login buttons to top right header. Added lesson
buttons above lesson.
Added ‘heads-up’ display for hints, params etc in a right sidebar in
main body.
This commit is contained in:
Alison Loney 2014-09-03 13:07:28 -04:00
parent 19e3eff325
commit b18d320bd1
2 changed files with 81 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -100,7 +100,8 @@ img {
color: #F6F6F6;
}
#header .toggle-navigation.toggle-left {
margin: 23px 0 0 20px;
margin-top: 5px;
margin-left: 20px;
display: inline-block;
}
#header .btn-default {
@ -119,10 +120,31 @@ img {
cursor: pointer;
color: #797979;
}
#header .btn-default .fa-info,
#header .btn-default .fa-envelope,
#header .btn-default .fa-user {
color: #797979;
}
#header .user-nav button:hover,
#header .user-nav button:active {
background: #e84c3d;
}
#header .user-nav button:hover i {
color: #F6F6F6;
}
#header .lessonTitle {
display: inline-block;
margin:0 0 0 20px;
}
#header .pull-right {
float: right !important;
margin-top:25px;
margin-right:20px;
}
/* Sidebar */
.sidebar {
width: 240px;
height: auto;
height: 100%;
background: #222;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
@ -324,8 +346,8 @@ a.btn-primary:visited {
a.btn-primary:hover,
a.btn-primary:active {
color: #ffffff;
background-color: #1dd2af;
border-color: #1dd2af;
background-color: #C62F28;
border-color: #C62F28;
}
.btn-primary:hover,
.btn-primary:focus,
@ -333,8 +355,8 @@ a.btn-primary:active {
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #1dd2af;
border-color: #1dd2af;
background-color: #C62F28;
border-color: #C62F28;
}
.btn-primary:active,
.btn-primary.active,

44
newDesign/index.html
View File

@ -1,4 +1,4 @@
s<!DOCTYPE html>
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
@ -53,6 +53,20 @@ s<!DOCTYPE html>
<i class="fa fa-bars"></i>
</button>
</div><!--toggle navigation end-->
<div class="lessonTitle">
<h1>Lesson Title in here</h1>
</div><!--lesson title end-->
<div class="user-nav pull-right">
<button type="button" class="btn btn-default">
<i class="fa fa-info"></i>
</button>
<button type="button" class="btn btn-default">
<i class="fa fa-envelope"></i>
</button>
<button type="button" class="btn btn-default">
<i class="fa fa-user"></i>
</button>
</div>
</header>
<!--sidebar left start-->
<aside class="sidebar">
@ -161,10 +175,19 @@ s<!DOCTYPE html>
<section class="main-content-wrapper">
<section id="main-content">
<div class="row">
<div class="col-md-8">
<div class="col-md-12" align="left">
<div class="panel">
<div class="panel-body">
<button type="button" class="btn btn-primary">Java [Source]</button>
<button type="button" class="btn btn-primary">Solution</button>
</div>
</div>
</div>
<div class="col-md-12">
<div class="panel">
<div class="panel-body">
<h1>About WebGoat</h1> <span style="btn">Text</span>
<h1>About WebGoat</h1>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat feugiat nunc, non vulputate urna dictum ut. Nam consectetur porttitor diam ut ultricies. Aenean dolor dolor, congue sed ornare non, elementum in mauris. Phasellus orci sem, rhoncus eu laoreet eu, aliquam nec ante. Suspendisse sit amet justo eget eros tempor tincidunt vel quis justo. Sed pulvinar enim id neque pellentesque, eu rhoncus lorem eleifend. Morbi congue tortor sit amet pulvinar posuere.</p>
<p>Integer rhoncus gravida arcu, at bibendum magna feugiat sit amet. Vivamus id lacinia massa. Praesent eu quam ullamcorper, tempor elit nec, lobortis massa. In in eros eu augue rhoncus semper. Vestibulum ornare purus vitae bibendum vulputate. Cras eleifend commodo lectus, eget pharetra justo mollis quis. Donec tempor magna lectus, vitae suscipit turpis venenatis et. Nulla facilisi.</p>
@ -174,6 +197,23 @@ s<!DOCTYPE html>
</div>
</div>
</div>
</div><!--col-md-8 end-->
<div class="col-md-4">
<div class="col-md-12">
<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>
</div>
<hr />
<h3>Hints</h3>
<p>Nam placerat magna in massa euismod fringilla. Pellentesque in cursus risus, eu hendrerit ligula. Quisque ultrices eget tortor ut eleifend. Praesent auctor libero nec quam fringilla faucibus. Curabitur cursus risus eu faucibus rutrum. Morbi dapibus nulla risus, et euismod eros posuere volutpat. Quisque ut diam diam. Quisque sed enim tortor. Suspendisse commodo magna nec felis ultricies laoreet. Donec sit amet vehicula eros. Phasellus at dapibus enim. Sed massa quam, aliquet eu mattis at, porttitor a nisi.</p>
</div>
</div>
</div>
</div><!--col-md-4 end-->
</div>
</section>
</section>