<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>$title$</title>
<link rel="stylesheet" href="/css/tufte.css" />
<link rel="stylesheet" href="/css/custom.css" />
</head>
<body class="full-width">
<header>
<nav class="group">
<!-- <a href="/"><img class="badge" src="/images/badge.png" width="50px" alt="BS"></a> -->
<a class="active" href="/index.html">Binary Strolls</a>   
<a href="/archive.html">Archive</a>  
<a href="https://dbalan.in">About</a>
</nav>
</header>
<div id="content">
$body$
</div>
<footer>
<hr class="slender">
<ul class="footer-links">
<li><a href="mailto:mail@dbalan.in"><span class="icon-mail"></span></a></li>
<li>
<a href="//www.twitter.com/notmycommit"><span class="icon-twitter"></span></a>
</li>
<li>
<a href="//github.com/dbalan"><span class="icon-github"></span></a>
</li>
</ul>
<div class="credits">
<span>© 2016 Dhananjay Balan</span></br> <br>
<span>Powered by <a href="https://jaspervdj.be/hakyll/">hakyll</a> and <a href="https://github.com/edwardtufte/tufte-css">tufte-css</a>.</span>
</div>
</footer>
</body>
</body>
</html>