59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<!--
|
|
====================================================
|
|
Homepage: {{ site.url }}
|
|
Credits: {{ site.url }}/disclosure
|
|
====================================================
|
|
-->
|
|
{% 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="masthead">
|
|
<div class="container">
|
|
<h3 class="masthead-title">
|
|
<a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
|
|
<!-- <small>{{ site.tagline }}</small> -->
|
|
<div class="headicons">
|
|
<small><a href="{{ site.url }}/about" rel="me" title="About"><i class="iconm iconm-user"></i></a></small>
|
|
<small><a href="{{ site.url }}/blog" rel="me" title="Blog"><i class="iconm iconm-quill"></i></a></small>
|
|
<small><a href="{{ site.url }}/contact" rel="me" title="Contact"><i class="iconm iconm-envelop"></i></a></small>
|
|
</div>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container content">
|
|
{{ content }}
|
|
{% include footer.html %}
|
|
</div>
|
|
</div>
|
|
|
|
<label for="sidebar-checkbox" class="sidebar-toggle"></label>
|
|
|
|
<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>
|
|
{% include scripts.html %}
|
|
</body>
|
|
</html>
|