moaaar code
This commit is contained in:
@@ -17,8 +17,13 @@
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<%= render "layouts/shared/header" %>
|
||||
<%= render "layouts/shared/sidebar" %>
|
||||
<% if current_user %>
|
||||
<%= render "layouts/shared/header" %>
|
||||
<%= render "layouts/shared/sidebar" %>
|
||||
<% else %>
|
||||
<%= render "layouts/tutorial/header" %>
|
||||
<%= render "layouts/tutorial/sidebar" %>
|
||||
<% end %>
|
||||
<div class="container-fluid">
|
||||
<div class="dashboard-wrapper">
|
||||
<%= yield %>
|
||||
|
||||
@@ -0,0 +1,19 @@
|
||||
<!-- Want to use this template whether auth'd or not so I've got some code to determine how to render below -->
|
||||
<header>
|
||||
|
||||
<% if not current_user %>
|
||||
<ul class="mini-nav">
|
||||
<li>
|
||||
<%= button_to "signup", "#", {:class => "btn btn-primary", :method => "get"} %>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="mini-nav">
|
||||
<li>
|
||||
<%= button_to "login", login_path, {:class => "btn", :method => "get"} %>
|
||||
</li>
|
||||
</ul>
|
||||
<% else %>
|
||||
|
||||
<% end %>
|
||||
|
||||
</header>
|
||||
@@ -0,0 +1,163 @@
|
||||
<div id="mainnav" class="hidden-phone hidden-tablet">
|
||||
<ul style="display: block;">
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A1 Injection
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A2 XSS
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A3 Broken Auth
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A4 Insecure DOA
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A5 CSRF
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A6 Security Misconfiguration
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A7 Crypto
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A8 URL Access
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A9 SSL/TLS
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
A10 Redirects
|
||||
</a>
|
||||
</li>
|
||||
<li class="submenu">
|
||||
<a href="#" class="selected">
|
||||
<div class="icon">
|
||||
<span class="fs1" aria-hidden="true" data-icon=""></span>
|
||||
</div>
|
||||
Extras
|
||||
</a>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Edit Profile</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Calendar</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Invoice</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Login</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Error</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#">Help</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
//Main menu navigation
|
||||
|
||||
$('.submenu > a').click(function(e){
|
||||
e.preventDefault();
|
||||
var submenu = $(this).siblings('ul');
|
||||
var li = $(this).parents('li');
|
||||
var submenus = $('#mainnav li.submenu ul');
|
||||
var submenus_parents = $('#mainnav li.submenu');
|
||||
if(li.hasClass('open'))
|
||||
{
|
||||
if(($(window).width() > 768) || ($(window).width() < 479)) {
|
||||
submenu.slideUp();
|
||||
} else {
|
||||
submenu.fadeOut(250);
|
||||
}
|
||||
li.removeClass('open');
|
||||
} else
|
||||
{
|
||||
if(($(window).width() > 768) || ($(window).width() < 479)) {
|
||||
submenus.slideUp();
|
||||
submenu.slideDown();
|
||||
} else {
|
||||
submenus.fadeOut(250);
|
||||
submenu.fadeIn(250);
|
||||
}
|
||||
submenus_parents.removeClass('open');
|
||||
li.addClass('open');
|
||||
}
|
||||
});
|
||||
|
||||
var ul = $('#mainnav > ul');
|
||||
|
||||
$('#mainnav > a').click(function(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
var mainnav = $('#mainnav');
|
||||
if(mainnav.hasClass('open'))
|
||||
{
|
||||
mainnav.removeClass('open');
|
||||
ul.slideUp(250);
|
||||
} else
|
||||
{
|
||||
mainnav.addClass('open');
|
||||
ul.slideDown(250);
|
||||
}
|
||||
});
|
||||
|
||||
</script>
|
||||
@@ -0,0 +1,26 @@
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<div class="row-fluid">
|
||||
<div class="span4 offset4">
|
||||
<div class="signup">
|
||||
<form action="#" class="signup-wrapper" method="post">
|
||||
<div class="header">
|
||||
<h2>Login</h2>
|
||||
<p>Fill out the form below to login to your control panel.</p>
|
||||
</div>
|
||||
<div class="content">
|
||||
<input class="input input-block-level" placeholder="Email" required="required" type="email" value="">
|
||||
<input class="input input-block-level" placeholder="Password" required="required" type="password">
|
||||
</div>
|
||||
<div class="actions">
|
||||
<input class="btn btn-info btn-large pull-right" type="submit" value="Login">
|
||||
<span class="checkbox-wrapper">
|
||||
<a href="#" class="pull-left">Forgot Password</a>
|
||||
</span>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user