Should fix tag-targets in body text.

generator/templates/event-with-programme-items.html

@@ -50,6 +50,8 @@
   {% endif %}
 {% endblock %}
 
+{% block sidebar-class %}programme-items{% endblock %}
+
 {% block sidebar %}
   <ul class="programme-item-list">
     {% for date, events in groupedProgrammeItems %}

generator/templates/generator_base_two_columns.html

@@ -5,7 +5,7 @@
     {% block content %}
     {% endblock %}
   </main>
-  <aside>
+  <aside class="{% block sidebar-class %}{% endblock %}">
     {% block sidebar %}
     {% endblock %}
   </aside>

generator/templates/static/styles.simple.css

@@ -236,6 +236,10 @@ main, aside {
   color: var(--bleu-bille);
 }
 
+aside.programme-items {
+  scroll-padding-top: 3em;
+}
+
 .info {
   font-family: "Junicode-condensed";
   font-weight: bold;
@@ -387,6 +391,7 @@ main {
   grid-column: content-start /  content-end;
   overflow-y: auto;
   max-height: 100vh;
+  scroll-padding-top: 5em;
 }
 
 
@@ -432,7 +437,7 @@ footer {
 }
 
 .breadcrumbs li {
-  display: inline-block;
+  display: inline;
 }
 
 .breadcrumbs ul > li:before {
@@ -623,6 +628,11 @@ a.tag {
   z-index: 1;
 }
 
+.programme-item-list .list-header h3 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 .question {
 	font-family: "Junicode-Condensed";
 	font-size: 180%;
@@ -648,12 +658,12 @@ section.audio {
   padding-top: 1em;
 }
 
-.programme-item-list :target:before {
+/* .programme-item-list :target:before {
 	margin: -3em 0 0;
 	height: 3em;
 	content: '';
 	display: block;
-}
+} */
 
 .tag {
   border-width: 0px 1px 1px 0px;
@@ -668,6 +678,13 @@ section.audio {
   color: var(--orange-karel);
 }
 
+.tag:target:before {
+	margin: -6em 0 0;
+	height: 6em;
+	content: '';
+	display: inline-block;
+}
+
 .inline-navigation ul li {
   display: inline-block;
   margin-left: 25px;

generator/templates/tag.html

@@ -32,6 +32,16 @@
       </ul>
     {% endif %}
     
+    {% if tag.reflections %}
+      <h3>reflections</h3>
+      <ul class="simplelist">
+        {% for link, _, reflection in tag.reflections|link_iterator %}
+          <li><a href="{{ reflection.link }}#{{ link.id }}">{% if link.label %}<span class="tag">{{ link.label }}</span> → {% endif %}{{ reflection }}</a></li>
+        {% endfor %}
+      </ul>
+    {% endif %}
+    
+
     {% if tag.events %}
       <h3>Activities</h3>
       <ul class="simplelist">