crazy-toads.github.io/_layouts/default.html
2017-09-10 16:20:27 +08:00

68 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<!--
====================================================
Homepage: {{ site.url }}
Credits: {{ site.url }}/disclosure
====================================================
-->
{% include head.html %}
<body class="theme-base-0b">
{% 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">
{% if page.linktitle %}
<small><a href="{{ site.url }}{{ page.linkurl }}" rel="me">{{ page.linktitle }}</a></small>
{% else %}
<small><a href="{{ site.url }}/cercles" rel="me" title="Textes">Cercles de reflexion <i class="iconm iconm-quill"></i></a></small>
{% endif %}
</div>
</h3>
</div>
</div>
<div class="sidelogo">
{% if page.illus %}
<img src="{{ site.urlimg }}/{{ page.illus }}" />
{% else %}
<img src="{{ site.urlimg }}/crapaud_fou_sourire.jpg" />
{% endif %}
</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>