2013-03-24 13:27:51 +00:00
|
|
|
!!!
|
|
|
|
/[if lt IE 7] <html dir="ltr" lang="en-US" class="ie6">
|
|
|
|
/[if IE 7] <html dir="ltr" lang="en-US" class="ie7">
|
|
|
|
/[if IE 8] <html dir="ltr" lang="en-US" class="ie8">
|
|
|
|
/ [if gt IE 8]><!
|
|
|
|
%html{:dir => "ltr", :lang => "en-US"}
|
|
|
|
/ <![endif]
|
2013-03-22 22:53:57 +00:00
|
|
|
%head
|
2013-03-24 13:27:51 +00:00
|
|
|
%meta{:content => "text/html;charset=utf-8", "http-equiv" => "content-type"}
|
|
|
|
%meta{:content => "cmsmasters responsive html5 website template", :name => "description"}
|
|
|
|
%meta{:content => "html5, css3, template, responsive, adaptive", :name => "keywords"}
|
|
|
|
%meta{:content => "width=device-width, initial-scale=1, maximum-scale=1", :name => "viewport"}
|
|
|
|
|
|
|
|
%link{:href => "/images/favicon.ico", :rel => "shortcut icon", :type => "image/x-icon"}
|
|
|
|
|
|
|
|
%link{:href => "/css/style.css", :media => "screen", :rel => "stylesheet", :type => "text/css"}
|
|
|
|
|
|
|
|
%link{:href => "http://fonts.googleapis.com/css?family=Open+Sans:400,600,800,400italic", :rel => "stylesheet", :type => "text/css"}
|
|
|
|
|
|
|
|
/[if lt IE 9]
|
|
|
|
<link rel="stylesheet" href="/css/ie.css" type="text/css" />
|
|
|
|
<link rel="stylesheet" href="/css/ieCss3.css" type="text/css" media="screen" />
|
|
|
|
|
|
|
|
%script{:src => "/js/application.js", :type => "text/javascript"}
|
|
|
|
|
|
|
|
%title ariejan.net
|
2013-03-22 22:53:57 +00:00
|
|
|
%body
|
2013-03-24 13:27:51 +00:00
|
|
|
/ __________________________________________________ Start Page
|
|
|
|
%section#page
|
|
|
|
%a#slide_top{:href => "#"}
|
|
|
|
.container
|
|
|
|
/ __________________________________________________ Start Header
|
|
|
|
%header#header
|
|
|
|
.header_inner
|
|
|
|
%a.logo{:href => "index.html"}
|
|
|
|
%img{:alt => "", :src => "/images/logo.png"}/
|
|
|
|
.custom_html
|
|
|
|
%h3{:style => "color:#ffffff; margin:0; line-height:24px;"} May the Source be with you
|
|
|
|
= render 'social_list'
|
|
|
|
|
|
|
|
.nav_wrap
|
|
|
|
.nav_wrap_inner
|
|
|
|
.responsibe_block
|
|
|
|
.responsibe_block_inner
|
|
|
|
%a.resp_navigation{:href => "#"}
|
|
|
|
= render 'social_list'
|
|
|
|
|
|
|
|
%nav
|
|
|
|
%ul#navigation
|
|
|
|
%li
|
|
|
|
%a{:href => "/"}
|
|
|
|
%span{:style => "border-color:#ff9108;"} Blog
|
|
|
|
|
|
|
|
%li.drop
|
|
|
|
%a{:href => "/projects"}
|
|
|
|
%span{:style => "border-color:#ebe823;"} Projects
|
|
|
|
%ul
|
|
|
|
%li
|
|
|
|
%a{:href => "/projects#focal"}
|
|
|
|
%span Focal
|
|
|
|
%li
|
|
|
|
%a{:href => "/projects#firefly"}
|
|
|
|
%span Firefly
|
|
|
|
%li
|
|
|
|
%a{:href => "/projects#imdb"}
|
|
|
|
%span IMDB Rubygem
|
|
|
|
%li
|
|
|
|
%a{:href => "/craftsmanship"}
|
|
|
|
%span{:style => "border-color:#ffeb79;"} Craftsmanship
|
|
|
|
%li
|
|
|
|
%a{:href => "/about"}
|
|
|
|
%span{:style => "border-color:#a0e0a9;"} About
|
|
|
|
%li
|
|
|
|
%a{:href => "/contact"}
|
|
|
|
%span{:style => "border-color:#00ada7;"} Contact
|
|
|
|
.cl
|
|
|
|
/ __________________________________________________ Finish Header
|
|
|
|
/ __________________________________________________ Start Middle
|
|
|
|
%section#middle
|
|
|
|
= yield
|
|
|
|
/ __________________________________________________ Finish Middle
|
|
|
|
/ __________________________________________________ Finish Page
|
|
|
|
/ __________________________________________________ Start Footer
|
|
|
|
%footer#footer
|
|
|
|
.footer_inner
|
|
|
|
%span ariejan.net © 1999 - #{Time.now.year} Ariejan de Vroom
|
|
|
|
/ __________________________________________________ Finish Footer
|
|
|
|
%script{:src => "/js/plugins.js", :type => "text/javascript"}
|