<!doctype html>
<html lang="en">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="natronics.org">
  <meta name="author" content="Nathan Bergey">
  
  {% capture lvl %}{{ page.url | append:'index.html' | split:'/' | size }}{% endcapture %}
  {% capture relative %}{% for i in (3..lvl) %}../{% endfor %}{% endcapture %}
  <link href='http://fonts.googleapis.com/css?family=Arvo:400,700|PT+Sans:400,700,400italic' rel='stylesheet' type='text/css'>
  <link href="{{ relative }}resources/css/bootstrap.min.css" rel="stylesheet">
  <link href="{{ relative }}resources/css/style.css" rel="stylesheet">
  <title>{{ page.title }}</title>
  
 </head>
 <body>
  <div class="wrapper">
   <div id="header">
    <div class="container">
     <h1>natronics.org</h1>
    </div>
   </div>
   
   <div id="content">
    <div class="container">
      {{ content }}
    </div>
   </div>
   
  </div>
  <div id="footer">
   <div class="container">
    <a class="pull-right" href="#">Back to top</a>
    <p>
    made by natronics in the cold barren wasteland of Boulder, CO.
    </p>
   </div>
  </div>
 </body>
</html>