Adds jamdrop to jamstackconf button

Author: zachleat

src/site/_includes/header.njk

@@ -39,18 +39,18 @@
       {% include "navigation-links.njk" %}
 
       <div>
-        <a href="https://jamstackconf.com/" class="block p-4 my-4 bg-gradient-jams hover:bg-gradient-pink-orange font-bold text-center">Jamstack Conference</a>
+        <a href="https://jamstackconf.com/" class="block p-4 my-4 bg-gradient-jams hover:bg-gradient-pink-orange font-bold text-center"><svg role="img" aria-hidden="true" focusable="false" width="8" height="9" class="inline-block fill-current mr-2"><use xlink:href="#jamdrop"></use></svg>Jamstack Conference</a>
 
         <div class="text-center text-sm mb-4">Connect with us</div>
         <div class="grid grid-cols-3 divide-x divide-gray-700">
           <a href="https://jamstack.org/slack" target="_BLANK" rel="noopener" class="flex items-center justify-center p-4 hover:text-pink-500">
-            <svg role="img" aria-label="Slack" aria-hidden="true" focusable="false" width="30" height="30" class="fill-current"><use xlink:href="#logo-slack"></use></svg>
+            <svg role="img" aria-label="Slack" focusable="false" width="30" height="30" class="fill-current"><use xlink:href="#logo-slack"></use></svg>
           </a>
           <a href="https://twitter.com/jamstackconf" target="_BLANK" rel="noopener"  class="flex items-center justify-center p-4 hover:text-pink-500">
-            <svg role="img" aria-label="Twitter" aria-hidden="true" focusable="false" width="34" height="28" class="fill-current"><use xlink:href="#logo-twitter"></use></svg>
+            <svg role="img" aria-label="Twitter" focusable="false" width="34" height="28" class="fill-current"><use xlink:href="#logo-twitter"></use></svg>
           </a>
           <a href="https://github.org/jamstack/jamstack.org" target="_BLANK" rel="noopener"  class="flex items-center justify-center p-4 hover:text-pink-500">
-            <svg role="img" aria-label="GitHub" aria-hidden="true" focusable="false" width="36" height="36" class="fill-current"><use xlink:href="#logo-github"></use></svg>
+            <svg role="img" aria-label="GitHub" focusable="false" width="36" height="36" class="fill-current"><use xlink:href="#logo-github"></use></svg>
           </a>
         </div>
       </div>

src/site/_includes/layouts/base.njk

@@ -42,6 +42,9 @@ description: What is the Jamstack? Why use the Jamstack? How do I get started? L
           <path d="M26 5H15V16H26V5Z" fill="white"/>
           <path fill-rule="evenodd" clip-rule="evenodd" d="M25.6857 5.31426H15.3143V15.6857H25.6857V5.31426ZM26 5V16H15V5H26Z" fill="#F0047F"/>
         </symbol>
+        <symbol id="jamdrop" viewBox="0 0 8 9" fill="none">
+          <path d="M4 0C1.78817 0 0 1.98386 0 4.43774C0 6.89163 1.78817 8.87549 4 8.87549C6.21183 8.87549 8 6.89163 8 4.43774V0H4Z" fill="white"/>
+        </symbol>
       </defs>
     </svg>
     <div class="sm:grid sm:page-layout">