Add contact form for website feedback

[fvntr]

We should have a sections that has contact info/form specifically for website feedback This should be separate from organizers@ contact info

---

✅️ By submitting this issue, I have verified the following

• [x] Checked to see if the issue has already been discussed before 🤔️
• [x] If proposing new content to be added, made sure enough details were provided 🔍️

[FrancesCoronel]

This would be a great issue for beginners.

I envision a simple contact form using Netlify forms (https://www.netlify.com/docs/form-handling/) or Formspree (https://formspree.io/).

The form elements for Bulma can be found here: https://bulma.io/documentation/form/general/

[ceecodes]

Hello,

I believe I can assist with creating form. Shall I submit a PR?

[FrancesCoronel]

@ceecodes Yes, please - feel free to use the Bulma forms documentation as referenced and let us know if you have any questions, comments or concerns - we're happy to help you help us. 😄

[FrancesCoronel]

This is a good example (taken from my website)

https://raw.githubusercontent.com/fvcproductions/fvcproductions.github.io/production/site/content/contact.md

<div class="contact-form">
  <form method="POST" action="https://formspree.io/hello@fvcproductions.com">
    <input type="hidden" name="_subject" value="FVCproductions - New Contact Message">
    <div class="field">
      <label class="label">Name</label>
      <div class="control has-icons-left">
        <input class="input" aria-label="Name" autocomplete="on" type="text" name="name" placeholder="Frances Coronel">
        <span class="icon is-left">
          ✒️
        </span>
      </div>
    </div>
    <div class="field">
      <label class="label">Email</label>
      <div class="control has-icons-left">
        <input class="input" aria-label="Email" autocomplete="on" type="email" name="email" placeholder="hello@fvcproductions.com">
        <span class="icon is-left">
          ✉️
        </span>
      </div>
    </div>
    <div class="field">
      <label class="label">Message</label>
      <div class="control">
        <textarea class="textarea" aria-label="Message" spellcheck="true" rows="5" name="message" id="message" placeholder="I want to contact you about..."></textarea>
      </div>
    </div>
    <div class="field">
      <div class="control">
        <button type="submit" class="button is-link">Send message</button>
      </div>
    </div>
  </form>
</div>

[FrancesCoronel]

This was handled but we need to setup Slack notifications in Netlify still.

[fvntr]

I was looking into this, there is no free option for it though

[FrancesCoronel]

For Netlify forms, we get 100 submissions per month for free and that includes Slack notifications

[stale[bot]]

This issue has been automatically marked as stale because it has not been updated in the last 60 days. It will be closed if no further activity occurs within the next 7 days. If needed, feel free to reach out to one of our maintainers for further help and resources. 😊

[FrancesCoronel]

This was fully addressed. See #website-submissions in Slack