Add volunteer call

Author: brandenbyers

events/smkmeetup/index.html

@@ -301,6 +301,17 @@ <h3>Sponsors</h3>
   <a href="/sponsor">sponsorship page</a>.
 </p>
 
+<a name="sponsors"></a>
+<hr />
+
+<h3>Volunteers</h3>
+
+<p>
+  This event is all volunteer run. If you're interested in volunteering, please
+  contact us via the
+  <a href="/volunteer">volunteer page</a>.
+</p>
+
 <a name="what-is-ckeys"></a>
 <hr />
 

volunteer/index.html

@@ -4,7 +4,11 @@
 ---
 
 <section>
-  <p>We here at ckeys are a 100% volunteer based organization, so to do all that we want to do we need help from people like you! Several things you might do as a volunteer would include:</p>
+  <p>
+    We here at ckeys are a 100% volunteer based organization, so to do all that
+    we want to do we need help from people like you! Several things you might do
+    as a volunteer would include:
+  </p>
 
   <ul>
     <li>Helping with the meetup giveaway.</li>
@@ -16,29 +20,49 @@
     <li>And more!</li>
   </ul>
 
-  <p>If you're interested in volunteering,let us know by filling out the form below along with any preferences you might have for duties.</p>
+  <p>
+    If you're interested in volunteering, let us know by filling out the form
+    below along with any preferences you might have for duties.
+  </p>
 </section>
 
 <section>
-  <form name="volunteer-page" action="/volunteer/" class="form-stacked" netlify-honeypot="bot-field" netlify>
+  <form
+    name="volunteer-page"
+    action="/volunteer/"
+    class="form-stacked"
+    netlify-honeypot="bot-field"
+    netlify
+  >
     <div class="row uniform">
       <div class="6u 12u$(xsmall)">
         <input type="text" name="name" id="name" value="" placeholder="Name" />
       </div>
       <div class="6u$ 12u$(xsmall)">
-        <input type="email" name="email" id="email" value="" placeholder="Email" />
+        <input
+          type="email"
+          name="email"
+          id="email"
+          value=""
+          placeholder="Email"
+        />
       </div>
       <div class="6u 12u$(small)">
-        <input type="checkbox" id="volunteer" name="volunteer">
+        <input type="checkbox" id="volunteer" name="volunteer" />
         <label for="volunteer">I want to volunteer!</label>
       </div>
       <div class="6u 12u$(small)">
-        <input name="bot-field" style="display:none">
-        <input type="checkbox" id="human" name="human" checked>
+        <input name="bot-field" style="display:none" />
+        <input type="checkbox" id="human" name="human" checked />
         <label for="human">I am a robot.</label>
       </div>
       <div class="12u$">
-        <textarea name="message" id="message" placeholder="Enter your message" rows="6"></textarea>
+        <textarea
+          name="message"
+          id="message"
+          placeholder="Enter your message"
+          rows="6"
+        ></textarea>
       </div>
       <div class="12u$">
         <ul class="actions">
@@ -51,10 +75,10 @@
 </section>
 
 <script>
-window.onload = function() {
- const myInput = document.getElementById('message');
- myInput.onpaste = function(e) {
-   e.preventDefault();
- }
-}
+  window.onload = function() {
+    const myInput = document.getElementById("message");
+    myInput.onpaste = function(e) {
+      e.preventDefault();
+    };
+  };
 </script>