Merge branch 'master' into upgrade-postgresql-to-12

1 files changed, 28 insertions, 21 deletions

diff --git a/pydis_site/templates/home/index.html b/pydis_site/templates/home/index.html
index 205e92ff..0fa2f67c 100644
--- a/pydis_site/templates/home/index.html
+++ b/pydis_site/templates/home/index.html
@@ -15,32 +15,30 @@
     <div class="container is-spaced">
       <h1 class="is-size-1">Who are we?</h1>
       <br>
-      <div class="columns">
-        <div class="column is-half">
+      <div class="columns is-desktop">
+        <div class="column is-half-desktop">
           <p>
             We're a large community focused around the Python programming language.
-            We believe anyone can learn programming, and are very dedicated to helping
-            novice developers take their first steps into the world of code. We also
+            We believe anyone can learn to code, and are very dedicated to helping
+            novice developers take their first steps into the world of programming. We also
             attract a lot of expert developers who are seeking friendships, collaborators,
-            or looking to hone their craft by teaching and getting involved in the community.
-
-            <br/><br/>
-
-            We organise regular community events like code jams, open source hackathons,
-            seasonal events and community challenges. Through our sponsorships and with
-            help from donations, we are even able to award prizes to the winners of our events.
-
-            <br/><br/>
-
+            and who wish to hone their craft by teaching and getting involved in the community.
+          </p>
+          <p>
+            We organise regular community events such as code jams, open-source hackathons,
+            seasonal events, and community challenges. Through our sponsorships and donations,
+            many of our events even have prizes to win!
+          </p>
+          <p>
             You can find help with most Python-related problems in one of our help channels.
-            Our staff of nearly 50 dedicated expert Helpers are available around the clock
+            Our staff of over 50 dedicated expert Helpers are available around the clock
             in every timezone. Whether you're looking to learn the language or working on a
             complex project, we've got someone who can help you if you get stuck.
           </p>
         </div>
 
         {# Intro video #}
-        <div class="column is-half video-container">
+        <div class="column is-half-desktop video-container">
           <iframe src="https://www.youtube.com/embed/DIBXg8Qh7bA" frameborder="0"
                   allow="accelerometer; encrypted-media; gyroscope; picture-in-picture"
                   allowfullscreen></iframe>
@@ -50,11 +48,11 @@
       {# Projects #}
       <h1 class="is-size-1">Projects</h1>
       <br>
-      <div class="columns is-multiline">
+      <div class="columns is-multiline is-tablet">
 
         {# Display projects from HomeView.repos #}
         {% for repo in repo_data %}
-          <div class="column is-one-third">
+          <div class="column is-one-third-desktop is-half-tablet">
             <div class="card has-equal-height github-card">
               <div class="card-content">
                 <div class="repo-headline">
@@ -84,11 +82,20 @@
         <h1 class="title is-6 has-text-grey">
           Sponsors
         </h1>
-        <a href="https://linode.com"><img src="{% static "images/sponsors/linode.png" %}" alt="Linode"/></a>
-        <a href="https://jetbrains.com"><img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"/></a>
-        <a href="https://adafruit.com"><img src="{% static "images/sponsors/adafruit.png" %}" alt="Adafruit"/></a>
+        <div class="columns is-mobile is-multiline">
+          <a href="https://linode.com" class="column is-narrow">
+            <img src="{% static "images/sponsors/linode.png" %}" alt="Linode"/>
+          </a>
+          <a href="https://jetbrains.com" class="column is-narrow">
+            <img src="{% static "images/sponsors/jetbrains.png" %}" alt="JetBrains"/>
+          </a>
+          <a href="https://adafruit.com" class="column is-narrow">
+            <img src="{% static "images/sponsors/adafruit.png" %}" alt="Adafruit"/>
+          </a>
+        </div>
       </div>
     </div>
   </section>
 
 {% endblock %}
+