use <article> elements, so reader mode is made available in firefox main
authorFrédéric Péters <fpeters@0d.be>
Sat, 24 Oct 2020 13:02:51 +0000 (15:02 +0200)
committerFrédéric Péters <fpeters@0d.be>
Sat, 24 Oct 2020 13:02:51 +0000 (15:02 +0200)
chloro/phyll/templates/phyll/home.html
chloro/phyll/templates/phyll/note_detail.html

index 4688d5f..54cfe19 100644 (file)
@@ -5,23 +5,23 @@
 {% block body %}
 
 {% with posts.0 as latest %}
-<div class="latest">
+<article class="latest">
 <h2><a href="{{ latest.get_absolute_url }}">{{ latest.title }}</a></h2>
 <div class="meta">{{ latest.creation_timestamp|date:"j E Y, H:i"|lower }}</div>
 <div class="post">
 {{ latest.text|safe }}
 </div>
-</div>
+</article>
 {% endwith %}
 
-<div class="older post-list">
+<section class="older post-list">
 <ul>
 {% for post in posts|slice:"1:" %}
 <li><a href="{{ post.get_absolute_url }}">{{ post.title }}&nbsp;<span>{{ post.creation_timestamp|date:"Y/m/d" }}</span></a></li>
 {% endfor %}
 <li><a href="/archives/">...</a></li>
 </ul>
-</div>
+</section>
 
 <nav>
 <a href="tag/radio/">Radio <span>(Panik &amp; ailleurs)</span></a>
index 06966f4..493da39 100644 (file)
@@ -5,7 +5,7 @@
 {% block page-title %}{{ object.title }} - {{ block.super }}{% endblock %}
 
 {% block body %}
-<div>
+<article>
 <h2>{{ object.title }}</h2>
 <div {% if request.user.is_staff %}contenteditable="true"{% endif %}>{{ object.text|safe }}</div>
 {% if request.user.is_staff %}
@@ -13,7 +13,7 @@
 {% endif %}
 
 <div class="meta">{{ object.creation_timestamp|date:"j E Y, H:i"|lower }}</div>
-</div>
+</article>
 {% endblock %}
 
 {% block bottom-actions %}