203 lines
11 KiB
HTML
203 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html xmlns:th="http://www.thymeleaf.org">
|
|
|
|
|
|
<div class="lesson-page-wrapper">
|
|
<div class="adoc-content" th:replace="doc:Challenge_5.adoc"></div>
|
|
<link rel="stylesheet" type="text/css" th:href="@{/lesson_css/challenge5.css}"/>
|
|
<script th:src="@{/lesson_js/bootstrap.min.js}" language="JavaScript"></script>
|
|
<script th:src="@{/lesson_js/challenge5.js}" language="JavaScript"></script>
|
|
<div class="attack-container">
|
|
<div class="assignment-success"><i class="fa fa-2 fa-check hidden" aria-hidden="true"></i></div>
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
|
|
<div class="well">
|
|
<div class="user-nav pull-right" id="user-and-info-nav" style="margin-right: 75px;">
|
|
<div class="dropdown" style="display:inline">
|
|
<button type="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle"
|
|
id="user-menu">
|
|
<i class="fa fa-user"></i> <span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-left">
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" th:text="Unknown">current</a></li>
|
|
<li role="presentation" class="divider"></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" th:onclick="'javascript:login(\'' + ${#authentication.name} + '\');'"
|
|
th:text="${#authentication.name}">current</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" onclick="javascript:login('Tom')"
|
|
th:text="Tom">current</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" onclick="javascript:login('Jerry')"
|
|
th:text="Jerry">current</a></li>
|
|
<li role="presentation"><a role="menuitem" tabindex="-1" onclick="javascript:login('Sylvester')"
|
|
th:text="Sylvester">current</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div>
|
|
<h3>Vote for your favorite</h3>
|
|
</div>
|
|
<div class="list-group">
|
|
<a href="#" class="list-group-item active">
|
|
<div class="media col-md-3">
|
|
<figure>
|
|
<img class="media-object img-rounded"
|
|
th:src="@{/images/challenge1-small.png}"
|
|
alt="placehold.it/350x250"/>
|
|
</figure>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h4 class="list-group-item-heading">Admin lost password</h4>
|
|
<p class="list-group-item-text">In this challenge you will need to help the admin and
|
|
find the password in
|
|
order to login
|
|
</p>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<h2> 14240
|
|
<small> votes</small>
|
|
</h2>
|
|
<button type="button" class="btn btn-default btn-lg btn-block"> Vote Now!</button>
|
|
<div class="stars">
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star-empty"></span>
|
|
</div>
|
|
<p> Average 4.5
|
|
<small> /</small>
|
|
5
|
|
</p>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
<a href="#" class="list-group-item">
|
|
<div class="media col-md-3">
|
|
<figure>
|
|
<img class="media-object img-rounded"
|
|
th:src="@{/images/challenge5-small.png}"
|
|
alt="placehold.it/350x250"/>
|
|
</figure>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h4 class="list-group-item-heading">Vote for your favourite</h4>
|
|
<p class="list-group-item-text">In this challenge.....
|
|
</p>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<h2> 14240
|
|
<small> votes</small>
|
|
</h2>
|
|
<button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button>
|
|
<div class="stars">
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star-empty"></span>
|
|
</div>
|
|
<p> Average 4.2
|
|
<small> /</small>
|
|
5
|
|
</p>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
<a href="#" class="list-group-item">
|
|
<div class="media col-md-3">
|
|
<figure>
|
|
<img class="media-object img-rounded img-responsive"
|
|
th:src="@{/images/challenge2-small.png}"
|
|
alt="placehold.it/350x250"/>
|
|
</figure>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h4 class="list-group-item-heading">Get is for free</h4>
|
|
<p class="list-group-item-text">The objective for this challenge is to buy a Samsung
|
|
phone for free.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<h2> 12424
|
|
<small> votes</small>
|
|
</h2>
|
|
<button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button>
|
|
<div class="stars">
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star-empty"></span>
|
|
<span class="glyphicon glyphicon-star-empty"></span>
|
|
</div>
|
|
<p> Average 3
|
|
<small> /</small>
|
|
5
|
|
</p>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
<a href="#" class="list-group-item">
|
|
<div class="media col-xs-12 col-md-3">
|
|
<figure>
|
|
<img class="media-object img-rounded img-responsive"
|
|
th:src="@{/images/challenge3-small.png}"
|
|
alt="placehold.it/350x250"/>
|
|
</figure>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<h4 class="list-group-item-heading">Photo comments </h4>
|
|
<p class="list-group-item-text">In this challenge you can comment on the photo you
|
|
will need to find the flag somewhere.
|
|
</p>
|
|
</div>
|
|
<div class="col-md-3 text-center">
|
|
<h2> 13540
|
|
<small> votes</small>
|
|
</h2>
|
|
<button type="button" class="btn btn-primary btn-lg btn-block">Vote Now!</button>
|
|
<div class="stars">
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star"></span>
|
|
<span class="glyphicon glyphicon-star-empty"></span>
|
|
</div>
|
|
<p> Average 4.1
|
|
<small> /</small>
|
|
5
|
|
</p>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
<form class="attack-form form-inline" method="POST" name="form" action="/WebGoat/challenge/flag">
|
|
<div class="form-group">
|
|
<div class="input-group">
|
|
<div class="input-group-addon"><i class="fa fa-flag-checkered" aria-hidden="true"
|
|
style="font-size:20px"></i></div>
|
|
<input type="text" class="form-control" id="flag" name="flag"
|
|
placeholder="a7179f89-906b-4fec-9d99-f15b796e7208"/>
|
|
</div>
|
|
<div class="input-group" style="margin-top: 10px">
|
|
<button type="submit" class="btn btn-primary">Submit flag</button>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<br/>
|
|
<div class="attack-feedback"></div>
|
|
<div class="attack-output"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</html> |