Put Summer Code Jam '21 banner on the front page.

Author: lemonsaurus

pydis_site/templates/home/index.html

@@ -11,15 +11,7 @@
 
   <!-- Mobile-only Notice -->
   <section id="mobile-notice" class="message is-primary is-hidden-tablet">
-    <div class="message-header">
-      <p>100K Member Milestone!</p>
-    </div>
-    <div class="message-body">
-      Thanks to all our members for helping us create this friendly and helpful community!
-      <br><br>
-      As a nice treat, we've created a <a href="{% url 'timeline' %}">Timeline page</a> for people
-      to discover the events that made our community what it is today. Be sure to check it out!
-    </div>
+    <img src="{% static "images/events/summer_code_jam_2021/front_page_banners/sign_up_now.png" %}" alt="Summer Code Jam 2021">
   </section>
 
   <!-- Wave Hero -->
@@ -29,7 +21,7 @@
         <div class="columns is-variable is-8">
 
           {# Embedded Welcome video #}
-          <div id="wave-hero-centered" class="column is-half">
+          <div id="wave-hero-left" class="column is-half">
             <div class="force-aspect-container">
               <iframe
               class="force-aspect-content"
@@ -50,6 +42,11 @@
               ></iframe>
             </div>
           </div>
+
+          {# Code Jam banner #}
+          <div id="wave-hero-right" class="column is-half">
+            <img src="{% static "images/events/summer_code_jam_2021/front_page_banners/sign_up_now.png" %}" alt="Summer Code Jam 2021">
+          </div>
         </div>
       </div>