aboutsummaryrefslogtreecommitdiffstats
path: root/pydis_site/templates
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
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')
-rw-r--r--pydis_site/templates/base/base.html2
-rw-r--r--pydis_site/templates/base/footer.html4
-rw-r--r--pydis_site/templates/base/navbar.html24
-rw-r--r--pydis_site/templates/content/listing.html4
-rw-r--r--pydis_site/templates/content/page.html2
-rw-r--r--pydis_site/templates/events/pages/code-jams/10/_index.html7
-rw-r--r--pydis_site/templates/events/pages/code-jams/8/_index.html24
-rw-r--r--pydis_site/templates/events/pages/code-jams/9/_index.html19
-rw-r--r--pydis_site/templates/events/sidebar/code-jams/6.html18
-rw-r--r--pydis_site/templates/events/sidebar/code-jams/7.html18
-rw-r--r--pydis_site/templates/events/sidebar/code-jams/8.html30
-rw-r--r--pydis_site/templates/events/sidebar/code-jams/9.html27
-rw-r--r--pydis_site/templates/events/sidebar/game-jams/2020.html6
-rw-r--r--pydis_site/templates/home/index.html54
-rw-r--r--pydis_site/templates/home/timeline.html412
-rw-r--r--pydis_site/templates/resources/resource_box.html2
-rw-r--r--pydis_site/templates/resources/resource_box_header.html29
-rw-r--r--pydis_site/templates/resources/resources.html12
18 files changed, 396 insertions, 298 deletions
diff --git a/pydis_site/templates/base/base.html b/pydis_site/templates/base/base.html
index b7322f12..e497298a 100644
--- a/pydis_site/templates/base/base.html
+++ b/pydis_site/templates/base/base.html
@@ -24,6 +24,8 @@
<title>Python Discord | {% block title %}Website{% endblock %}</title>
{% bulma %}
+ {% bulma 'dark' include_js=False %}
+
{% font_awesome %}
<link rel="stylesheet" href="{% static "css/base/base.css" %}">
{% block head %}{% endblock %}
diff --git a/pydis_site/templates/base/footer.html b/pydis_site/templates/base/footer.html
index 0bc93578..9beb284f 100644
--- a/pydis_site/templates/base/footer.html
+++ b/pydis_site/templates/base/footer.html
@@ -1,5 +1,5 @@
-<footer class="footer has-background-dark has-text-light">
- <div class="content has-text-centered">
+<footer class="footer has-background-grey-darker">
+ <div class="content has-text-centered has-text-grey-lighter">
<p>
Powered by <a href="https://www.linode.com/?r=3bc18ce876ff43ea31f201b91e8e119c9753f085"><span id="linode-logo">Linode</span></a> and <a href="https://www.netcup.eu/"><span id="netcup-logo">netcup</span></a><br>Built with <a href="https://www.djangoproject.com/"><span id="django-logo">django</span></a> and <a href="https://bulma.io"><span id="bulma-logo">Bulma</span></a> <br/> &copy; {% now "Y" %} <span id="pydis-text">Python Discord</span>
</p>
diff --git a/pydis_site/templates/base/navbar.html b/pydis_site/templates/base/navbar.html
index 931693c8..2fcd8ad8 100644
--- a/pydis_site/templates/base/navbar.html
+++ b/pydis_site/templates/base/navbar.html
@@ -1,5 +1,11 @@
{% load static %}
+{% block head %}
+ <link rel="stylesheet" href="{% static "css/base/themes.css" %}">
+ <link href="https://css.gg/css?=|moon|sun" rel="stylesheet">
+ <script src="{% static "js/base/themes.js" %}"></script>
+{% endblock %}
+
<nav class="navbar is-primary" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
@@ -39,7 +45,7 @@
{# YouTube #}
<a class="navbar-item" href="https://youtube.com/pythondiscord">
- <span class="icon is-size-4 is-medium"><i class="fab fa-youtube"></i></span>
+ <span class="icon is-size-4 is-medium is-dark"><i class="fab fa-youtube"></i></span>
<span>&nbsp;YouTube</span>
</a>
@@ -97,12 +103,22 @@
</div>
</div>
- {# Desktop Nav Discord #}
- <div id="discord-btn" class="buttons is-hidden-touch">
+ {# Theme toggle #}
+ <div class="navbar-item">
+ <div id="theme-switch" class="switch dark">
+ <div class="switch-outer"></div>
+ <div class="switch-inner"></div>
+ <i class="theme-icon light gg-sun"></i>
+ <div id="theme-knob" class="knob dark"></div>
+ <i class="theme-icon dark gg-moon"></i>
+ </div>
+ </div>
+
+ {# Desktop Nav Discord #}
+ <div id="discord-btn" class="buttons is-hidden-touch is-white">
<a href="https://discord.gg/python" class="button is-large is-primary">Discord</a>
</div>
</div>
-
</div>
</nav>
diff --git a/pydis_site/templates/content/listing.html b/pydis_site/templates/content/listing.html
index bbdd54b0..e2c27b17 100644
--- a/pydis_site/templates/content/listing.html
+++ b/pydis_site/templates/content/listing.html
@@ -18,7 +18,7 @@
{% block page_content %}
{# Nested Categories #}
{% for category, data in categories.items %}
- <div class="box" style="max-width: 800px;">
+ <div class="box has-background-white" style="max-width: 800px;">
<span class="icon is-size-4 is-medium">
<i class="{{ data.icon|default:"fas fa-folder" }} is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
</span>
@@ -32,7 +32,7 @@
{# Single Pages #}
{% for page, data in pages.items %}
- <div class="box" style="max-width: 800px;">
+ <div class="box has-background-white" style="max-width: 800px;">
<span class="icon is-size-4 is-medium">
<i class="{{ data.icon|default:"fab fa-python" }} is-size-3 is-black has-icon-padding" aria-hidden="true"></i>
</span>
diff --git a/pydis_site/templates/content/page.html b/pydis_site/templates/content/page.html
index 679ecec6..0d7087dd 100644
--- a/pydis_site/templates/content/page.html
+++ b/pydis_site/templates/content/page.html
@@ -8,7 +8,7 @@
</div>
<div class="column">
{% if toc %}
- <div class="box">
+ <div class="box has-background-white-bis">
<p class="menu-label">Table of Contents</p>
<ul class="menu-list toc">
{{ toc|safe }}
diff --git a/pydis_site/templates/events/pages/code-jams/10/_index.html b/pydis_site/templates/events/pages/code-jams/10/_index.html
index 388f0df0..372aa805 100644
--- a/pydis_site/templates/events/pages/code-jams/10/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/10/_index.html
@@ -56,7 +56,7 @@
<h3 id="submissions"><a href="#submissions">Submissions</a></h3>
<p>
By the end of the jam, 17 teams made project submissions. Check them all out here:
- <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+ <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div>
</p>
<h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
@@ -93,9 +93,12 @@
<div class="card mb-4">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
+ <div class="media-left sponsor light-image" style="max-width:150px">
<img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
</div>
+ <div class="media-left sponsor dark-image" style="max-width:150px">
+ <img src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
+ </div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.jetbrains.com/" target="_blank" rel="noopener">JetBrains</a></p>
<p class="is-italic">
diff --git a/pydis_site/templates/events/pages/code-jams/8/_index.html b/pydis_site/templates/events/pages/code-jams/8/_index.html
index 74e0ad4a..2d197199 100644
--- a/pydis_site/templates/events/pages/code-jams/8/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/8/_index.html
@@ -65,7 +65,7 @@
<h3 id="submissions"><a href="#submissions">Submissions</a></h3>
<p>
63 teams started out on July 9th 2021. By the end of the jam, 51 teams made project submissions. Check them all out here:
- <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+ <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div>
</p>
<h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
@@ -91,7 +91,7 @@
The qualifier is a coding challenge that you are required to complete before registering for the code jam.
This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment.
</p>
- <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/cj8-qualifier" target="_blank" rel="noopener">View the Qualifier</a></p>
+ <p class="has-text-centered"><a class="button is-primary" href="https://github.com/python-discord/cj8-qualifier" target="_blank" rel="noopener">View the Qualifier</a></p>
<p>
Please note the requirements for the qualifier.
<ul>
@@ -108,11 +108,12 @@
to provide our prizes as well.
</p>
<!-- This is going to be the sponsor section -->
- <div class="card mb-4">
+ <div class="card mb-4 has-background-white">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
- <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+ <div class="media-left sponsor" style="max-width:150px">
+ <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+ <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
</div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.digitalocean.com/" target="_blank" rel="noopener">DigitalOcean</a></p>
@@ -127,11 +128,12 @@
</div>
</div>
- <div class="card mb-4">
+ <div class="card mb-4 has-background-white">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <div class="media-left sponsor" style="max-width:150px">
+ <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
</div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.jetbrains.com/" target="_blank" rel="noopener">JetBrains</a></p>
@@ -146,11 +148,11 @@
</div>
</div>
</div>
- <div class="card mb">
+ <div class="card mb has-background-white">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
- <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine">
+ <div class="media-left sponsor" style="max-width:150px">
+ <img src="{% static "images/events/logos/Tabnine.png" %}" alt="Tabnine">
</div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank" rel="noopener">Tabnine</a></p>
diff --git a/pydis_site/templates/events/pages/code-jams/9/_index.html b/pydis_site/templates/events/pages/code-jams/9/_index.html
index 5c094b22..68e377c9 100644
--- a/pydis_site/templates/events/pages/code-jams/9/_index.html
+++ b/pydis_site/templates/events/pages/code-jams/9/_index.html
@@ -58,7 +58,7 @@
<h3 id="submissions"><a href="#submissions">Submissions</a></h3>
<p>
By the end of the jam, 20+ teams made project submissions. Check them all out here:
- <div class="has-text-centered"><a class="button is-link" href="submissions">View Submissions</a></div>
+ <div class="has-text-centered"><a class="button is-primary" href="submissions">View Submissions</a></div>
</p>
<h3 id="important-dates"><a href="#important-dates">Important Dates</a></h3>
@@ -77,7 +77,7 @@
The qualifier is a coding challenge that you are required to complete before registering for the code jam.
This is meant as a basic assessment of your skills to ensure you have enough Python knowledge to effectively contribute in a team environment.
</p>
- <p class="has-text-centered"><a class="button is-link" href="https://github.com/python-discord/code-jam-qualifier-9/" target="_blank" rel="noopener">View the Qualifier</a></p>
+ <p class="has-text-centered"><a class="button is-primary" href="https://github.com/python-discord/code-jam-qualifier-9/" target="_blank" rel="noopener">View the Qualifier</a></p>
<p>
Please note the requirements for the qualifier.
<ul>
@@ -104,8 +104,9 @@
<div class="card mb-4">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
- <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+ <div class="media-left sponsor" style="max-width:150px">
+ <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+ <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
</div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.digitalocean.com/" target="_blank" rel="noopener">DigitalOcean</a></p>
@@ -123,8 +124,9 @@
<div class="card mb-4">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <div class="media-left sponsor" style="max-width:150px">
+ <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
</div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.jetbrains.com/" target="_blank" rel="noopener">JetBrains</a></p>
@@ -143,8 +145,9 @@
<div class="card mb">
<div class="card-content">
<div class="media">
- <div class="media-left" style="max-width:150px">
- <img src="{% static "images/events/Replit.png" %}" alt="Replit">
+ <div class="media-left sponsor" style="max-width:150px">
+ <img class="light-image" src="{% static "images/events/logos/Replit.png" %}" alt="Replit">
+ <img class="dark-image" src="{% static "images/events/logos_dark/Replit.png" %}" alt="Replit">
</div>
<div class="media-content">
<p class="subtitle has-link"><a href="https://www.replit.com" target="_blank" rel="noopener">Replit</a></p>
diff --git a/pydis_site/templates/events/sidebar/code-jams/6.html b/pydis_site/templates/events/sidebar/code-jams/6.html
index 95a1f247..d41986a5 100644
--- a/pydis_site/templates/events/sidebar/code-jams/6.html
+++ b/pydis_site/templates/events/sidebar/code-jams/6.html
@@ -1,6 +1,20 @@
<div class="box">
<img src="https://raw.githubusercontent.com/python-discord/branding/master/events/winer_code_jam_2020/code%20jam%206%20-%20website%20banner.png" alt="">
<p class="menu-label">Sponsors:</p>
- <p><a href="https://do.co/devmeetup" target="_new"><img src="https://d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/developer-cloud/3f06d1cb-do-logo-blue-svg.svg" style="width: 100%;" alt=""></a></p>
- <p><a href="https://jetbrains.com" target="_new"><img src="https://pythondiscord.com/static/images/sponsors/jetbrains.png" alt=""></a></p>
+ <p>
+ <div class="sponsor">
+ <a href="https://do.co/devmeetup" target="_new">
+ <img class="light-image" src="/static/images/events/logos/DO_Logo_Vertical_Blue.png" style="width: 100%;" alt="">
+ <img class="dark-image" src="/static/images/events/logos_dark/DO_Logo_Vertical_White.png" style="width: 100%;" alt="">
+ </a>
+ </div>
+ </p>
+ <p>
+ <div class="sponsor">
+ <a href="https://jetbrains.com" target="_new">
+ <img class="light-image" src="/static/images/sponsors/jetbrains.png" alt="Jetbrains">
+ <img class="dark-image" src="/static/images/sponsors_dark/jetbrains.png" alt="Jetbrains">
+ </a>
+ </div>
+ </p>
</div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/7.html b/pydis_site/templates/events/sidebar/code-jams/7.html
index 4aefdbd9..89c90ea9 100644
--- a/pydis_site/templates/events/sidebar/code-jams/7.html
+++ b/pydis_site/templates/events/sidebar/code-jams/7.html
@@ -3,10 +3,16 @@
<div class="box">
<img src="https://raw.githubusercontent.com/python-discord/branding/master/jams/summer_code_jam_2020/summer%20cj%202020%20discord%20banner.png" alt="Summer Code Jam 2020">
<p class="menu-label">Sponsors</p>
- <a href="https://www.djangoproject.com/" target="_blank">
- <img src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
- </a>
- <a href="https://jetbrains.com" target="_blank">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
- </a>
+ <div class="sponsor">
+ <a href="https://www.djangoproject.com/" target="_blank">
+ <img class="light-image" src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
+ <img class="dark-image" src="/static/images/events/logos_dark/django.png" alt="Django">
+ </a>
+ </div>
+ <div class="sponsor">
+ <a href="https://jetbrains.com" target="_blank">
+ <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
+ </a>
+ </div>
</div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/8.html b/pydis_site/templates/events/sidebar/code-jams/8.html
index 36fad680..a72da760 100644
--- a/pydis_site/templates/events/sidebar/code-jams/8.html
+++ b/pydis_site/templates/events/sidebar/code-jams/8.html
@@ -1,5 +1,5 @@
{% load static %}
-<div class="panel">
+<div class="panel is-primary has-background-white">
<p class="panel-heading">Important Links</p>
<a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/8/rules" %}">Rules</a>
<a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/8/frameworks" %}">Approved Frameworks</a>
@@ -8,16 +8,24 @@
<a class="panel-block has-text-link" href="{% url "events:page" path="code-jams/code-style-guide" %}">The Code Style Guide</a>
</ul>
</div>
-<div class="box">
+<div class="box has-background-white">
<img src="{% static "images/events/summer_code_jam_2021/banner.png" %}" alt="Summer Code Jam 2021">
<h4 class="menu-label">Our Sponsors</h4>
- <a href="https://www.digitalocean.com/" target="_blank">
- <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
- </a>
- <a href="https://jetbrains.com" target="_blank">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
- </a>
- <a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank">
- <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine">
- </a>
+ <div class="sponsor">
+ <a href="https://www.digitalocean.com/" target="_blank">
+ <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+ <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
+ </a>
+ </div>
+ <div class="sponsor">
+ <a href="https://jetbrains.com" target="_blank">
+ <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
+ </a>
+ </div>
+ <div class="sponsor">
+ <a href="https://www.tabnine.com/now?utm_source=discord&utm_medium=Ins&utm_campaign=PythonDis" target="_blank">
+ <img src="{% static "images/events/logos/Tabnine.png" %}" alt="Tabnine">
+ </a>
+ </div>
</div>
diff --git a/pydis_site/templates/events/sidebar/code-jams/9.html b/pydis_site/templates/events/sidebar/code-jams/9.html
index 2351973f..f69d388b 100644
--- a/pydis_site/templates/events/sidebar/code-jams/9.html
+++ b/pydis_site/templates/events/sidebar/code-jams/9.html
@@ -9,13 +9,22 @@
<div class="box">
<img src="{% static "images/events/summer_code_jam_2022/site_banner.png" %}" alt="Summer Code Jam 2022">
<h4 class="menu-label">Our Sponsors</h4>
- <a href="https://www.digitalocean.com/" target="_blank">
- <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
- </a>
- <a href="https://jetbrains.com" target="_blank">
- <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
- </a>
- <a href="https://replit.com/" target="_blank">
- <img src="{% static "images/events/Replit.png" %}" alt="Replit">
- </a>
+ <div class="sponsor">
+ <a href="https://www.digitalocean.com/" target="_blank">
+ <img class="light-image" src="{% static "images/events/logos/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+ <img class="dark-image" src="{% static "images/events/logos_dark/DO_Logo_Vertical_White.png" %}" alt="Digital Ocean">
+ </a>
+ </div>
+ <div class="sponsor">
+ <a href="https://jetbrains.com" target="_blank">
+ <img class="light-image" src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+ <img class="dark-image" src="{% static "images/sponsors_dark/jetbrains.png" %}" alt="JetBrains">
+ </a>
+ </div>
+ <div class="sponsor">
+ <a href="https://replit.com/" target="_blank">
+ <img class="light-image" src="{% static "images/events/logos/Replit.png" %}" alt="Replit">
+ <img class="dark-image" src="{% static "images/events/logos_dark/Replit.png" %}" alt="Replit">
+ </a>
+ </div>
</div>
diff --git a/pydis_site/templates/events/sidebar/game-jams/2020.html b/pydis_site/templates/events/sidebar/game-jams/2020.html
index 30042d2b..445132e6 100644
--- a/pydis_site/templates/events/sidebar/game-jams/2020.html
+++ b/pydis_site/templates/events/sidebar/game-jams/2020.html
@@ -1,6 +1,10 @@
<div class="box">
<p class="menu-label">Partners</p>
- <p><a href="https://arcade.academy/" target="_new"><img src="https://i.imgur.com/CtY3Siv.png" style="width: 100%;" alt=""></a></p>
+ <p>
+ <div class="sponsor">
+ <a href="https://arcade.academy/" target="_new"><img src="https://i.imgur.com/CtY3Siv.png" style="width: 100%;" alt=""></a>
+ </div>
+ </p>
</div>
<div class="box">
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>
diff --git a/pydis_site/templates/home/timeline.html b/pydis_site/templates/home/timeline.html
index 7fc6f325..6c627033 100644
--- a/pydis_site/templates/home/timeline.html
+++ b/pydis_site/templates/home/timeline.html
@@ -18,9 +18,9 @@
<i class="fa fa-comments"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Switch to new paste service</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Switch to new paste service</h2>
+ <p class="color-contrast-medium has-text-dark">
We migrate over to <a href="https://github.com/supakeen/pinnwand">pinnwand</a>
as the service that powers our paste bin over at
<a href="https://paste.pythondiscord.com">https://paste.pythondiscord.com/</a>.
@@ -29,7 +29,7 @@
Python!
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jul 11th, 2023</span>
+ <span class="cd-timeline__date has-text-grey">Jul 11th, 2023</span>
</div>
</div>
</div>
@@ -39,9 +39,9 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Retirement of Joe and Sebastiaan</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Retirement of Joe and Sebastiaan</h2>
+ <p class="color-contrast-medium has-text-dark">
Having been at the helm of Python Discord for over 5 and 3 years respectively, Joe and
Sebastiaan retire and step down. They gain the @Founders role and continue as advisors
to the @Directors, the new name of the original @Owners role.
@@ -49,7 +49,7 @@
At the same time, Mina and Zig join Leon as co-directors.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jan 30th, 2023</span>
+ <span class="cd-timeline__date has-text-grey">Jan 30th, 2023</span>
</div>
</div>
</div>
@@ -59,15 +59,15 @@
<i class="fa fa-comments"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Switch to forum-based help system</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Switch to forum-based help system</h2>
+ <p class="color-contrast-medium has-text-dark">
We migrate our help system to use a forum channel, retiring our home-grown rotating help
system after 3 years of service and nearly 500,000 help sessions. Forum channels offer
a better experience as members can create their own dedicated thread in a discoverable place.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Nov 25th, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Nov 25th, 2022</span>
</div>
</div>
</div>
@@ -77,9 +77,9 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python 3.11 Release Stream</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python 3.11 Release Stream</h2>
+ <p class="color-contrast-medium has-text-dark">
With the Python 3.10 Release Stream being such a success, we brought it back for the
release of Python 3.11. Hosted by Leon, and CPython 3.11 Release Manager, Pablo Galindo,
they were joined by other CPython Core Developers. Together, they discuss the specific
@@ -93,7 +93,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Oct 24th, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Oct 24th, 2022</span>
</div>
</div>
</div>
@@ -103,9 +103,9 @@
<i class="fa fa-dice"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Summer Code Jam 2022 (CJ9)</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Summer Code Jam 2022 (CJ9)</h2>
+ <p class="color-contrast-medium has-text-dark">
We host the 9th Code Jam. This year, teams had to use <b>websockets</b> to create a
project based on the theme, <b>It's not a bug, it's a feature</b>. In all, 24 teams
submitted their projects. At the end, we held a livestream demoing the top 10 projects
@@ -119,7 +119,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">July 21st, 2022</span>
+ <span class="cd-timeline__date has-text-grey">July 21st, 2022</span>
</div>
</div>
</div>
@@ -129,14 +129,14 @@
<i class="fa fa-handshake"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Partnership with pyqtgraph</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Partnership with pyqtgraph</h2>
+ <p class="color-contrast-medium has-text-dark">
The <code>#pyqtgraph</code> channel is created for the Scientific Graphics and GUI
library pyqtgraph, joining <code>#black-formatter</code>.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">May 19th, 2022</span>
+ <span class="cd-timeline__date has-text-grey">May 19th, 2022</span>
</div>
</div>
</div>
@@ -146,14 +146,14 @@
<i class="fa fa-robot"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Addition of @Sir Robin</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Addition of @Sir Robin</h2>
+ <p class="color-contrast-medium has-text-dark">
Our arsenal of bots grows! We add @Sir Robin to power and manage all of our future
events and to support the Events Team.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Feb 21st, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Feb 21st, 2022</span>
</div>
</div>
</div>
@@ -163,15 +163,15 @@
<i class="fa fa-question"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Trivia Night</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Trivia Night</h2>
+ <p class="color-contrast-medium has-text-dark">
How well do you know Python inside out? Members got to find out in a Trivia Night event.
Contestants were given questions about Python's internals, its development, and more.
To win, contestants had to get the most questions right while being fast to answer.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Feb 12th, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Feb 12th, 2022</span>
</div>
</div>
</div>
@@ -181,15 +181,15 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Creation of Events Team</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Creation of Events Team</h2>
+ <p class="color-contrast-medium has-text-dark">
We form the Events Team to organise and run future events. Led by Kat and comprised by
staff members, the goal of the team is to ultimately host more events in a more
sustainable way.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Feb 9th, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Feb 9th, 2022</span>
</div>
</div>
</div>
@@ -200,9 +200,9 @@
<i class="fa fa-code"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Deployment of Smarter Resources</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Deployment of Smarter Resources</h2>
+ <p class="color-contrast-medium has-text-dark">
We gave our resources pages some much needed love and
<a href="https://www.pythondiscord.com/resources/">
reorganised them into a single page</a>,
@@ -210,7 +210,7 @@
ones that relate to your interests, experience, learning style, and ability to pay!
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Feb 2nd, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Feb 2nd, 2022</span>
</div>
</div>
</div>
@@ -220,14 +220,14 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>We hit 300 000 members!</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">We hit 300 000 members!</h2>
+ <p class="color-contrast-medium has-text-dark">
Thanks to an increasing growth rate, Python Discord's membership count doubled from
150,000 to 300,000 in less than a year!
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jan 19, 2022</span>
+ <span class="cd-timeline__date has-text-grey">Jan 19, 2022</span>
</div>
</div>
</div>
@@ -237,9 +237,9 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>We host the Python 3.10 Release Stream</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">We host the Python 3.10 Release Stream</h2>
+ <p class="color-contrast-medium has-text-dark">
Leon and Pablo Galindo, CPython Core Developer and Release Manager, host the Python 3.10
Release Stream, joined by other core devs Carol Willing, Irit Katriel, Łukasz Langa, and
Brandt Bucher. They talked in-depth about the new features introduced in 3.10, the
@@ -253,7 +253,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Oct 4th, 2021</span>
+ <span class="cd-timeline__date has-text-grey">Oct 4th, 2021</span>
</div>
</div>
</div>
@@ -263,15 +263,15 @@
<i class="fa fa-handshake"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Partnership with Black</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Partnership with Black</h2>
+ <p class="color-contrast-medium has-text-dark">
We partner with the uncompromising code formatter project, Black, who were looking for a
new home for their real-time chat. Python Discord ended up being that home, resulting in
the creation of the <code>#black-formatter</code> channel.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">May 24th, 2021</span>
+ <span class="cd-timeline__date has-text-grey">May 24th, 2021</span>
</div>
</div>
</div>
@@ -281,9 +281,9 @@
<i class="fa fa-dice"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Summer Code Jam 2021 (CJ8)</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Summer Code Jam 2021 (CJ8)</h2>
+ <p class="color-contrast-medium has-text-dark">
We host the 8th now-annual Code Jam. Teams had to create a program with an text-based user
interface (TUI), all designed around the theme of “think inside the box.” Ultimately, 51
teams submitted projects.
@@ -293,7 +293,7 @@
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">July 9, 2021</span>
+ <span class="cd-timeline__date has-text-grey">July 9, 2021</span>
</div>
</div>
</div>
@@ -303,20 +303,20 @@
<i class="fa fa-palette"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Inaugural run of Pixels</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Inaugural run of Pixels</h2>
+ <p class="color-contrast-medium has-text-dark">
Inspired by the subreddit, r/place, Pixels was our collaborative canvas event held
between May 25 to June 14, providing a beginner-friendly API to paint pixels on a
virtual canvas.
</p>
- <p class="color-contrast-medium">
+ <p class="color-contrast-medium has-text-dark">
Later, we released <a href="https://blog.pythondiscord.com/pixels-summer-2021/">a blog post</a>
summarizing what happened, our motives, and some stories from during development.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">May 24, 2021</span>
+ <span class="cd-timeline__date has-text-grey">May 24, 2021</span>
</div>
</div>
</div>
@@ -326,9 +326,9 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Owners become PSF Fellows</h2>
- <p class="color-contrast-medium">Joe, Leon, and Sebastiaan
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Owners become PSF Fellows</h2>
+ <p class="color-contrast-medium has-text-dark">Joe, Leon, and Sebastiaan
<a href="https://pyfound.blogspot.com/2021/04/python-software-foundation-fellow.html">
are recognized as Python Software Foundation Fellows
</a>
@@ -337,7 +337,7 @@
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">April 23, 2021</span>
+ <span class="cd-timeline__date has-text-grey">April 23, 2021</span>
</div>
</div>
</div>
@@ -347,9 +347,9 @@
<i class="fa fa-youtube-play"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Summer Code Jam 2020 Highlights</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Summer Code Jam 2020 Highlights</h2>
+ <p class="color-contrast-medium has-text-dark">
We release a new video to our YouTube showing the best projects from the Summer Code Jam 2020.
Better late than never!
</p>
@@ -361,7 +361,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Mar 21st, 2021</span>
+ <span class="cd-timeline__date has-text-grey">Mar 21st, 2021</span>
</div>
</div>
</div>
@@ -371,9 +371,9 @@
<i class="fa fa-comment"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>New feature: Weekly discussion channel</h2>
- <p class="color-contrast-medium">Every week (or two weeks), we'll be posting a new topic to discuss in a
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">New feature: Weekly discussion channel</h2>
+ <p class="color-contrast-medium has-text-dark">Every week (or two weeks), we'll be posting a new topic to discuss in a
channel called <b>#weekly-topic-discussion</b>. Our inaugural topic is a PyCon talk by Anthony Shaw called
<b>Wily Python: Writing simpler and more maintainable Python.</b></a>.
</p>
@@ -385,7 +385,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Mar 13th, 2021</span>
+ <span class="cd-timeline__date has-text-grey">Mar 13th, 2021</span>
</div>
</div>
</div>
@@ -395,9 +395,9 @@
<i class="fa fa-microphone"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>We're on the Teaching Python podcast!</h2>
- <p class="color-contrast-medium">Leon joins Sean and Kelly on the Teaching Python podcast to discuss how the pandemic has
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">We're on the Teaching Python podcast!</h2>
+ <p class="color-contrast-medium has-text-dark">Leon joins Sean and Kelly on the Teaching Python podcast to discuss how the pandemic has
changed the way we learn, and what role communities like Python Discord can play in this new world.
You can find the episode <a href="https://www.teachingpython.fm/63">at teachingpython.fm</a>.
</p>
@@ -407,7 +407,7 @@
></iframe>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Mar 13th, 2021</span>
+ <span class="cd-timeline__date has-text-grey">Mar 13th, 2021</span>
</div>
</div>
</div>
@@ -417,9 +417,9 @@
<i class="fa fa-microphone"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Leon Sandøy appears on Talk Python To Me</h2>
- <p class="color-contrast-medium">Leon goes on the Talk Python to Me podcast with Michael Kennedy
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Leon Sandøy appears on Talk Python To Me</h2>
+ <p class="color-contrast-medium has-text-dark">Leon goes on the Talk Python to Me podcast with Michael Kennedy
to discuss the history of Python Discord, the critical importance of culture, and how to run a massive
community. You can find the episode <a href="https://talkpython.fm/episodes/show/305/python-community-at-python-discord"> at talkpython.fm</a>.
</p>
@@ -429,7 +429,7 @@
</iframe>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Mar 1st, 2021</span>
+ <span class="cd-timeline__date has-text-grey">Mar 1st, 2021</span>
</div>
</div>
</div>
@@ -439,12 +439,12 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>We now have 150,000 members!</h2>
- <p class="color-contrast-medium">Our growth continues to accelerate.</p>
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">We now have 150,000 members!</h2>
+ <p class="color-contrast-medium has-text-dark">Our growth continues to accelerate.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Feb 18th, 2021</span>
+ <span class="cd-timeline__date has-text-grey">Feb 18th, 2021</span>
</div>
</div>
</div>
@@ -454,9 +454,9 @@
<i class="fa fa-music"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>We release The PEP 8 song</h2>
- <p class="color-contrast-medium">We release the PEP 8 song on our YouTube channel, which finds tens of
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">We release The PEP 8 song</h2>
+ <p class="color-contrast-medium has-text-dark">We release the PEP 8 song on our YouTube channel, which finds tens of
thousands of listeners!</p>
<div class="force-aspect-container">
@@ -466,7 +466,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">February 8th, 2021</span>
+ <span class="cd-timeline__date has-text-grey">February 8th, 2021</span>
</div>
</div>
</div>
@@ -476,9 +476,9 @@
<i class="fa fa-snowflake-o"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Advent of Code attracts hundreds of participants</h2>
- <p class="color-contrast-medium">
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Advent of Code attracts hundreds of participants</h2>
+ <p class="color-contrast-medium has-text-dark">
A total of 443 Python Discord members sign up to be part of
<a href="https://adventofcode.com/">Eric Wastl's excellent Advent of Code event</a>.
As always, we provide dedicated announcements, scoreboards, bot commands and channels for our members
@@ -487,7 +487,7 @@
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">December 1st - 25th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">December 1st - 25th, 2020</span>
</div>
</div>
</div>
@@ -497,15 +497,15 @@
<i class="fa fa-wrench"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>We migrate all our infrastructure to Kubernetes</h2>
- <p class="color-contrast-medium">As our tech stack grows, we decide to migrate all our services over to a
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">We migrate all our infrastructure to Kubernetes</h2>
+ <p class="color-contrast-medium has-text-dark">As our tech stack grows, we decide to migrate all our services over to a
container orchestration paradigm via Kubernetes. This gives us better control and scalability.
<b>Joe Banks</b> takes on the role as DevOps Lead.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Nov 29th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Nov 29th, 2020</span>
</div>
</div>
</div>
@@ -515,14 +515,14 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord hits 100,000 members!</h2>
- <p class="color-contrast-medium">Only six months after hitting 40,000 users, we hit 100,000 users. A
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord hits 100,000 members!</h2>
+ <p class="color-contrast-medium has-text-dark">Only six months after hitting 40,000 users, we hit 100,000 users. A
monumental milestone,
and one we're very proud of. To commemorate it, we create this timeline.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Oct 22nd, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Oct 22nd, 2020</span>
</div>
</div>
</div>
@@ -532,8 +532,8 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord hosts the 2020 CPython Core Developer Q&A</h2>
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord hosts the 2020 CPython Core Developer Q&A</h2>
<div class="force-aspect-container">
<iframe class="force-aspect-content" src="https://www.youtube.com/embed/gXMdfBTcOfQ" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -541,7 +541,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Oct 21st, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Oct 21st, 2020</span>
</div>
</div>
</div>
@@ -551,14 +551,14 @@
<i class="fa fa-handshake"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord is now the new home of the PyWeek event!</h2>
- <p class="color-contrast-medium">PyWeek, a game jam that has been running since 2005, joins Python
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord is now the new home of the PyWeek event!</h2>
+ <p class="color-contrast-medium has-text-dark">PyWeek, a game jam that has been running since 2005, joins Python
Discord as one of our official events. Find more information about PyWeek on <a
href="https://pyweek.org/">their official website</a>.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Aug 16th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Aug 16th, 2020</span>
</div>
</div>
</div>
@@ -568,9 +568,9 @@
<i class="fa fa-dice"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis summer code jam 2020 with the theme “Early Internet” and Django as the technology</h2>
- <p class="color-contrast-medium">Sponsored by the Django Software Foundation and JetBrains, the Summer
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis summer code jam 2020 with the theme “Early Internet” and Django as the technology</h2>
+ <p class="color-contrast-medium has-text-dark">Sponsored by the Django Software Foundation and JetBrains, the Summer
Code Jam for 2020 attracts hundreds of participants, and sees the creation of some fantastic
projects. Check them out in our judge stream below:</p>
@@ -581,7 +581,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jul 31st, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Jul 31st, 2020</span>
</div>
</div>
</div>
@@ -591,14 +591,14 @@
<i class="fa fa-chart-bar"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord Public Statistics are now live</h2>
- <p class="color-contrast-medium">After getting numerous requests to publish beautiful data on member
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord Public Statistics are now live</h2>
+ <p class="color-contrast-medium has-text-dark">After getting numerous requests to publish beautiful data on member
count and channel use, we create <a href="https://stats.pythondiscord.com/">stats.pythondiscord.com</a> for
all to enjoy.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jun 4th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Jun 4th, 2020</span>
</div>
</div>
</div>
@@ -608,14 +608,14 @@
<i class="fa fa-handshake"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord is now listed on python.org/community</h2>
- <p class="color-contrast-medium">After working towards this goal for months, we finally work out an
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord is now listed on python.org/community</h2>
+ <p class="color-contrast-medium has-text-dark">After working towards this goal for months, we finally work out an
arrangement with the PSF that allows us to be listed on that most holiest of websites:
https://python.org/. <a href="https://youtu.be/yciX2meIkXI?t=3">There was much rejoicing.</a></p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">May 28th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">May 28th, 2020</span>
</div>
</div>
</div>
@@ -625,14 +625,14 @@
<i class="fa fa-comments"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>ModMail is now live</h2>
- <p class="color-contrast-medium">Having originally planned to write our own ModMail bot from scratch, we
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">ModMail is now live</h2>
+ <p class="color-contrast-medium has-text-dark">Having originally planned to write our own ModMail bot from scratch, we
come across an exceptionally good <a href="https://github.com/kyb3r/modmail">ModMail bot by
kyb3r</a> and decide to just self-host that one instead.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">May 25th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">May 25th, 2020</span>
</div>
</div>
</div>
@@ -642,9 +642,9 @@
<i class="fa fa-gamepad"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis Game Jam 2020 with the “Three of a Kind” theme and Arcade as the technology</h2>
- <p class="color-contrast-medium">The creator of Arcade, Paul Vincent Craven, joins us as a judge.
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis Game Jam 2020 with the “Three of a Kind” theme and Arcade as the technology</h2>
+ <p class="color-contrast-medium has-text-dark">The creator of Arcade, Paul Vincent Craven, joins us as a judge.
Several of the Code Jam participants also end up getting involved contributing to the Arcade
repository.</p>
@@ -655,7 +655,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Apr 17th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Apr 17th, 2020</span>
</div>
</div>
</div>
@@ -665,14 +665,14 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord hits 40,000 members, and is now bigger than Liechtenstein.</h2>
- <p class="color-contrast-medium"><img
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord hits 40,000 members, and is now bigger than Liechtenstein.</h2>
+ <p class="color-contrast-medium has-text-dark"><img
src="https://cdn.discordapp.com/attachments/354619224620138496/699666518476324954/unknown.png">
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Apr 14, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Apr 14, 2020</span>
</div>
</div>
</div>
@@ -682,15 +682,15 @@
<i class="fa fa-comments"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>The new help channel system is live</h2>
- <p class="color-contrast-medium">We release our dynamic help-channel system, which allows you to claim
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">The new help channel system is live</h2>
+ <p class="color-contrast-medium has-text-dark">We release our dynamic help-channel system, which allows you to claim
your very own help channel instead of fighting over the static help channels. We release a <a
href="https://pythondiscord.com/pages/resources/guides/help-channels/">Help Channel Guide</a> to
help our members fully understand how the system works.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Apr 5th, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Apr 5th, 2020</span>
</div>
</div>
</div>
@@ -700,9 +700,9 @@
<i class="fa fa-dice"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis sixth code jam with the theme “Ancient technology” and the technology Kivy</h2>
- <p class="color-contrast-medium">Our Code Jams are becoming an increasingly big deal, and the Kivy core
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis sixth code jam with the theme “Ancient technology” and the technology Kivy</h2>
+ <p class="color-contrast-medium has-text-dark">Our Code Jams are becoming an increasingly big deal, and the Kivy core
developers join us to judge the event and help out our members during the event. One of them,
@tshirtman, even joins our staff!</p>
@@ -713,7 +713,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jan 17, 2020</span>
+ <span class="cd-timeline__date has-text-grey">Jan 17, 2020</span>
</div>
</div>
</div>
@@ -723,13 +723,13 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis hits 30,000 members</h2>
- <p class="color-contrast-medium">More than tripling in size since the year before, the community hits
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis hits 30,000 members</h2>
+ <p class="color-contrast-medium has-text-dark">More than tripling in size since the year before, the community hits
30000 users. At this point, we're probably the largest Python chat community on the planet.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Dec 22nd, 2019</span>
+ <span class="cd-timeline__date has-text-grey">Dec 22nd, 2019</span>
</div>
</div>
</div>
@@ -739,13 +739,13 @@
<img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Sebastiaan Zeef becomes an owner</h2>
- <p class="color-contrast-medium">After being a long time active contributor to our projects and the driving
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Sebastiaan Zeef becomes an owner</h2>
+ <p class="color-contrast-medium has-text-dark">After being a long time active contributor to our projects and the driving
force behind many of our events, Sebastiaan Zeef joins the Owners Team alongside Joe & Leon.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Sept 22nd, 2019</span>
+ <span class="cd-timeline__date has-text-grey">Sept 22nd, 2019</span>
</div>
</div>
</div>
@@ -755,14 +755,14 @@
<i class="fa fa-scroll"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>The code of conduct is created</h2>
- <p class="color-contrast-medium">Inspired by the Adafruit, Rust and Django communities, an essential
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">The code of conduct is created</h2>
+ <p class="color-contrast-medium has-text-dark">Inspired by the Adafruit, Rust and Django communities, an essential
community pillar is created; Our <a href="https://pythondiscord.com/pages/code-of-conduct/">Code of
Conduct.</a></p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Oct 26th, 2019</span>
+ <span class="cd-timeline__date has-text-grey">Oct 26th, 2019</span>
</div>
</div>
</div>
@@ -772,14 +772,14 @@
<i class="fa fa-code"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>The Django rewrite of pythondiscord.com is now live!</h2>
- <p class="color-contrast-medium">The site is getting more and more complex, and it's time for a rewrite.
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">The Django rewrite of pythondiscord.com is now live!</h2>
+ <p class="color-contrast-medium has-text-dark">The site is getting more and more complex, and it's time for a rewrite.
We decide to go for a different stack, and build a website based on Django, DRF, Bulma and
PostgreSQL.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Sep 15, 2019</span>
+ <span class="cd-timeline__date has-text-grey">Sep 15, 2019</span>
</div>
</div>
</div>
@@ -789,8 +789,8 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis hits 15,000 members; the “hot ones special” video is released</h2>
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis hits 15,000 members; the “hot ones special” video is released</h2>
<div class="force-aspect-container">
<iframe class="force-aspect-content" src="https://www.youtube.com/embed/DIBXg8Qh7bA" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ -798,7 +798,7 @@
</div>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Apr 8th, 2019</span>
+ <span class="cd-timeline__date has-text-grey">Apr 8th, 2019</span>
</div>
</div>
</div>
@@ -808,15 +808,15 @@
<i class="fa fa-code"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>django-simple-bulma is released on PyPi</h2>
- <p class="color-contrast-medium">Our very first package on PyPI, <a
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">django-simple-bulma is released on PyPi</h2>
+ <p class="color-contrast-medium has-text-dark">Our very first package on PyPI, <a
href="https://pypi.org/project/django-simple-bulma/">django-simple-bulma</a> is a package that
sets up the Bulma CSS framework for your Django application and lets you configure everything in
settings.py.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Dec 19th, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Dec 19th, 2018</span>
</div>
</div>
</div>
@@ -826,13 +826,13 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis hits 10,000 members</h2>
- <p class="color-contrast-medium">We partner with RLBot, move from GitLab to GitHub, and start putting
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis hits 10,000 members</h2>
+ <p class="color-contrast-medium has-text-dark">We partner with RLBot, move from GitLab to GitHub, and start putting
together the first Advent of Code event.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Nov 24th, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Nov 24th, 2018</span>
</div>
</div>
</div>
@@ -842,15 +842,15 @@
<i class="fa fa-dice"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>First Hacktoberfest PyDis event; @Sir Lancebot is created</h2>
- <p class="color-contrast-medium">We create a second bot for our community and fill it up with simple,
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">First Hacktoberfest PyDis event; @Sir Lancebot is created</h2>
+ <p class="color-contrast-medium has-text-dark">We create a second bot for our community and fill it up with simple,
fun and relatively easy issues. The idea is to create an approachable arena for our members to cut
their open-source teeth on, and to provide lots of help and hand-holding for those who get stuck.
We're training our members to be productive contributors in the open-source ecosystem.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Oct 1st, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Oct 1st, 2018</span>
</div>
</div>
</div>
@@ -860,14 +860,14 @@
<i class="fa fa-handshake"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis is now partnered with Discord; the vanity URL discord.gg/python is created</h2>
- <p class="color-contrast-medium">After being rejected for their Partner program several times, we
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis is now partnered with Discord; the vanity URL discord.gg/python is created</h2>
+ <p class="color-contrast-medium has-text-dark">After being rejected for their Partner program several times, we
finally get approved. The recent partnership with the r/Python subreddit plays a significant role in
qualifying us for this partnership.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jul 10th, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Jul 10th, 2018</span>
</div>
</div>
</div>
@@ -877,14 +877,14 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis hits 5,000 members and partners with r/Python</h2>
- <p class="color-contrast-medium">As we continue to grow, we approach the r/Python subreddit and ask to
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis hits 5,000 members and partners with r/Python</h2>
+ <p class="color-contrast-medium has-text-dark">As we continue to grow, we approach the r/Python subreddit and ask to
become their official Discord community. They agree, and we become listed in their sidebar, giving
us yet another source of new members.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jun 20th, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Jun 20th, 2018</span>
</div>
</div>
</div>
@@ -894,16 +894,16 @@
<i class="fa fa-handshake"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Do You Even Python and PyDis merger</h2>
- <p class="color-contrast-medium">At this point in time, there are only two serious Python communities on
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Do You Even Python and PyDis merger</h2>
+ <p class="color-contrast-medium has-text-dark">At this point in time, there are only two serious Python communities on
Discord - Ours, and one called Do You Even Python. We approach the owners of DYEP with a bold
proposal - let's shut down their community, replace it with links to ours, and in return we will let
their staff join our staff. This gives us a big boost in members, and eventually leads to @eivl and
@Mr. Hemlock joining our Admin team</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jun 9th, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Jun 9th, 2018</span>
</div>
</div>
</div>
@@ -913,16 +913,16 @@
<i class="fa fa-scroll"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>The privacy policy is created</h2>
- <p class="color-contrast-medium">Since data privacy is quite important to us, we create a privacy page
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">The privacy policy is created</h2>
+ <p class="color-contrast-medium has-text-dark">Since data privacy is quite important to us, we create a privacy page
pretty much as soon as our new bot and site starts collecting some data. To this day, we keep <a
href="https://pythondiscord.com/pages/privacy/">our privacy policy</a> up to date with all
changes, and since April 2020 we've started doing <a
href="https://pythondiscord.notion.site/6784e3a9752444e89d19e65fd4510d8d">monthly data reviews</a>.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">May 21st, 2018</span>
+ <span class="cd-timeline__date has-text-grey">May 21st, 2018</span>
</div>
</div>
</div>
@@ -932,16 +932,16 @@
<i class="fa fa-dice"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>First code jam with the theme “snakes”</h2>
- <p class="color-contrast-medium">Our very first Code Jam attracts a handful of users who work in random
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">First code jam with the theme “snakes”</h2>
+ <p class="color-contrast-medium has-text-dark">Our very first Code Jam attracts a handful of users who work in random
teams of 2. We ask our participants to write a snake-themed Discord bot. Most of the code written
for this jam still lives on in Sir Lancebot, and you can play with it by using the
<code>.snakes</code> command. For more information on this event, see <a
href="https://pythondiscord.com/pages/code-jams/code-jam-1-snakes-bot/">the event page</a></p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Mar 23rd, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Mar 23rd, 2018</span>
</div>
</div>
</div>
@@ -951,15 +951,15 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>PyDis hits 2,000 members; pythondiscord.com and @Python are live</h2>
- <p class="color-contrast-medium">The public moderation bot we're using at the time, Rowboat, announces
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">PyDis hits 2,000 members; pythondiscord.com and @Python are live</h2>
+ <p class="color-contrast-medium has-text-dark">The public moderation bot we're using at the time, Rowboat, announces
it will be shutting down. We decide that we'll write our own bot to handle moderation, so that we
can have more control over its features. We also buy a domain and start making a website in Flask.
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Mar 4th, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Mar 4th, 2018</span>
</div>
</div>
</div>
@@ -969,14 +969,14 @@
<img src={% static "images/timeline/cd-icon-picture.svg" %} alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Our logo is born. Thanks @Aperture!</h2>
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Our logo is born. Thanks @Aperture!</h2>
<p class="pydis-logo-banner"><img
src="https://raw.githubusercontent.com/python-discord/branding/main/logos/logo_banner/logo_site_banner.svg">
</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Feb 3rd, 2018</span>
+ <span class="cd-timeline__date has-text-grey">Feb 3rd, 2018</span>
</div>
</div>
</div>
@@ -986,14 +986,14 @@
<i class="fa fa-users"></i>
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord hits 1,000 members</h2>
- <p class="color-contrast-medium">Our main source of new users at this point is a post on Reddit that
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord hits 1,000 members</h2>
+ <p class="color-contrast-medium has-text-dark">Our main source of new users at this point is a post on Reddit that
happens to get very good SEO. We are one of the top 10 search engine hits for the search term
"python discord".</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Nov 10th, 2017</span>
+ <span class="cd-timeline__date has-text-grey">Nov 10th, 2017</span>
</div>
</div>
</div>
@@ -1003,14 +1003,14 @@
<img src="{% static "images/timeline/cd-icon-picture.svg" %}" alt="Picture">
</div>
- <div class="cd-timeline__content text-component">
- <h2>Python Discord is created</h2>
- <p class="color-contrast-medium"><strong>Joe Banks</strong> becomes one of the owners around 3 days after it
+ <div class="cd-timeline__content has-background-white-bis text-component">
+ <h2 class="has-text-dark">Python Discord is created</h2>
+ <p class="color-contrast-medium has-text-dark"><strong>Joe Banks</strong> becomes one of the owners around 3 days after it
is created, and <strong>Leon Sandøy</strong> (lemon) joins the owner team later in the year, when the community
has around 300 members.</p>
<div class="flex justify-between items-center">
- <span class="cd-timeline__date">Jan 8th, 2017</span>
+ <span class="cd-timeline__date has-text-grey">Jan 8th, 2017</span>
</div>
</div>
</div>
diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html
index 5ca46296..9f771c6e 100644
--- a/pydis_site/templates/resources/resource_box.html
+++ b/pydis_site/templates/resources/resource_box.html
@@ -2,7 +2,7 @@
{% load to_kebabcase %}
{% load get_category_icon %}
-<div class="box resource-box {{ resource.css_classes }}" data-resource-name="{{ resource.name }}">
+<div class="box resource-box has-background-white {{ resource.css_classes }}" data-resource-name="{{ resource.name }}">
{% if 'title_url' in resource %}
<a href="{{ resource.title_url }}">
{% include "resources/resource_box_header.html" %}
diff --git a/pydis_site/templates/resources/resource_box_header.html b/pydis_site/templates/resources/resource_box_header.html
index dfbdd92f..1170598a 100644
--- a/pydis_site/templates/resources/resource_box_header.html
+++ b/pydis_site/templates/resources/resource_box_header.html
@@ -2,11 +2,25 @@
{# Icon section #}
{% if 'icon_image' in resource %}
- <img src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+ {% if 'icon_image_dark' in resource %}
+ <img class="light-image" src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+ <img class="dark-image" src="{{ resource.icon_image_dark }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+ {% else %}
+ <img src="{{ resource.icon_image }}" alt="" style="height: {{ resource.icon_size|default:30 }}px;">
+ {% endif %}
{% elif 'title_icon' in resource %}
- <span class="icon is-size-4 is-medium">
- <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
- </span>
+ {% if 'title_icon_dark' in resource %}
+ <span class="icon is-size-4 is-medium light-image">
+ <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
+ </span>
+ <span class="icon is-size-4 is-medium dark-image">
+ <i class="{{ resource.title_icon_dark|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
+ </span>
+ {% else %}
+ <span class="icon is-size-4 is-medium">
+ <i class="{{ resource.title_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ resource.title_icon_color }}"></i>
+ </span>
+ {% endif %}
{% elif 'default_icon' in category_info %}
<span class="icon is-size-4 is-medium">
<i class="{{ category_info.default_icon|as_icon }} is-size-3 resource-icon has-icon-padding is-{{ category_info.default_icon_color }}"></i>
@@ -16,7 +30,12 @@
{# Title section #}
<span class="is-size-4 has-text-weight-bold">
{% if 'title_image' in resource %}
- <img src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+ {% if 'title_image_dark' in resource %}
+ <img class="light-image" src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+ <img class="dark-image" src="{{ resource.title_image_dark }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+ {% else %}
+ <img src="{{ resource.title_image }}" alt="" style="height: 50px; {{ resource.title_image_style }}">
+ {% endif %}
{% elif 'name' in resource %}
{{ resource.name }}
{% endif %}
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 101f9965..a4fa551e 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -22,7 +22,7 @@
{% block content %}
{% include "base/navbar.html" %}
<input type="hidden" id="resource-type-input" value="{{ resource_type }}">
- <section class="section">
+ <section class="section has-text-danger">
<div class="columns is-variable is-6 is-centered">
{# Filtering toolbox #}
<div class="column filtering-column is-one-third">
@@ -40,11 +40,11 @@
{# Filter box tags #}
- <div class="card filter-tags">
+ <div class="card filter-tags is-white has-background-white">
<div class="is-flex ml-auto">
<div id="tag-pool">
{# A filter tag for when there are no filters active #}
- <span class="tag no-tags-selected is-secondary ml-2 mt-2">
+ <span class="tag no-tags-selected is-secondary ml-2 mt-2 has-background-white-ter">
<i class="fas fa-fw fa-ban mr-1"></i>
No filters selected
</span>
@@ -85,7 +85,7 @@
data-filter-name="{{ filter_name|to_kebabcase }}"
data-filter-item="{{ filter_item|to_kebabcase }}"
>
- <i class="{{ filter_item|title|get_category_icon }} mr-1"></i>
+ <i class="{{ filter_item|title|get_category_icon }} mr-1 is-danger"></i>
{{ filter_item|title }}
<button class="delete is-small is-danger has-background-danger-light"></button>
</span>
@@ -116,7 +116,7 @@
{# Filter checkboxes #}
{% for filter_name, filter_data in filters.items %}
- <div class="card filter-category-header">
+ <div class="card filter-category-header has-background-white">
<button type="button" class="card-header collapsible">
<span class="card-header-title subtitle is-6 my-2 ml-2">
<i class="fa-fw {{ filter_data.icon }} is-primary" aria-hidden="true"></i>&nbsp&nbsp{{ filter_name }}
@@ -138,7 +138,7 @@
{% endif %}
<div class="card-content">
{% for filter_item in filter_data.filters %}
- <a class="panel-block filter-panel">
+ <a class="panel-block filter-panel panel-primary">
<label class="checkbox">
<input
class="filter-checkbox"
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-17 17:27:44 +0000