turn html5 boilerplate into a layout

set hbp5 as the DEFAULT layout

use titles from YAML options
This commit is contained in:
Capi Etheriel 2012-12-03 12:37:55 -02:00
parent 0801f93ffb
commit 60fc4ce43a
2 changed files with 9 additions and 3 deletions

View file

@ -0,0 +1,6 @@
---
title: HTML5 Boilerplate Middleman
---
<!-- Add your site or application content here -->
<p>Hello world! This is HTML5 Boilerplate.</p>

View file

@ -6,7 +6,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title> <!-- Use title if it's in the page YAML frontmatter -->
<title><%= data.page.title || "HTML5 Boilerplate" %></title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
@ -21,8 +22,7 @@
<p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p> <p class="chromeframe">You are using an outdated browser. <a href="http://browsehappy.com/">Upgrade your browser today</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to better experience this site.</p>
<![endif]--> <![endif]-->
<!-- Add your site or application content here --> <%= yield %>
<p>Hello world! This is HTML5 Boilerplate.</p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script> <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>