diff --git a/content/images/favicon/favicon.svg b/content/images/favicon/favicon.svg
new file mode 100644
index 0000000..d1ca01f
--- /dev/null
+++ b/content/images/favicon/favicon.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/content/images/feed-icon-light-on-orange.svg b/content/images/feed-icon-light-on-orange.svg
new file mode 100644
index 0000000..dc4e0da
--- /dev/null
+++ b/content/images/feed-icon-light-on-orange.svg
@@ -0,0 +1,73 @@
+
+
+
+
diff --git a/pelicanconf.py b/pelicanconf.py
index 39fca60..5847e66 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -83,7 +83,9 @@ def sponsors(preprocessor: Preprocessor, tag: str, markup: str) -> str:
YEAR_ARCHIVE_SAVE_AS = "news/{date:%Y}/index.html"
YEAR_ARCHIVE_URL = "news/{date:%Y}/"
-# Feed generation is usually not desired when developing
+# Feed generation
+FEED_ATOM = "feeds/atom.xml"
+TAG_FEED_ATOM = "feeds/{slug}.atom.xml"
FEED_ALL_ATOM = None
CATEGORY_FEED_ATOM = None
TRANSLATION_FEED_ATOM = None
diff --git a/publishconf.py b/publishconf.py
index efadbf9..748aa88 100644
--- a/publishconf.py
+++ b/publishconf.py
@@ -10,7 +10,5 @@
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
diff --git a/theme/static/css/main.css b/theme/static/css/main.css
index c3c4288..40ea202 100644
--- a/theme/static/css/main.css
+++ b/theme/static/css/main.css
@@ -199,44 +199,46 @@ address {
.aio-nav {
display: flex;
+ flex-wrap: wrap;
flex-direction: row;
- overflow: scroll;
- max-height: 100vh;
+ overflow: hidden;
+ align-items: center;
+ justify-content: space-between;
width: 100%;
padding: 1em;
+
+ .aio-nav__title {
+ margin: 0 1em 0 0;
+ }
+
+ .aio-nav__list-heading {
+ margin: 0 .4em;
+ }
}
@media screen and (min-width: 767px) {
.aio-nav {
position: fixed;
flex-direction: column;
- align-self: flex-start;
+ align-items: flex-start;
+ justify-content: center;
width: auto;
min-width: 240px;
max-width: 240px;
padding: 2em 2em 3em 2em;
+
+ .aio-nav__title {
+ margin: 2em 0 1em 0;
+ }
+
+ .aio-nav__list-heading {
+ margin: .8em 0 .2em 0;
+ }
}
}
-.aio-title {
- display: flex;
- align-items: center;
- margin: 0 0 .8em 0;
- font-family: var(--font-family-brand);
- font-weight: 800;
- font-size: 1.2em;
- text-transform: uppercase;
- white-space: nowrap;
-
- &:before {
- content: '';
- display: inline-block;
- width: 40px;
- height: 40px;
- margin: 0 .3em 0 0;
- background-image: url("/images/aio-libs.svg");
- background-size: contain;
- }
+.aio-nav__title {
+ flex-shrink: 0;
}
.aio-nav__list {
@@ -250,6 +252,14 @@ address {
}
}
+@media screen and (max-width: 767px) {
+ .aio-nav__list--hide {
+ li {
+ display: none;
+ }
+ }
+}
+
.aio-nav__list-heading {
margin: 0;
padding: .2em .2em .2em 0;
@@ -277,10 +287,32 @@ address {
}
}
+.aio-nav__sponsor {
+ margin: 0;
+ width: 100%;
+ max-width: 160px;
+
+ p {
+ margin: 0;
+ font-size: .8em;
+ }
+}
+
+@media screen and (min-width: 767px) {
+ .aio-nav__sponsor {
+ margin: 1em 0;
+ width: 100%;
+ }
+}
+
.aio-content {
flex-grow: 1;
width: 100%;
padding: 1em 1em 200px 1em;
+
+ article {
+ border-bottom: 1px dashed var(--color-muted);
+ }
}
@media screen and (min-width: 767px) {
@@ -289,10 +321,6 @@ address {
}
}
-.aio-sponsor-sidebar {
- margin: 1em 0;
-}
-
.aio-sponsor {
display: block;
padding: .5em;
@@ -345,6 +373,8 @@ address {
}
.aio-post-links__item {
+ display: inline-flex;
+ align-items: center;
margin: 0 .5em .5em 0;
padding: .4em 1em;
background-color: var(--color-button);
@@ -359,6 +389,12 @@ address {
}
}
+.aio-icon-inline {
+ display: inline-block;
+ margin: 0 .4em 0 0;
+ height: 1.2em;
+}
+
.codehilite {
margin-bottom: 1em;
padding: 1em;
diff --git a/theme/templates/base.html b/theme/templates/base.html
index f8e6158..959d86d 100644
--- a/theme/templates/base.html
+++ b/theme/templates/base.html
@@ -1,36 +1,37 @@
{% extends "!simple/base.html" %}
{% block head %}
- {{- super() }}
-
-
+ {{- super() }}
+
+
+
{%- endblock head %}
{% block body %}
- {% block header %}{{ super() }}{% endblock header %}
+ {% block header %}
+ {% if SITESUBTITLE %}{{ SITESUBTITLE }}
{% endif %}
+ {% endblock header %}
{% block nav %}
-
- {% for p in pages if p.prefix != "projects/" %}
- - {{ p.title }}
- {% endfor %}
-
+ {% for p in pages if p.prefix != "projects/" %}
+ {{ p.title }}
+ {% endfor %}
Projects
-
+
{% for p in pages if p.prefix == "projects/" %}
- {{ p.title }}
{% endfor %}
News
-
+
{% for cat, null in tags %}
- {{ cat }}
{% endfor %}
-
+
{% endblock nav %}
- {% block footer %}
-
-
+
{% endblock body %}
diff --git a/theme/templates/index.html b/theme/templates/index.html
new file mode 100644
index 0000000..9a8a819
--- /dev/null
+++ b/theme/templates/index.html
@@ -0,0 +1,8 @@
+{% extends "!simple/index.html" %}
+
+{% block content_title %}
+ {{ super() }}
+ {% if FEED_ATOM %}
+ 
Atom feed
+ {% endif %}
+{% endblock %}
diff --git a/theme/templates/projects.html b/theme/templates/projects.html
index b0caeea..6f404fb 100644
--- a/theme/templates/projects.html
+++ b/theme/templates/projects.html
@@ -11,7 +11,7 @@ {{ page.title }}
{% for p in pages|sort(attribute='title') if p.prefix == "projects/" %}
-
+
{{ p.summary }}
{% endfor %}
diff --git a/theme/templates/tag.html b/theme/templates/tag.html
new file mode 100644
index 0000000..26480a7
--- /dev/null
+++ b/theme/templates/tag.html
@@ -0,0 +1,8 @@
+{% extends "!simple/tag.html" %}
+
+{% block content_title %}
+ {{ super() }}
+ {% if TAG_FEED_ATOM %}
+ Atom feed
+ {% endif %}
+{% endblock %}