Looking a little more like a real site
This commit is contained in:
Godwin
@@ -1,37 +1,44 @@
|
||||
!!!
|
||||
%html{ lang: I18n.locale.to_s }
|
||||
%head
|
||||
%meta{ charset: 'utf-8' }
|
||||
%meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' }
|
||||
%title= yield_or_default :title, controller.action_name.titlecase
|
||||
= csrf_meta_tags
|
||||
= yield :head
|
||||
/ Le HTML5 shim, for IE6-8 support of HTML elements
|
||||
/[if lt IE 9]
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
|
||||
%head
|
||||
%meta{ charset: 'utf-8' }
|
||||
%meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' }
|
||||
%title= yield_or_default :title, controller.action_name.titlecase
|
||||
= csrf_meta_tags
|
||||
= yield :head
|
||||
/ Le HTML5 shim, for IE6-8 support of HTML elements
|
||||
/[if lt IE 9]
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
|
||||
|
||||
/ Le styles
|
||||
= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Ubuntu:400,500,700',
|
||||
'application',
|
||||
media: 'all'
|
||||
/ Le styles
|
||||
= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Ubuntu:400,500,700',
|
||||
'application',
|
||||
media: 'all'
|
||||
|
||||
/ Touch icons
|
||||
%link{ href: asset_path('apple-touch-icon.png'), rel: 'apple-touch-icon' }
|
||||
%link{ href: asset_path('apple-touch-icon-72x72.png'), rel: 'apple-touch-icon', sizes: '72x72' }
|
||||
%link{ href: asset_path('apple-touch-icon-114x114.png'), rel: 'apple-touch-icon', sizes: '114x114' }
|
||||
%link{ href: asset_path('apple-touch-icon-144x144.png'), rel: 'apple-touch-icon', sizes: '144x144' }
|
||||
/ Touch icons
|
||||
%link{ href: asset_path('apple-touch-icon.png'), rel: 'apple-touch-icon' }
|
||||
%link{ href: asset_path('apple-touch-icon-72x72.png'), rel: 'apple-touch-icon', sizes: '72x72' }
|
||||
%link{ href: asset_path('apple-touch-icon-114x114.png'), rel: 'apple-touch-icon', sizes: '114x114' }
|
||||
%link{ href: asset_path('apple-touch-icon-144x144.png'), rel: 'apple-touch-icon', sizes: '144x144' }
|
||||
|
||||
/
|
||||
Le javascript
|
||||
\==================================================
|
||||
/ Placed at the top of the document 'cause of turbolinks
|
||||
= javascript_include_tag 'application'
|
||||
/
|
||||
Le javascript
|
||||
\==================================================
|
||||
/ Placed at the top of the document 'cause of turbolinks
|
||||
= javascript_include_tag 'application'
|
||||
= javascript_include_tag '//use.edgefonts.net/abel;amatic-sc.js'
|
||||
|
||||
%body
|
||||
= render 'shared/navbar'
|
||||
%body
|
||||
= render 'shared/navbar'
|
||||
|
||||
#main-container.container
|
||||
.content= yield
|
||||
|
||||
#footer
|
||||
.container= render 'shared/footer'
|
||||
#main-container.container.row
|
||||
%aside.columns.large-4.push-8
|
||||
Stuff that is not directly related to this page will go here, things like recommend or popular articles.
|
||||
%section#main.columns.large-8.pull-4
|
||||
%header#article-header.columns.large-12
|
||||
%img{src: @title_img}
|
||||
%nav.columns.large-2
|
||||
Nav 2
|
||||
%article.content.columns.large-10= yield
|
||||
#footer
|
||||
.container= render 'shared/footer'
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
- title t('hello')
|
||||
- title 'Bike!Bike!'
|
||||
|
||||
%h1
|
||||
Ticket to Ride
|
||||
Bike!Bike!
|
||||
%p.lead.muted
|
||||
Ruby 2 + Rails 4.0.0 + Foundation
|
||||
Ruby 2 + Rails 4.0.0 + Foundation
|
||||
|
||||
@@ -1,127 +1,30 @@
|
||||
//.navbar.navbar-fixed-top
|
||||
// .navbar-inner
|
||||
// .container
|
||||
// = link_to Rails.application.class.parent_name, root_path, class: 'brand'
|
||||
|
||||
%nav.top-bar
|
||||
%ul.title-area
|
||||
/ Title Area
|
||||
%li.name
|
||||
%h1
|
||||
%a{href: "#"} Top Bar Title
|
||||
/ Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone
|
||||
%li.toggle-topbar.menu-icon
|
||||
%a{href: "#"}
|
||||
%span Menu
|
||||
%section.top-bar-section
|
||||
/ Left Nav Section
|
||||
%ul.left
|
||||
%li.divider
|
||||
%li.active
|
||||
%a{href: "#"} Main Item 1
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Main Item 2
|
||||
%li.divider
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Main Item 3
|
||||
%ul.dropdown
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 1a
|
||||
%ul.dropdown
|
||||
%li
|
||||
%label Dropdown Level 2 Label
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2b
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 2c
|
||||
%ul.dropdown
|
||||
%li
|
||||
%label Dropdown Level 3 Label
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3b
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3c
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2f
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1b
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1c
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1f
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} See all →
|
||||
%li.divider
|
||||
/ Right Nav Section
|
||||
%ul.right
|
||||
%li.divider.hide-for-small
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Main Item 4
|
||||
%ul.dropdown
|
||||
%li
|
||||
%label Dropdown Level 1 Label
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 1a
|
||||
%ul.dropdown
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2b
|
||||
%li.has-dropdown
|
||||
%a{href: "#"} Dropdown Level 2c
|
||||
%ul.dropdown
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3a
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3b
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 3c
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 2f
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1b
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1c
|
||||
%li.divider
|
||||
%li
|
||||
%label Dropdown Level 1 Label
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1d
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1e
|
||||
%li
|
||||
%a{href: "#"} Dropdown Level 1f
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} See all →
|
||||
%li.divider
|
||||
%li.has-form
|
||||
%form
|
||||
.row.collapse
|
||||
.small-8.columns
|
||||
%input{type: "text"}/
|
||||
.small-4.columns
|
||||
%a.alert.button{href: "#"} Search
|
||||
%li.divider.show-for-small
|
||||
%li.has-form
|
||||
%a.button{href: "#"} Button!
|
||||
#nav-inner
|
||||
%ul.title-area
|
||||
/ Title Area
|
||||
%li.name
|
||||
%h1
|
||||
%a{href: "/"} Bike!Bike!
|
||||
/ Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone
|
||||
%li.toggle-topbar.menu-icon
|
||||
%a{href: "#"}
|
||||
%span Menu
|
||||
.top-bar-section
|
||||
/ Left Nav Section
|
||||
%ul.left
|
||||
%li.divider
|
||||
%li.active
|
||||
%a{href: "#"} Conferences
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Organizations
|
||||
%li.divider
|
||||
%li
|
||||
%a{href: "#"} Resources
|
||||
%li.divider
|
||||
/ Right Nav Section
|
||||
%ul.right
|
||||
%li.divider.hide-for-small
|
||||
%li.has-form
|
||||
%a.button{href: "#"} Sign In!
|
||||
|
||||
Reference in New Issue
Block a user