Merge pull request #726 from python-discord/frontpage-banners

Author: ChrisLovering

pydis_site/static/css/home/index.css

@@ -49,11 +49,16 @@ h1 {
     margin: auto auto;
 }
 
-#wave-hero-right img{
+#wave-hero-right img {
     border-radius: 10px;
     box-shadow: 0 1px 6px rgba(0,0,0,0.16), 0 1px 6px rgba(0,0,0,0.23);
     margin-top: 1em;
     text-align: right;
+    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
+}
+
+#wave-hero-right img:hover {
+    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
 }
 
 #wave-hero .wave {

pydis_site/static/images/events/summer_code_jam_2022/front_page_banners/live_now.png

@@ -9,6 +9,13 @@
 {% block content %}
   {% include "base/navbar.html" %}
 
+  <!-- Mobile-only Code Jam Banner -->
+  <section id="mobile-notice" class="is-primary is-hidden-tablet">
+    <a href="/events/code-jams/9/">
+      <img src="{% static "images/events/summer_code_jam_2022/front_page_banners/qualifier_release.png" %}" alt="Summer Code Jam 2022">
+    </a>
+  </section>
+
   <!-- Wave Hero -->
   <section id="wave-hero" class="section is-hidden-mobile">
 
@@ -37,7 +44,15 @@
               ></iframe>
             </div>
           </div>
+
+          {# Code Jam Banner #}
+          <div id="wave-hero-right" class="column is-half">
+            <a href="/events/code-jams/9/">
+              <img src="{% static "images/events/summer_code_jam_2022/front_page_banners/qualifier_release.png" %}" alt="Summer Code Jam 2022">
+            </a>
+          </div>
         </div>
+
       </div>
 
     {# Animated wave elements #}