|
|
|
@@ -47,19 +47,45 @@ |
|
|
|
<meta name="viewport" content="{{ resource.meta.viewport }}"> |
|
|
|
|
|
|
|
{% block css %} |
|
|
|
<link rel="stylesheet" href="{{ media_url('css/w3.css') }}"> |
|
|
|
<link rel="stylesheet" href="{{ media_url('css/custom.css') }}"> |
|
|
|
<link rel="stylesheet" href="{{ media_url('css/tufte.css') }}"> |
|
|
|
{% endblock css %} |
|
|
|
{% block endhead %}{% endblock endhead %} |
|
|
|
</head> |
|
|
|
|
|
|
|
<body id="{{ resource.meta.id if resource.meta.id else resource.slug }}"> |
|
|
|
<body class="w3-main" id="{{ resource.meta.id if resource.meta.id else resource.slug }}"> |
|
|
|
<!-- from: https://www.w3schools.com/w3css/w3css_sidebar.asp --> |
|
|
|
<div class="w3-top"> |
|
|
|
<div class="w3-bar w3-lightgrey"> |
|
|
|
<button class="w3-bar-item w3-button w3-xlarge w3-right" onclick="w3_open()">☰</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="w3-sidebar w3-animate-right w3-bar-block w3-collapse" style="width:350px;right:0;display:block;" id="mySidebar"> |
|
|
|
<button class="w3-bar-item w3-button" onclick="w3_close()">Close ×</button> |
|
|
|
{% set hierarchy = node.rwalk()|list %} |
|
|
|
{% for yeargrp in hierarchy[-1].walk_resources_sorted_by_time()|groupby("meta.created.year")|reverse %} |
|
|
|
<div class="w3-dropdown-hover w3-dropdown-click"> |
|
|
|
<button class="w3-button">{{ yeargrp.grouper }}{# font awesome <i class="fa fa-caret-down"></i> #}</button> |
|
|
|
<div class="w3-dropdown-content w3-bar-block"> |
|
|
|
{% for monthgrp in yeargrp.list|groupby("meta.created.month")|reverse %} |
|
|
|
<button class="w3-button">{{ monthgrp.list[0].meta.created|date_format('%B') }}{# font awesome <i class="fa fa-caret-down"></i> #}</button> |
|
|
|
{% for item in monthgrp.list %} |
|
|
|
<div class="w3-dropdown-click w3-bar-block" style="margin-left: 0.75em;"> |
|
|
|
<a href="{{ content_url(item.url) }}" class="no-tufte-underline w3-bar-item w3-button">{{ item.meta.title }}</a> |
|
|
|
</div> |
|
|
|
{% endfor %} |
|
|
|
{% endfor %} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{% endfor %} |
|
|
|
</div> |
|
|
|
{% block content %} |
|
|
|
<div class="site" id="main" role="main"> |
|
|
|
{% block container %} |
|
|
|
<header class="banner clearfix title"> |
|
|
|
{% block header -%} |
|
|
|
<h1>{{ site.context.title }}</h1> |
|
|
|
<h1><a class="no-tufte-underline" href="{{ content_url('/') }}">{{ site.context.title }}</a></h1> |
|
|
|
{%- endblock %} |
|
|
|
</header> |
|
|
|
{% block main %} |
|
|
|
@@ -83,6 +109,18 @@ |
|
|
|
{% endblock scripts %} |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
/* incase there is no JS, always make it visible */ |
|
|
|
document.getElementById("mySidebar").style.display = "none"; |
|
|
|
|
|
|
|
function w3_open() { |
|
|
|
document.getElementById("mySidebar").style.display = "block"; |
|
|
|
} |
|
|
|
|
|
|
|
function w3_close() { |
|
|
|
document.getElementById("mySidebar").style.display = "none"; |
|
|
|
} |
|
|
|
</script> |
|
|
|
<!--[if lt IE 7 ]> |
|
|
|
<script src="js/libs/dd_belatedpng.js"></script> |
|
|
|
<script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script> |
|
|
|
|
