moaaar code

This commit is contained in:
Ken Johnson
2013-04-24 19:06:51 -04:00
parent 5a992c3c1f
commit 9c4a19d3d1
5 changed files with 216 additions and 3 deletions
+7 -2
View File
@@ -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="&#xe094;"></span>
</div>
A1 Injection
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A2 XSS
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A3 Broken Auth
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A4 Insecure DOA
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A5 CSRF
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A6 Security Misconfiguration
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A7 Crypto
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A8 URL Access
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A9 SSL/TLS
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe094;"></span>
</div>
A10 Redirects
</a>
</li>
<li class="submenu">
<a href="#" class="selected">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe0aa;"></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>
+26
View File
@@ -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>