diff --git a/content/pages/sponsorship.md b/content/pages/sponsorship.md index f4e626f..9602087 100644 --- a/content/pages/sponsorship.md +++ b/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 %} diff --git a/pelicanconf.py b/pelicanconf.py index 6927828..de8e2b2 100644 --- a/pelicanconf.py +++ b/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), diff --git a/theme/static/css/main.css b/theme/static/css/main.css index e7d1e89..a9b9e0e 100644 --- a/theme/static/css/main.css +++ b/theme/static/css/main.css @@ -2,9 +2,11 @@ --light-bg-color: #fff; --light-text-color: #000; --light-detail-color: #595959; + --light-hover-color:#f1f1f1; --dark-bg-color: #000; --dark-text-color: #fff; --dark-details-color: #505050; + --dark-hover-color:#f1f1f1; --font-size-base: 16px; --font-family-base: Merriweather, Serif; --font-family-label: Merriweather Sans, Serif; @@ -58,13 +60,20 @@ h1, h2, h3, h4, h5, h6 { margin: 2em 0 .6em 0; } -h1 { font-size: 1.4em; } -h2 { font-size: 1.3em; } -h3 { font-size: 1.2em; } -h4 { font-size: 1.2em; font-family: var(--font-family-base); } -h5 { font-size: 1.1em; font-family: var(--font-family-base); } +h1 { font-size: 1.5em; } +h2 { font-size: 1.4em; } +h3 { font-size: 1.1em; font-family: var(--font-family-base); border-bottom: 1px solid var(--light-detail-color)} +h4 { font-size: 1.1em; font-family: var(--font-family-base); } +h5 { font-size: 1em; font-family: var(--font-family-base); } h6 { font-size: 1em; font-family: var(--font-family-base); } +hr { + height: 0px; + margin: 1em 0; + border: 0; + border-bottom: 1px solid var(--light-detail-color); +} + p, address { margin: 0 0 1em 0; @@ -76,8 +85,7 @@ p, address { a { text-decoration: none; - &:hover, - &:focus { + &:hover { text-decoration: underline; } } @@ -213,18 +221,20 @@ address { .aio-nav__list { margin: 1em 0 1em 0; + padding: 0; list-style-type: none; li { margin: 0; + padding: 0; } } .aio-nav__list:before { content: attr(aria-label); display: block; - margin: 0 0 .5em 0; - padding: .1em 8px; + margin: 0; + padding: .2em .2em .2em 0; font-family: var(--font-family-label); font-size: .8em; font-weight: 400; @@ -234,11 +244,18 @@ address { .aio-nav__link { display: flex; - padding: .2em 8px; + padding: .2em .5em; font-size: .9em; + &:before { + content: '⇢'; + margin: 0 .5em 0 0; + } + &:hover { background-color: #f1f1f1; + border-radius: .5em; + text-decoration: none; } } @@ -253,3 +270,50 @@ address { padding: 2em 4em 10em 240px; } } + +.aio-sponsor-sidebar { + margin: 1em 0; +} + +.aio-sponsor { + display: block; + padding: .5em; + border: 1px dashed var(--light-detail-color); + + &:hover { + background-color: var(--light-hover-color); + } +} + +.aio-sponsors-list { + display: flex; + flex-wrap: wrap; + gap: 1em; + list-style-type: none; + margin: 0; + padding: 0; + + a { + flex-grow: 1; + display: block; + flex-direction: column; + align-content: center; + justify-content: center; + padding: 1em; + + &:hover { + background-color: var(--light-hover-color); + } + } +} + +.aio-sponsors-list__item { + flex-grow: 1; + flex-shrink: 1; + display: flex; + margin: 0; + padding: 0; + border: 1px dashed var(--light-detail-color); + flex-basis: 400px; + max-width: 500px; +} diff --git a/theme/templates/base.html b/theme/templates/base.html index 1217b06..10fe654 100644 --- a/theme/templates/base.html +++ b/theme/templates/base.html @@ -55,7 +55,7 @@ {% endif %} {% endif %} - + {% endblock nav %}
@@ -68,8 +68,8 @@ {% endblock footer %} {% endblock body %} diff --git a/theme/templates/fragments/sponsor-bronze.html b/theme/templates/fragments/sponsor-bronze.html index 4f0367a..51496eb 100644 --- a/theme/templates/fragments/sponsor-bronze.html +++ b/theme/templates/fragments/sponsor-bronze.html @@ -1,3 +1,4 @@ -{% for sponsor in SPONSORS %} -{{ sponsor.name }} -{% endfor %} +
+

Bronze Tier Sponsors

+ +
\ No newline at end of file diff --git a/theme/templates/fragments/sponsor-gold.html b/theme/templates/fragments/sponsor-gold.html index 9ea5d0b..e6af0cd 100644 --- a/theme/templates/fragments/sponsor-gold.html +++ b/theme/templates/fragments/sponsor-gold.html @@ -1,3 +1,5 @@ -{% for sponsor in SPONSORS %} -{{ sponsor.name }} -{% endfor %} +
+

Gold Tier Sponsors

+

Huge thanks to those generously supporting us at the Gold tier:

+ +
diff --git a/theme/templates/fragments/sponsor-silver.html b/theme/templates/fragments/sponsor-silver.html index 1d7d066..632b939 100644 --- a/theme/templates/fragments/sponsor-silver.html +++ b/theme/templates/fragments/sponsor-silver.html @@ -1,3 +1,4 @@ -{% for sponsor in SPONSORS %} -{{ sponsor.name }} -{% endfor %} +
+

Silver Tier Sponsors

+ +
\ No newline at end of file