Source

lindsaynixon / lindsay / nixon / templates / index.html

Full commit
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Lindsay Nixon - writer, chef, ex-lawyer, entrepreneur</title>
  <meta name="description" content="The professional site of Lindsay Nixon. Bio. Work. Projects">
  <meta name="author" content="Lindsay Nixon">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references 
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-->

  <!-- CSS: implied media="all" -->
  <link rel="stylesheet" href="css/style.css?v=2">

  <!-- Uncomment if you are specifically targeting less enabled mobile browsers
  <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">  -->

  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="js/libs/modernizr-1.7.min.js"></script>
<link  href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" >
<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
<style>
body {
    font-family: 'Cantarell', arial, serif;
}
#container header h1 {
  font-family: 'Lobster', arial, serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
!important
}
.mission {
   font-size: 1.5em;
   
}
#container {
    margin: 1em auto;
    width: 600px;
}
footer div a {
    margin: 0.5em;
}

</style>

</head>

<body>

  <div id="container">
    <header>
      <h1>Lindsay Nixon</h1>
      <p class="mission">
	Lindsay Nixon is the <a href="http://happyherbivore.com/">Happy Herbivore</a>. Best selling author of 
	<a href="http://bit.ly/happyherbivorecookbook/">"The Happy Herbivore Cookbook"</a>. Consulting Chef.
      </p>
      <p class="mission">

      </p>
    </header>
    <div id="main" role="main">

    </div>
    <footer>

    <div>
      <a href="http://www.twitter.com/happyherbivore"><img src="http://twitter-badges.s3.amazonaws.com/twitter-b.png" alt="Follow Mellow Meals on Twitter"/></a>
      <a href="http://www.facebook.com/HappyHerbivoreBlog"><img alt="Join us on Facebook" src="http://img1.happyherbivore.com/social/facebook_32.png"></a>
      <a href="http://heylindsay.com/">HeyLindsay Blog</a>								
    </div>

    </footer>

  </div> <!--! end of #container -->


  <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
  <script>
    var _gaq=[['_setAccount','UA-12989735-1'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>

</body>
</html>