aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/home
diff options
context:
space:
mode:
authorGravatar hedy <[email protected]>2024-01-28 19:25:24 +0800
committerGravatar hedy <[email protected]>2024-01-28 19:25:24 +0800
commitb72705b228b02f8c5f40030215d75d45d195c87d (patch)
tree5531781c514d5c4eae076a8b784a96cfcba70cfa /pydis_site/templates/home
parentDark: Fix timeline icon borders (diff)
Dark: Use alternate images for homepage, resources, events
Thanks to lemon for editting all the images. Co-authored-by: Leon Sandøy <[email protected]>
Diffstat (limited to 'pydis_site/templates/home')
-rw-r--r--pydis_site/templates/home/index.html24
1 files changed, 16 insertions, 8 deletions
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index 30b064a4..78ed862c 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -189,32 +189,40 @@
</h1>
<div class="columns is-vcentered">
<a href="https://www.netcup.eu/" class="column is-one-third">
- <img src="{% static "images/sponsors/netcup.png" %}" alt="netcup" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/netcup.png" %}" alt="netcup" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/netcup.png" %}" alt="netcup" loading="lazy"/>
</a>
<a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085" class="column is-one-third">
- <img src="{% static "images/sponsors/linode.png" %}" alt="Linode" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/linode.png" %}" alt="Linode" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/linode.png" %}" alt="Linode" loading="lazy"/>
</a>
<a href="https://jetbrains.com" class="column is-one-third">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
</a>
</div>
<div class="columns is-vcentered">
<a href="https://sentry.io" class="column is-one-third">
- <img src="{% static "images/sponsors/sentry.png" %}" alt="Sentry" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/sentry.png" %}" alt="Sentry" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/sentry.png" %}" alt="Sentry" loading="lazy"/>
</a>
<a href="https://notion.so" class="column is-one-third">
- <img src="{% static "images/sponsors/notion.png" %}" alt="Notion" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/notion.png" %}" alt="Notion" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/notion.png" %}" alt="Notion" loading="lazy"/>
</a>
<a href="https://streamyard.com" class="column is-one-third">
- <img src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
</a>
</div>
<div class="columns is-vcentered">
<a href="https://www.netlify.com/" class="column is-half">
- <img src="{% static "images/sponsors/netlify.png" %}" alt="Netlify" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/netlify.png" %}" alt="Netlify" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/netlify.png" %}" alt="Netlify" loading="lazy"/>
</a>
<a href="https://www.cloudflare.com/" class="column is-half">
- <img src="{% static "images/sponsors/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
+ <img class="light-image" src="{% static "images/sponsors/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
+ <img class="dark-image" src="{% static "images/sponsors_dark/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
</a>
</div>
</div>