!!! 5
/[if lt IE 9]
%html{ lang: "en" }
/
_
_
_ /// /// ..oOOOo..
_ /// /// .:OOOOOOOOOOO:.
_ /// /// .OOOOOOOOOOOOOOO.
_ /// /// OOOOOOOOOOOOOOOOO
_ /// /// OOOOOOOOOOOOOOOOO
_ /// /// OOOOOOOOOOOOOOOOO
_ /// /// `OOOOOOOOOOOOOOO'
_ /// /// `:OOOOOOOOOOO:'
_ /// /// ''*OOO*''
_
_ Designed & Developed by LaCroix Design Co.
_ http://lacroixdesign.net
_
_
_
%head
%meta(charset="utf-8")
%title=raw [yield(:title), "FIXME: APPLICATION NAME"].reject(&:blank?).join(' | ')
-# koko wa general meta
%meta{name: "description", content: "FIXME: APPLICATION DESCRIPTION"}
%meta{name: "author", content: "Michael LaCroix, James LaCroix"}
%meta{:'http-equiv' => "X-UA-Compatible", content: "chrome=1"}
-# koko wa Facebook meta
/ %meta{name: "og:title", content: "#{@fb_title || 'FIXME: APPLICATION NAME'}"}
/ %meta{name: "og:image", content: ""}
/ %meta{name: "og:type", content: "website"}
/ %meta{name: "og:site_name", content: "FIXME: APPLICATION NAME"}
/ %meta{name: "og:admins", content: ""}
-# koko wa fav and touch icons (reside in the /public folder), plus iOS meta
/ %link{rel: "shortcut icon", href: "#{root_url}/favicon.png"}
/ %link{rel: "apple-touch-icon", href: "#{root_url}/apple-touch-icon-57x57-precomposed.png"}
/ %link{rel: "apple-touch-icon-precomposed", sizes: "72x72", href: "#{root_url}/apple-touch-icon-72x72-precomposed.png"}
/ %link{rel: "apple-touch-icon-precomposed", sizes: "114x114", href: "#{root_url}/apple-touch-icon-114x114-precomposed.png"}
/ %link{rel: "apple-touch-icon-precomposed", sizes: "144x144", href: "#{root_url}/apple-touch-icon-144x144-precomposed.png"}
%meta{name: "viewport", content: "initial-scale=1.0, width=device-width, user-scalable=no, maximum-scale=1.0"}
%meta{name: "apple-mobile-web-app-capable", content: "yes"}
%meta{name: "apple-mobile-web-app-status-bar-style", content:"black"}
-# koko wa HTML5 shim, for IE6-8 support of HTML elements
/[if lt IE 9]
= javascript_include_tag "html5"
= stylesheet_link_tag "application", media: "all"
-# koko wa CSS3 polyfill, IE6-8 support of CSS3 pseudo-classes with Selectivizr
/[if lt IE 9]
= javascript_include_tag "polyfills"
= javascript_include_tag "responsive"
= csrf_meta_tags
-# koko wa Typekit -- replace VVVVVVV with the proper kit code
/ %script{ type: "text/javascript", src: "//use.typekit.net/VVVVVVV.js" }
/ :javascript
/ try{Typekit.load();}catch(e){}
%body
/[if lt IE 9]
#outdated-browser.outdated-browser
%p
%a.close-btn{ href: "#", data: {behavior: "close:outdatedBrowser"} } x
You are using an outdated browser. Please
%a{ href: "http://browsehappy.com/", target: '_blank' } upgrade your browser
or
%a{ href: "http://www.google.com/chromeframe/?redirect=true", target: '_blank' } activate Google Chrome Frame
to improve your experience.
%header#grid-header
= yield
%footer#grid-footer
-# koko wa javascript
= javascript_include_tag "application"
-# koko wa Google Analytics -- replace VVVVVVVV-V with the proper code
- if Rails.env.production?
:javascript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-VVVVVVVV-V']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
-# koko wa Width Plugin
- if Rails.env.development?
#lacroixdesign-browserwidth{style: "position:fixed; bottom:0; left:0; background:#555; color:#CCC; font-size:0.75em; padding:0.25em; text-shadow: 0 -1px 1px rgba(0,0,0,0.9); font-weight:normal;"}
:javascript
function showWidth(){var w = $(window).width();$('#lacroixdesign-browserwidth').text(w);}showWidth();$(window).resize(function(){showWidth();});