Update sponsorship opportunities page

Co-authored-by: Brian Mitchell <bman4789@gmail.com>
Co-authored-by: Ryan Rampersad <ryan.rampersad@gmail.com>

Author: BrianMitchL

src/globals/site.json

@@ -5,7 +5,8 @@
   "baseUrl": "/",
   "author": {
     "handle": "@JavaScriptMN",
-    "name": "JavaScriptMN"
+    "name": "JavaScriptMN",
+    "email": "javascriptmn@gmail.com"
   },
   "navigation": [
     {

src/speak.md

@@ -8,7 +8,7 @@ layout: prose
 If you have something you think would be great for the group, consider the opportunity to beef up your public speaking skills and hone your understanding of the tech topic at hand by giving a talk at an upcoming meetup. Get in front of the biggest tech meetup in the state to be seen and heard by fellow coders, coworkers, recruiters, and grow your presence in the Twin Cities tech community.
 
 <a class="block text-xl font-semibold border-2 border-black p-4 hover:bg-jsmn-yellow transition-all duration-100 text-center" style="text-decoration: none;"
-href="mailto:javascript.mn@gmail.com">Email us about your idea!</a>
+href="mailto:{{ site.author.email }}?subject=Speak%20at%20JavaScriptMN">Email us about your idea!</a>
 
 ## Speaker Questionnaire
 

src/sponsorship-opportunities.njk

@@ -4,13 +4,20 @@ layout: base
 ---
 
 <div class="container mx-auto p-2">
-  <div class="text-center mb-10">
-    <h1 class="text-3xl">Plans</h1>
-    <p class="text-xl">Choose any of our our plans and join our community</p>
+  <div class="text-center">
+    <h1 class="text-3xl">Sponsorship Opportunities</h1>
+    <p class="text-xl">Choose any of our our opportunities and join our community</p>
+    
+  </div>
+
+  <div class="my-8 px-0 sm:px-2 w-full sm:w-1/3 mx-auto">
+    <a class="block text-xl font-semibold border-2 border-black p-4 hover:bg-jsmn-yellow transition-all duration-100 text-center" href="mailto:{{ site.author.email }}?subject=Speak%20at%20JavaScriptMN">
+      Email us
+    </a>
   </div>
 
   <div
-    class="flex flex-wrap sm:flex-no-wrap space-x-0 sm:space-x-4 space-y-4 sm:space-y-0"
+    class="flex flex-wrap sm:flex-no-wrap space-x-0 sm:space-x-4 space-y-8 sm:space-y-0"
   >
     {# first option #}
     <div class="w-full sm:w-1/3">
@@ -29,7 +36,7 @@ layout: base
             What's included
           </p>
           <div class="my-4 w-full flex justify-center px-4">
-            <ul class="list-check ml-4 list-outside space-y-4 plc-4">
+            <ul class="list-disc ml-4 list-outside space-y-4">
               <li>Website: Link &amp; Logo on Sponsor page</li>
               <li>YouTube: End of video slide with others in this category</li>
               <li>Meetups: Joint slide with other sponsors at this level</li>
@@ -56,7 +63,7 @@ layout: base
             What's included
           </p>
           <div class="my-4 w-full flex justify-center px-4">
-            <ul class="list-check ml-4 list-outside space-y-4 plc-4">
+            <ul class="list-disc ml-4 list-outside space-y-4">
               <li>Website: Prominent link &amp; logo on sponsor page</li>
               <li>
                 Meetups: Announcement of thanks by host with joint slide
@@ -75,15 +82,16 @@ layout: base
     {# third option #}
     <div class="w-full sm:w-1/3">
       <div class="border-4 border-jsmn-yellow shadow-lg">
-        <div class="relative hidden sm:block">
+        <div class="relative flex justify-center">
           <div
-            class="bg-white border-2 border-yellow-500 absolute top-0 left-0 -mt-4 -ml-4 transform -rotate-25 inline-block p-2 shadow"
+            title="Maybe, you decide!"
+            class="text-white bg-black absolute top-0 -mt-4 transform inline-block p-2 shadow"
           >
             <small class="font-bold">Best Value</small>
           </div>
         </div>
         <div class="px-2 text-center my-4">
-          <p class="text-8xl">💎</p>
+          <p class="text-8xl transform duration-200 hover:-rotate-25">💎</p>
           <h2 class="text-3xl">Diamond</h2>
           <p class="text-xl">$2,500 / year</p>
         </div>
@@ -97,7 +105,7 @@ layout: base
             What's included
           </p>
           <div class="my-4 w-full flex justify-center px-4">
-            <ul class="list-check ml-4 list-outside space-y-4 plc-4">
+            <ul class="list-disc ml-4 list-outside space-y-4">
               <li>Website: Link &amp; Logo on front page (and sponsor page)</li>
               <li>
                 Meetups: Dedicated standalone slide with thanks and description

tailwind.config.js

@@ -357,7 +357,6 @@ module.exports = {
       none: 'none',
       disc: 'disc',
       decimal: 'decimal',
-      check: '"✔️"',
     },
     margin: (theme, { negative }) => ({
       auto: 'auto',