<!DOCTYPE html> <html lang=“en-us”>
{% include head.html %} <body> {% include sidebar.html %} <div class="wrap"> <div class="masthead"> <div class="container"> <h3 class="masthead-title"> <a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a> </h3> </div> </div> <div class="container content">{{ content }}</div> </div> <label for="sidebar-checkbox" class="sidebar-toggle"> <i class="fas fa-bars fa-fw"></i> </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>