forked from github/pelican
7b9a859e5e
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.
65 lines
3.9 KiB
HTML
65 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
|
|
<head>
|
|
{% block head %}
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="Pelican" />
|
|
{% if FEED_ALL_ATOM %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
|
|
{% endif %}
|
|
{% if FEED_ALL_RSS %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Full RSS Feed" />
|
|
{% endif %}
|
|
{% if FEED_ATOM %}
|
|
<link href="{{ FEED_DOMAIN }}/{%if FEED_ATOM_URL %}{{ FEED_ATOM_URL }}{% else %}{{ FEED_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed" />
|
|
{% endif %}
|
|
{% if FEED_RSS %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_RSS_URL %}{{ FEED_RSS_URL }}{% else %}{{ FEED_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed" />
|
|
{% endif %}
|
|
{% if CATEGORY_FEED_ATOM and category %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_ATOM_URL %}{{ CATEGORY_FEED_ATOM_URL.format(slug=category.slug) }}{% else %}{{ CATEGORY_FEED_ATOM.format(slug=category.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Categories Atom Feed" />
|
|
{% endif %}
|
|
{% if CATEGORY_FEED_RSS and category %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_RSS_URL %}{{ CATEGORY_FEED_RSS_URL.format(slug=category.slug) }}{% else %}{{ CATEGORY_FEED_RSS.format(slug=category.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Categories RSS Feed" />
|
|
{% endif %}
|
|
{% if TAG_FEED_ATOM and tag %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_ATOM_URL %}{{ TAG_FEED_ATOM_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_ATOM.format(slug=tag.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Tags Atom Feed" />
|
|
{% endif %}
|
|
{% if TAG_FEED_RSS and tag %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_RSS.format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} Tags RSS Feed" />
|
|
{% endif %}
|
|
{% endblock head %}
|
|
</head>
|
|
|
|
<body id="index" class="home">
|
|
<header id="banner" class="body">
|
|
<h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1>
|
|
</header><!-- /#banner -->
|
|
<nav id="menu"><ul>
|
|
{% for title, link in MENUITEMS %}
|
|
<li><a href="{{ link }}">{{ title }}</a></li>
|
|
{% endfor %}
|
|
{% if DISPLAY_PAGES_ON_MENU %}
|
|
{% for p in pages %}
|
|
<li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if DISPLAY_CATEGORIES_ON_MENU %}
|
|
{% for cat, null in categories %}
|
|
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</ul></nav><!-- /#menu -->
|
|
<main>
|
|
{% block content %}
|
|
{% endblock %}
|
|
</main>
|
|
<footer id="contentinfo" class="body">
|
|
<address id="about" class="vcard body">
|
|
Proudly powered by <a href="https://getpelican.com/">Pelican</a>,
|
|
which takes great advantage of <a href="https://www.python.org/">Python</a>.
|
|
</address><!-- /#about -->
|
|
</footer><!-- /#contentinfo -->
|
|
</body>
|
|
</html>
|