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

added some css and then created a header and sidebar as well as a login page and controller

Browse Source
This commit is contained in:
Ken Johnson
2013-04-24 12:43:34 -04:00
parent f95fd522ca
commit 8f2be0587f
19 changed files with 10257 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/layouts/application.html.erb
+8 -1
View File
@@ -5,9 +5,16 @@
<%= stylesheet_link_tag "application", :media => "all" %>
<%= javascript_include_tag "application" %>
<%= csrf_meta_tags %>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--[if lte IE 7]>
<script src="css/icomoon-font/lte-ie7.js">
</script>
<![endif]-->
</head>
<body>
<%= render "layouts/shared/header" %>
<%= render "layouts/shared/sidebar" %>
<%= yield %>
</body>
app/views/layouts/shared/_header.html.erb
+54
View File
@@ -0,0 +1,54 @@
<header>
<a href="index.html" class="logo">
<img src="#" alt="Logo"/>
</a>
<div class="user-profile">
<a data-toggle="dropdown" class="dropdown-toggle">
<img src="#" alt="profile">
</a>
<span class="caret"></span>
<ul class="dropdown-menu pull-right">
<li>
<a href="#">
Edit Profile
</a>
</li>
<li>
<a href="#">
Account Settings
</a>
</li>
<li>
<a href="#">
Logout
</a>
</li>
</ul>
</div>
<ul class="mini-nav">
<li>
<a href="#">
<div class="fs1" aria-hidden="true" data-icon="&#xe040;"></div>
<span class="info-label">
3
</span>
</a>
</li>
<li>
<a href="#">
<div class="fs1" aria-hidden="true" data-icon="&#xe04c;"></div>
<span class="info-label-green">
5
</span>
</a>
</li>
<li>
<a href="#">
<div class="fs1" aria-hidden="true" data-icon="&#xe037;"></div>
<span class="info-label-orange">
9
</span>
</a>
</li>
</ul>
</header>
app/views/layouts/shared/_sidebar.html.erb
+98
View File
@@ -0,0 +1,98 @@
<div class="container-fluid">
<div id="mainnav" class="hidden-phone hidden-tablet">
<ul style="display: block;">
<li class="active">
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></span>
</div>
Dashboard
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe0b8;"></span>
</div>
Forms
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe096;"></span>
</div>
Charts
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></span>
</div>
UI Elements
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></span>
</div>
Icons
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe14a;"></span>
</div>
Tables
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe00d;"></span>
</div>
Gallery
</a>
</li>
<li>
<a href="#">
<div class="icon">
<span class="fs1" aria-hidden="true" data-icon="&#xe100;"></span>
</div>
Typography
</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>
app/views/sessions/new.html.erb
View File