team-alpha/railsgoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

going to dynamically load the tutorial page depending on the route folks decide to take

Browse Source
This commit is contained in:
cktricky
2015-01-06 19:43:23 -05:00
parent c1e5a8684a
commit 09ba2b3270
5 changed files with 50 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/tutorials/index.html.erb
+41 -28
View File
@@ -3,45 +3,51 @@
<h1> Welcome to RailsGoat </h1>
<h3> Tutorial Guide </h3>
<div class="row-fluid">
<!-- Begin Main Section -->
<div id="main" class="row-fluid">
<div class="span12">
<h6>Railsgoat can be used by either software developers or security professionals as a means of training themselves on Ruby on Rails security.
We describe software developers as "builders" and security professionals as "breakers".
<br/><br/>Please choose the category that you fall under for more information.
</h6>
</h6><br/><br/>
<!-- Begin Buttons -->
<div class="widget">
<div class="widget-body">
<div class="row-fluid">
<div class="metro-navigation">
<!-- Begin Builder Button -->
<div class="nav-block block-blue double">
<a href="#">
<div class="fs1" aria-hidden="true" data-icon=></div>
<div class="brand">
Builder
</div>
</a>
</div>
<!-- End Builder Button-->
<!-- Begin Breaker Button -->
<div class="nav-block block-red double">
<a href="#">
<div class="fs1" aria-hidden="true" data-icon=></div>
<div class="brand">
Breaker
</div>
</a>
</div>
<!-- End Breaker Button-->
<div class="row-fluid">
<div class="metro-navigation">
<!-- Begin Builder Button -->
<div class="nav-block block-blue double">
<a href="#">
<div class="fs1" aria-hidden="true" data-icon=></div>
<div class="brand">
Builder
</div>
</div>
</a>
</div>
<!-- End Builder Button-->
<!-- Begin Breaker Button -->
<div class="nav-block block-red double offset1">
<a id="breaker" href="#">
<div class="fs1" aria-hidden="true" data-icon=></div>
<div class="brand">
Breaker
</div>
</a>
</div>
<!-- End Breaker Button-->
</div>
</div>
<!-- End Buttons -->
</div>
</div>
<!-- End Main Section-->
<!-- Begin Tutorial Section -->
<div class="row-fluid">
<div class="span12">
<div id="info">
</div>
</div>
</div>
<!-- End Tutorial Section -->
</div>
</div>
@@ -50,5 +56,12 @@ function makeActive(){
$('li[id="tutorials_home"]').addClass('active');
};
$('#breaker').click(function(event){
event.preventDefault();
$("#main").empty()
$("#info").empty()
$("#info").load(<%= sanitize breaker_tutorials_path.inspect %>)
});
$(document).ready(makeActive);
</script>