Dark: Sponsors light background for code/gamejams

8 files changed, 67 insertions, 39 deletions

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..9adaffa8 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,7 +93,7 @@
     <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" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
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 0d613e2c..cc8de6b1 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>
@@ -111,7 +111,7 @@
     <div class="card mb-4 has-background-white-bis">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
                 </div>
                 <div class="media-content">
@@ -130,7 +130,7 @@
     <div class="card mb-4 has-background-white-bis">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
@@ -149,7 +149,7 @@
     <div class="card mb has-background-white-bis">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/Tabnine.png" %}" alt="Tabnine">
                 </div>
                 <div class="media-content">
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..aa4c6915 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,7 +104,7 @@
     <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" style="max-width:150px">
                     <img src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
                 </div>
                 <div class="media-content">
@@ -123,7 +123,7 @@
     <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" style="max-width:150px">
                     <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
                 </div>
                 <div class="media-content">
@@ -143,7 +143,7 @@
     <div class="card mb">
         <div class="card-content">
             <div class="media">
-                <div class="media-left" style="max-width:150px">
+                <div class="media-left sponsor" style="max-width:150px">
                     <img src="{% static "images/events/Replit.png" %}" alt="Replit">
                 </div>
                 <div class="media-content">
diff --git a/pydis_site/templates/events/sidebar/code-jams/6.html b/pydis_site/templates/events/sidebar/code-jams/6.html
index 95a1f247..c09d9aab 100644
--- a/pydis_site/templates/events/sidebar/code-jams/6.html
+++ b/pydis_site/templates/events/sidebar/code-jams/6.html
@@ -1,6 +1,14 @@
 <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 src="https://d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/developer-cloud/3f06d1cb-do-logo-blue-svg.svg" style="width: 100%;" alt=""></a>
+        </div>
+    </p>
+    <p>
+        <div class="sponsor">
+            <a href="https://jetbrains.com" target="_new"><img src="https://pythondiscord.com/static/images/sponsors/jetbrains.png" alt=""></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..3381d3ae 100644
--- a/pydis_site/templates/events/sidebar/code-jams/7.html
+++ b/pydis_site/templates/events/sidebar/code-jams/7.html
@@ -3,10 +3,14 @@
 <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 src="https://static.djangoproject.com/img/logos/django-logo-positive.png" alt="Django">
+        </a>
+    </div>
+    <div class="sponsor">
+        <a href="https://jetbrains.com" target="_blank">
+            <img src="{% static "images/sponsors/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 f7363aeb..01e11bd3 100644
--- a/pydis_site/templates/events/sidebar/code-jams/8.html
+++ b/pydis_site/templates/events/sidebar/code-jams/8.html
@@ -11,13 +11,19 @@
 <div class="box has-background-white-bis">
     <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 src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+        </a>
+    </div>
+    <div class="sponsor">
+        <a href="https://jetbrains.com" target="_blank">
+            <img src="{% static "images/sponsors/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/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..a312ed35 100644
--- a/pydis_site/templates/events/sidebar/code-jams/9.html
+++ b/pydis_site/templates/events/sidebar/code-jams/9.html
@@ -9,13 +9,19 @@
 <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 src="{% static "images/events/DO_Logo_Vertical_Blue.png" %}" alt="Digital Ocean">
+        </a>
+    </div>
+    <div class="sponsor">
+        <a href="https://jetbrains.com" target="_blank">
+            <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains">
+        </a>
+    </div>
+    <div class="sponsor">
+        <a href="https://replit.com/" target="_blank">
+            <img src="{% static "images/events/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">