Commit b3498f5e authored by gijs's avatar gijs
Browse files

Breadcrumb navigation

parent 10d69d0f
......@@ -58,7 +58,7 @@
<h3>{{ date }}</h3>
</li>
{% for item in events %}
<li>
<li id="{{ item.key }}">
<h2>{{ item.time }} {{ item }}</h2>
<p class="event-infos">
{% for produser in item.produser %}
......
{% extends "generator_base.html" %}
{% block title %}Caveat → {{ note.title|striptags }}{% endblock %}
{% block title %}
Caveat
{% if note.programmeItem %}
→ {{ note.programmeItem }}
{% elif note.event %}
→ {{ note.event }}
{% endif %}
→ {{ note.title|striptags }}
{% endblock %}
{% block content %}
<nav class="breadcrumbs">
<ul>
{% if note.programmeItem %}
<li><a href="../activities.html">Activities</a></li>
<li><a href="{{ note.programmeItem.link }}">{{ note.programmeItem }}</a></li>
{% elif note.event %}
<li><a href="../activities.html">Activities</a></li>
<li><a href="{{ note.event.link }}">{{ note.event }}</a></li>
{% endif %}
<li>{{ note }}</li>
</ul>
</nav>
<section class="item-reference">
Note related to:
{% if note.programmeItem %}
<a href="{{ note.programmeItem.link }}">
<h2>{{ note.programmeItem.date }} {{ note.programmeItem.time }} {{ note.programmeItem }}</h2>
......
......@@ -300,16 +300,18 @@ footer {
background: var(--rose-karel);
}
.breadcrumbs, .item-reference {
.breadcrumbs {
border-bottom: 2px solid black;
margin: -1em -1em 0 -1em;
position: sticky;
top: -1em;
background: white;
background:white;
z-index: 1;
}
.item-reference {
border-bottom: 2px solid black;
margin: 0 -1em 0 -1em;
padding: .5em 1em;
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment