chore: remove 39 ui-test entries from italy-2026-demo dailies

themes/intotheeast/templates/story.html.twig

@@ -6,6 +6,7 @@
 {% endblock %}
 
 {% block content %}
+<div class="story-progress" id="story-progress"></div>
 {% import 'macros/date-range.html.twig' as dr_m %}
 {% set hero_url = null %}
 {% if page.header.hero_image %}
@@ -46,6 +47,15 @@
 </div>
 
 <div class="story-body">
+    {% if location or date_str %}
+    <div class="story-opener">
+        <span class="story-opener__text">
+            {{- date_str -}}
+            {%- if location and date_str %} · {% endif -%}
+            {{- location -}}
+        </span>
+    </div>
+    {% endif %}
     {{ page.content|raw }}
 
     <footer class="story-footer">
@@ -187,6 +197,25 @@
     });
 })();
 
+/* ── Reading progress bar ────────────────────────────────── */
+(function () {
+    if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;
+    var bar  = document.getElementById('story-progress');
+    var body = document.querySelector('.story-body');
+    if (!bar || !body) return;
+
+    function update() {
+        var rect    = body.getBoundingClientRect();
+        var total   = body.offsetHeight - window.innerHeight;
+        var scrolled = -rect.top;
+        var pct     = total > 0 ? Math.min(100, Math.max(0, (scrolled / total) * 100)) : 0;
+        bar.style.width = pct.toFixed(1) + '%';
+    }
+
+    window.addEventListener('scroll', update, { passive: true });
+    update();
+})();
+
 /* ── ScrollySection (Scrollama) ──────────────────────────── */
 (function () {
     var reduced  = window.matchMedia('(prefers-reduced-motion: reduce)').matches;