Sponsor styles (#4)

Author: leejordan

content/pages/sponsorship.md

@@ -1,10 +1,7 @@
-Title: Sponsor aio-libs
+Title: Sponsor us
 
-# Gold
-{% sponsors gold %}
+Asyncio would not be possible without our amazing sponsors. Please consider joining them to help fund our work. Our finances are entirely transparent and managed by [Open Collective](https://opencollective.com/aio-libs).
 
-# Silver
+{% sponsors gold %}
 {% sponsors silver %}
-
-# Bronze
 {% sponsors bronze %}

pelicanconf.py

@@ -51,8 +51,10 @@ def sponsors(preprocessor: Preprocessor, tag: str, markup: str) -> str:
 )
 _SPONSORS_SILVER = (
     ("Test silver sponsor", "https://aiohttp.org/"),
+    ("Another Silver", "https://aiohttp.org/"),
 )
 _SPONSORS_BRONZE = ("thanks.dev", "dmTECH")
+
 SPONSORS = {
     "gold": tuple({"name": s[0], "img": sponsor_img(s[0]), "url": s[1]} for s in _SPONSORS_GOLD),
     "silver": tuple({"name": s[0], "url": s[1]} for s in _SPONSORS_SILVER),

theme/static/css/main.css

@@ -55,7 +55,7 @@
                 {% endif %}
             {% endif %}
 
-            <div id="sponsor-sidebar"></div>
+            <div id="sponsor-sidebar" class="aio-sponsor-sidebar"></div>
         {% endblock nav %}
         </section>
         <section class="aio-content">
@@ -68,8 +68,8 @@
         <footer></footer>
 
         <template id="template-sponsor-sidebar" data-sponsors='{{ SPONSORS["gold"]|tojson }}'>
-            <h2>Featured Sponsor</h2>
-            <a><img /></a>
+            <p>Featured Sponsor:</p>
+            <a class="aio-sponsor"><img /></a>
         </template>
     {% endblock footer %}
 {% endblock body %}

theme/templates/base.html

@@ -1,3 +1,4 @@
-{% for sponsor in SPONSORS %}
-{{ sponsor.name }}
-{% endfor %}
+<section>
+<h3>Bronze Tier Sponsors</h3>
+<ul>{% for sponsor in SPONSORS %}<li>{{ sponsor.name }}</li>{% endfor %}</ul>
+</section>

theme/templates/fragments/sponsor-bronze.html

@@ -1,3 +1,5 @@
-{% for sponsor in SPONSORS %}
-<a href="{{ sponsor.url }}"><img src={{ sponsor.img }} alt="{{ sponsor.name }}" /></a>
-{% endfor %}
+<section>
+<h3>Gold Tier Sponsors</h3>
+<p>Huge thanks to those generously supporting us at the Gold tier:</p>
+<ul class="aio-sponsors-list">{% for sponsor in SPONSORS %}<li class="aio-sponsors-list__item"><a href="{{ sponsor.url }}"><img src={{ sponsor.img }} alt="{{ sponsor.name }}" /></a></li>{% endfor %}</ul>
+</section>

theme/templates/fragments/sponsor-gold.html

@@ -1,3 +1,4 @@
-{% for sponsor in SPONSORS %}
-<a href="{{ sponsor.url }}">{{ sponsor.name }}</a>
-{% endfor %}
+<section>
+<h3>Silver Tier Sponsors</h3>
+<ul>{% for sponsor in SPONSORS %}<li><a href="{{ sponsor.url }}">{{ sponsor.name }}</a></li>{% endfor %}</ul>
+</section>