improves nav section, adds feeds, adds favicons

pelicanconf.py

@@ -89,6 +89,9 @@ def sponsors(preprocessor: Preprocessor, tag: str, markup: str) -> str:
 TRANSLATION_FEED_ATOM = None
 AUTHOR_FEED_ATOM = None
 AUTHOR_FEED_RSS = None
+FEED_DOMAIN = "https://aio-libs.org"
+FEED_ATOM = "feeds/atom.xml"
+TAG_FEED_ATOM = "feeds/{slug}.atom.xml"
 
 # Plugins
 PLUGIN_PATHS = ("plugins",)

publishconf.py

@@ -9,8 +9,4 @@
 
 RELATIVE_URLS = False
 
-FEED_DOMAIN = "https://aio-libs.org"
-FEED_ATOM = "feeds/atom.xml"
-TAG_FEED_ATOM = "feeds/{slug}.atom.xml"
-
 DELETE_OUTPUT_DIRECTORY = True

theme/templates/base.html

@@ -1,49 +1,50 @@
 {% extends "!simple/base.html" %}
 
 {% block head %}
-        {{- super() }}
-        <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/pygment.css" />
-        <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/main.js" defer></script>
+    {{- super() }}
+    <link rel="icon" type="image/svg+xml" href="/images/favicon/favicon.svg?v=1" />
+    <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/pygment.css" />
+    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/main.js" defer></script>
 {%- endblock head %}
 
 {% block body %}
     <div class="aio-pattern"></div>
     <main class="aio-wrapper">
         <section class="aio-nav">
-        {% block header %}{{ super() }}{% endblock header %}
+        {% block header %}
+          <h1 class="aio-nav__title"><a href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>{% if SITESUBTITLE %}<p class="aio-nav__subtitle">{{ SITESUBTITLE }}</p>{% endif %}
+        {% endblock header %}
         {% block nav %}
-            <ul class="aio-nav__list">
-                {% for p in pages if p.prefix != "projects/" %}
-                    <li><a class="aio-nav__link" href="{{ SITEURL }}/{{ p.url }}" {% if p==page %} aria-current="page" {% endif %}>{{ p.title }}</a></li>
-                {% endfor %}
-            </ul>
+            {% for p in pages if p.prefix != "projects/" %}
+                <a class="aio-nav__list-heading" href="{{ SITEURL }}/{{ p.url }}" {% if p==page %} aria-current="page" {% endif %}>{{ p.title }}</a>
+            {% endfor %}
             <a href="/projects" class="aio-nav__list-heading">Projects</a>
-            <ul class="aio-nav__list" aria-label="Projects">
+            <ul class="aio-nav__list aio-nav__list--hide" aria-label="Projects">
                 {% for p in pages if p.prefix == "projects/" %}
                     <li><a class="aio-nav__link" href="{{ SITEURL }}/{{ p.url }}" {% if p==page %} aria-current="page" {% endif %}>{{ p.title }}</a></li>
                 {% endfor %}
             </ul>
             <a href="/news" class="aio-nav__list-heading">News</a>
-            <ul class="aio-nav__list" aria-label="News">
+            <ul class="aio-nav__list aio-nav__list--hide" aria-label="News">
                 {% for cat, null in tags %}
                     <li><a class="aio-nav__link" href="{{ SITEURL }}/{{ cat.url }}" {% if cat==category %} aria-current="page" {% endif %}>{{ cat }}</a></li>
                 {% endfor %}
             </ul>
 
-            <div id="sponsor-sidebar" class="aio-sponsor-sidebar"></div>
+            <div id="sponsor-sidebar" class="aio-nav__sponsor"></div>
         {% endblock nav %}
         </section>
         <section class="aio-content">
             {% block content %}{% endblock content %}
         </section>
     </main>
 
-    {% block footer %}
-        <footer></footer>
-
-        <template id="template-sponsor-sidebar" data-sponsors='{{ SPONSORS["gold"]|tojson }}'>
-            <p>Featured Sponsor:</p>
-            <a class="aio-sponsor"><img /></a>
-        </template>
-    {% endblock footer %}
+    <footer>
+        {% block footer %}
+            <template id="template-sponsor-sidebar" data-sponsors='{{ SPONSORS["gold"]|tojson }}'>
+                <p>Sponsored by:</p>
+                <a class="aio-sponsor"><img /></a>
+            </template>
+        {% endblock footer %}
+    </footer>
 {% endblock body %}

theme/templates/index.html

@@ -0,0 +1,8 @@
+{% extends "!simple/index.html" %}
+
+{% block content_title %}
+    {{ super() }}
+    {% if FEED_ATOM %}
+        <a class="aio-post-links__item" href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" type="application/atom+xml"><img class="aio-icon-inline" src="/images/feed-icon-light-on-orange.svg"> Atom feed</a>
+    {% endif %}
+{% endblock %}

theme/templates/projects.html

@@ -11,7 +11,7 @@ <h2>{{ page.title }}</h2>
 
   {% for p in pages|sort(attribute='title') if p.prefix == "projects/" %}
   <article>
-    <h3><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></h3>
+    <h2><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></h2>
     {{ p.summary }}
   </article>
   {% endfor %}

theme/templates/tag.html

@@ -0,0 +1,8 @@
+{% extends "!simple/tag.html" %}
+
+{% block content_title %}
+    {{ super() }}
+    {% if TAG_FEED_ATOM %}
+        <a class="aio-post-links__item" href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM.format(slug=tag.slug) }}" type="application/atom+xml"><img class="aio-icon-inline" src="/images/feed-icon-light-on-orange.svg"> Atom feed</a>
+    {% endif %}
+{% endblock %}