aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates/home/index.html
diff options
context:
space:
mode:
authorGravatar hedy <[email protected]>2024-02-02 20:52:51 +0800
committerGravatar hedy <[email protected]>2024-02-02 20:52:51 +0800
commit986c423246349d03dccf7d4f6d919f9bd693de04 (patch)
tree7e95b4e13bf49c6777d91e0bdfdf1e6aaf45cdc5 /pydis_site/templates/home/index.html
parentEvents: Adjust phrasing in description (diff)
parentMerge pull request #1219 from python-discord/dependabot/pip/sentry-sdk-1.40.0 (diff)
Fix conflicts
Diffstat (limited to 'pydis_site/templates/home/index.html')
-rw-r--r--pydis_site/templates/home/index.html54
1 files changed, 33 insertions, 21 deletions
diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index 347fa111..91951637 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -92,7 +92,7 @@
{# Showcase box #}
<section id="showcase" class="column is-half-desktop has-text-centered">
- <article class="box">
+ <article class="box has-background-white">
<header class="title">Interactive timeline</header>
@@ -138,9 +138,9 @@
<div class="column is-one-third-desktop is-half-tablet">
<a href="https://github.com/{{ repo.repo_name }}">
- <article class="card">
+ <article class="card has-background-white">
- <header class="card-header">
+ <header class="card-header is-white">
<span class="card-header-icon">
<span class="icon"><i class="fab fa-github"></i></span>
</span>
@@ -181,36 +181,48 @@
{% endif %}
<!-- Sponsors -->
- <section id="sponsors" class="hero is-light">
+ <section id="sponsors" class="hero has-background-white-ter">
<div class="hero-body">
<div class="container">
<h1 class="title is-6 has-text-grey">
Sponsors
</h1>
- <div class="columns is-mobile is-multiline">
- <a href="https://www.netcup.eu/" class="column is-narrow">
- <img src="{% static "images/sponsors/netcup.png" %}" alt="netcup" loading="lazy"/>
+ <div class="columns is-vcentered">
+ <a href="https://www.netcup.eu/" class="column is-one-third">
+ <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-narrow">
- <img src="{% static "images/sponsors/linode.png" %}" alt="Linode" loading="lazy"/>
+ <a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085" class="column is-one-third">
+ <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-narrow">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains" loading="lazy"/>
+ <a href="https://jetbrains.com" class="column is-one-third">
+ <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>
- <a href="https://sentry.io" class="column is-narrow">
- <img src="{% static "images/sponsors/sentry.png" %}" alt="Sentry" loading="lazy"/>
+ </div>
+ <div class="columns is-vcentered">
+ <a href="https://sentry.io" class="column is-one-third">
+ <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-narrow">
- <img src="{% static "images/sponsors/notion.png" %}" alt="Notion" loading="lazy"/>
+ <a href="https://notion.so" class="column is-one-third">
+ <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-narrow">
- <img src="{% static "images/sponsors/streamyard.png" %}" alt="StreamYard" loading="lazy"/>
+ <a href="https://streamyard.com" class="column is-one-third">
+ <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>
- <a href="https://www.netlify.com/" class="column is-narrow">
- <img src="{% static "images/sponsors/netlify.png" %}" alt="Netlify" loading="lazy"/>
+ </div>
+ <div class="columns is-vcentered">
+ <a href="https://www.netlify.com/" class="column is-half">
+ <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-narrow">
- <img src="{% static "images/sponsors/cloudflare.png" %}" alt="Cloudflare" loading="lazy"/>
+ <a href="https://www.cloudflare.com/" class="column is-half">
+ <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>