add Netlify forms support

1 files changed, 33 insertions, 30 deletions

diff --git a/layouts/contact/list.html b/layouts/contact/list.html
index cfa73cd..93d3caa 100644
--- a/layouts/contact/list.html
+++ b/layouts/contact/list.html
@@ -5,40 +5,43 @@
 
     <hr>
 
-    <form action="{{ $.Site.Params.form.action }}" method="{{ lower $.Site.Params.form.method }}" class="contact__form"
-        id="contactForm">
+    {{ if $.Site.Params.form.netlify }}
+    <form name="contact" method="POST" data-netlify="true" class="contact__form" id="contactForm">
+    {{ else }}
+    <form action="{{ $.Site.Params.form.action }}" method="{{ lower $.Site.Params.form.method }}" class="contact__form" id="contactForm">
+    {{ end }}
 
-        <!-- Name -->
-        <div class="contact__field contact__field--name">
-            <label for="{{ $.Site.Params.form.inputNameName }}">{{ $.Site.Params.form.inputNameLabel }}</label>
-            <input type="text" name="{{ $.Site.Params.form.inputNameName }}" placeholder="{{ $.Site.Params.form.inputNamePlaceholder }}"
-                class="contact__form__input contact__form__name" id="{{ $.Site.Params.form.inputNameName }}"
-                aria-labelledby="{{ $.Site.Params.form.inputNameName }}" required>
-        </div>
+            <!-- Name -->
+            <div class="contact__field contact__field--name">
+                <label for="{{ $.Site.Params.form.inputNameName }}">{{ $.Site.Params.form.inputNameLabel }}</label>
+                <input type="text" name="{{ $.Site.Params.form.inputNameName }}" placeholder="{{ $.Site.Params.form.inputNamePlaceholder }}"
+                    class="contact__form__input contact__form__name" id="{{ $.Site.Params.form.inputNameName }}"
+                    aria-labelledby="{{ $.Site.Params.form.inputNameName }}" required>
+            </div>
 
-        <!-- Email -->
-        <div class="contact__field contact__field--email">
-            <label for="{{ $.Site.Params.form.inputEmailName }}">{{ $.Site.Params.form.inputEmailLabel }}</label>
-            <input type="email" name="{{ $.Site.Params.form.inputEmailName }}" placeholder="{{ $.Site.Params.form.inputEmailPlaceholder }}"
-                class="contact__form__input contact__form__email" id="{{ $.Site.Params.form.inputEmailName }}"
-                aria-labelledby="{{ $.Site.Params.form.InputEmailName }}" required>
-        </div>
+            <!-- Email -->
+            <div class="contact__field contact__field--email">
+                <label for="{{ $.Site.Params.form.inputEmailName }}">{{ $.Site.Params.form.inputEmailLabel }}</label>
+                <input type="email" name="{{ $.Site.Params.form.inputEmailName }}" placeholder="{{ $.Site.Params.form.inputEmailPlaceholder }}"
+                    class="contact__form__input contact__form__email" id="{{ $.Site.Params.form.inputEmailName }}"
+                    aria-labelledby="{{ $.Site.Params.form.InputEmailName }}" required>
+            </div>
 
-        <!-- Message -->
-        <div class="contact__field contact__field--msg">
-            <label for="{{ $.Site.Params.form.inputMsgName }}">{{ $.Site.Params.form.inputMsgLabel }}</label>
-            <textarea name="{{ $.Site.Params.form.inputMsgName }}" id="{{ $.Site.Params.form.inputMsgName }}" form="contact-form"
-                maxlength="{{ $.Site.Params.form.inputMsgLength }}" id="{{ $.Site.Params.form.inputMsgName }}"
-                arial-labelledby="{{ $.Site.Params.form.InputMsgName }}" required></textarea>
-        </div>
+            <!-- Message -->
+            <div class="contact__field contact__field--msg">
+                <label for="{{ $.Site.Params.form.inputMsgName }}">{{ $.Site.Params.form.inputMsgLabel }}</label>
+                <textarea name="{{ $.Site.Params.form.inputMsgName }}" id="{{ $.Site.Params.form.inputMsgName }}" form="contact-form"
+                    maxlength="{{ $.Site.Params.form.inputMsgLength }}" id="{{ $.Site.Params.form.inputMsgName }}"
+                    arial-labelledby="{{ $.Site.Params.form.InputMsgName }}" required></textarea>
+            </div>
 
-        <!-- Submit -->
-        <div class="contact__field contact__field--submit">
-            <button type="submit" class="ripple-btn submit" onclick="cleanForm" aria-label="{{ $.Site.Params.form.inputSubmitValue }}">
-                {{ $.Site.Params.form.inputSubmitValue }}
-            </button>
-        </div>
+            <!-- Submit -->
+            <div class="contact__field contact__field--submit">
+                <button type="submit" class="ripple-btn submit" onclick="cleanForm" aria-label="{{ $.Site.Params.form.inputSubmitValue }}">
+                    {{ $.Site.Params.form.inputSubmitValue }}
+                </button>
+            </div>
 
-    </form>
+        </form>
 </main>
 {{ end }}
\ No newline at end of file