I added a contact page to my blog. This page allows a reader to send me a message. Check it out here.

I used formsubmit to handle the backend of spam protection and anonimity. I used the boiler plate code from the website. First run locally on your development machine with your real email address. Send a test message through the form to get your API key. Then replace your real email address with the API key, and you are done!

My contact form:

 <div>
   <h1>Contact Source to Sink</h1>
   <form target="_blank" action="https://formsubmit.co/83ea3536cf2c44698c531095f4b93ec1" method="POST">
     <div>
       <div>
         <input type="text" name="name" placeholder="Name" required>
       </div>
       <div>
         <input type="email" name="email" placeholder="Email Address" optional>
       </div>
     </div>
     <div>
       <textarea placeholder="Your Message" name="message" rows="10" required></textarea>
     </div>
     <button type="submit">Send 📨</button>
   </form>
 </div>

I can freely share the key because it is not tied to my real email address.

I put the html in a file content/contact.html. Then I added to my hugo.toml:

[[ languages.en.menu.main ]]
identifier = "contact"
name = "Contact"
url = "/contact/"

Now a button on the top bar has a link to the contact page.

So send me you comments, questions, or suggestions! I would love to hear from you.

-E