|
|
|
|
!!!
|
|
|
|
|
%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>
|
|
|
|
|
|
|
|
|
|
/ 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' }
|
|
|
|
|
|
|
|
|
|
/
|
|
|
|
|
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'
|
|
|
|
|
|
|
|
|
|
#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'
|
