github/pelican
1
0
Fork 1
mirror of https://github.com/getpelican/pelican.git synced 2025-10-15 20:28:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use <main> and <article> tags in simple theme

Browse source 
Add a <main> tag to surround all the content blocks, so that it's easier
to target the main part of a page (be it an article, the list of posts
or the different categories) using CSS.

Because of this, the <section> part of the article.html template is made
redundant, so it is removed.

Finally, the generic <div> is replaced by an <article> tag to surround
the article's content.
This commit is contained in:
Pierre Equoy 2022-01-17 16:11:06 +08:00
commit 7b9a859e5e
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
pelican/themes/simple/templates/article.html
View file

@ -22,7 +22,6 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<section id="content" class="body">
<header> <header>
<h1 class="entry-title"> <h1 class="entry-title">
<a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
@ -60,8 +59,7 @@
</div> </div>
{% endif %} {% endif %}
</footer><!-- /.post-info --> </footer><!-- /.post-info -->
<div class="entry-content"> <article>
{{ article.content }} {{ article.content }}
</div><!-- /.entry-content --> </article>
</section>
{% endblock %} {% endblock %}

2
pelican/themes/simple/templates/base.html
View file

@ -51,8 +51,10 @@
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</ul></nav><!-- /#menu --> </ul></nav><!-- /#menu -->
<main>
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</main>
<footer id="contentinfo" class="body"> <footer id="contentinfo" class="body">
<address id="about" class="vcard body"> <address id="about" class="vcard body">
Proudly powered by <a href="https://getpelican.com/">Pelican</a>, Proudly powered by <a href="https://getpelican.com/">Pelican</a>,