<!DOCTYPE html> <html lang=“en-us”>
{% include head.html %} <body> {% include sidebar.html %} <!-- Wrap is the content to shift when toggling the sidebar. We wrap the content to avoid any CSS collisions with our real content. --> <div class="wrap"> <div class="site-wrapper-inner"> <div class="cover-container"> <div class="masthead clearfix"> <h3 class="masthead-title"> <a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a> <small>{{ site.tagline }}</small> </h3> </div> </div> <div class="container content"> {{ content }} </div> </div> </div> <label for="sidebar-checkbox" class="sidebar-toggle"></label> {% include footer.html %} <script> (function(document) { var toggle = document.querySelector('.sidebar-toggle'); var sidebar = document.querySelector('#sidebar'); var checkbox = document.querySelector('#sidebar-checkbox'); document.addEventListener('click', function(e) { var target = e.target; if(!checkbox.checked || sidebar.contains(target) || (target === checkbox || target === toggle)) return; checkbox.checked = false; }, false); })(document); </script> </body>
</html>