layouts/default/header.html

<!DOCTYPE html>
<html>
  <head>
    <title>Distributed systems for fun and profit</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), local('DroidSans'), url('DroidSans.woff') format('woff');
}
</style>
<script src="assets/jquery-1.6.1.min.js"></script>
<link type="text/css" rel="stylesheet" href="assets/style.css"/>
<link type="text/css" rel="stylesheet" href="assets/assert.css"/>
<link type="text/css" rel="stylesheet" href="assets/prettify.css"/>
<script type="text/javascript">
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-26716650-2', 'mixu.net');
  ga('send', 'pageview');
</script>
  </head>
<body>
  <div id="wrapper">
    <div class="header">
      <div id="brand">
        <h1 style="color: white; background: #D82545; display: inline-block; padding: 6px;">Distributed systems</h1>
        <p>for fun and profit</p>
      </div>
      <div id="navi">
        <form class="search" action="http://www.google.com/search">
          <input type="hidden" name="as_sitesearch" value="singlepageappbook.com">
          <input type="text" name="as_q" value="" class="search_field">
          <input type="submit" value="Search" class="search_btn">
        </form>
      </div>
    </div>


    <div class="clear">
      <hr>
    </div>
    <!-- index-insert -->

    <div class="header nav">
      <p><a href="{{prev}}">Previous Chapter</a> | <a href="index.html">Home</a> | <a href="{{next}}">Next Chapter</a></p>

    </div>
    <div class="clear">
      <hr>
    </div>

     <!-- Main -->

    <div id="main">
      <div id="content" class="post">