70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block head %}
|
|
<title>{{ settings.SITENAME }}</title>
|
|
{% if week_background %}
|
|
<style>
|
|
body {
|
|
background: {{ week_background }};
|
|
}
|
|
</style>
|
|
<script>
|
|
window.useHue = true;
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div class="index archive">
|
|
{% if week_title %}
|
|
<h2 class="week{% if week_byline %} with-byline{% endif %}">
|
|
{% if week_byline %}
|
|
<div>{{ week_title }}</div>
|
|
<div class="byline">{{ week_byline }}</div>
|
|
{% else %}
|
|
{{ week_title }}
|
|
{% endif %}
|
|
</h2>
|
|
{% endif %}
|
|
{% for item in items %}
|
|
{% include "listitem.html" with item=item %}
|
|
{% endfor %}
|
|
{% if archive %}
|
|
<div class="archive">
|
|
<a href="{{ archive }}">previous weeks</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% if weeks %}
|
|
<div class="weeks">
|
|
{% for year in years %}
|
|
<div class="year">
|
|
<h1>{{ year.year }}</h1>
|
|
<div class="year-details-{{ year.year }}">
|
|
{% for week in year.weeks %}
|
|
{% if week.date == this_week %}
|
|
<b>{{ week.title }}</b><br>
|
|
{% else %}
|
|
<a href="/_{{ week.date }}/">{{ week.title }}</a><br>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<script>
|
|
let first = true
|
|
document.querySelectorAll('.weeks h1').forEach(h1 => {
|
|
h1.addEventListener('click', event => {
|
|
var year = event.target.innerText
|
|
var details = document.querySelector('.year-details-' + year)
|
|
details.style.display = details.style.display == 'none' ? '' : 'none'
|
|
})
|
|
if (!first) {
|
|
var details = document.querySelector('.year-details-' + h1.innerText)
|
|
details.style.display = 'none'
|
|
}
|
|
first = false
|
|
})
|
|
</script>
|
|
</div>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|