Bump Discord up on the Community page

layouts/community/single.html

@@ -12,6 +12,30 @@
 </header>
 
 <main class="container my-6 px-4">
+  <section class="section">
+    <div class="columns">
+      <div class="column is-4">
+        <a href="https://discord.gg/7TqSpepHw7" target="_blank" class="is-flex is-justify-content-center">
+          <figure class="image" style="max-width: 120px;">
+            <img src="{{ relURL "img/discord.svg" }}" alt="">
+          </figure>
+        </a>
+      </div>
+      <div class="column">
+        <div class="content">
+          <p class="title">Join the conversation</p>
+          <p class="subtitle">
+            The <a href="https://discord.gg/7TqSpepHw7">Nerves Discord</a> is the place to ask questions, learn and hang out with other hardware-enthused Elixir-powered developers.
+          </p>
+          <a href="https://discord.gg/7TqSpepHw7" class="cta-link" target="_blank">
+            <span>Join the Discord</span>
+            <span class="cta-arrow">&rarr;</span>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <section class="section">
     <div class="tile is-ancestor">
       <div class="tile is-vertical is-parent is-2">
@@ -70,15 +94,6 @@
             <br />
             <a href="https://nervesmeetup.eu">Nerves Meetup EU</a>
           </p>
-          <p class="subtitle">
-            You can also come chat on the
-            <span class="icon-text">
-              <span class="icon">
-                <img src="{{ relURL "img/discord.svg" }}"></img>
-              </span>
-              <span><a href="https://discord.gg/7TqSpepHw7">Nerves Discord</a></span>
-            </span>.
-          </p>
         </div>
       </div>
     </div>