Add Netlify form

TomasBankauskas · TomasBankauskas · commit 4952e601cd5e · 2019-09-26T13:13:54.000+03:00
diff --git a/components/contact.html b/components/contact.html
@@ -1,10 +1,14 @@
 <section>
-    <form method="post" action="#" id="contactForm">
+    <form id="contactForm" name="contactForm" method="post" action="#" netlify-honeypot="bot-field" data-netlify="true">
+        <div class="screen-reader-text">
+            <label>Don't fill this out if you're human: <input name="bot-field" /></label>
+        </div>
         <div class="fields">
             <div class="field half"><input type="text" name="name" id="name" placeholder="Name" /></div>
             <div class="field half"><input type="email" name="email" id="email" placeholder="Email" /></div>
             <div class="field"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
         </div>
+        <input type="hidden" name="form-name" value="contactForm" />
         <ul class="actions">
             <li><input type="submit" value="Send Message" /></li>
         </ul>
diff --git a/components/post_body.html b/components/post_body.html
@@ -4,4 +4,3 @@
 <script src="{{ 'assets/js/breakpoints.min.js' | relative_url }}"></script>
 <script src="{{ 'assets/js/util.js' | relative_url }}"></script>
 <script src="{{ 'assets/js/main.js' | relative_url }}"></script>
-<script src="{{ 'assets/js/page_load.js' | relative_url }}"></script>
diff --git a/config.yml b/config.yml
@@ -1,7 +1,6 @@
 baseurl: "/"
 title: "Reflex"
 main_js: "assets/js/main.js"
-page_load_js: "assets/js/page_load.js"
 params:
   none: ""
 sass:
diff --git a/sass/base/_typography.scss b/sass/base/_typography.scss
@@ -224,4 +224,15 @@
 		}
 	}
 
+/* Text meant only for screen readers */
+.screen-reader-text {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute !important;
+  width: 1px;
+}
+
 	@include color-typography;
diff --git a/static/assets/css/main.css b/static/assets/css/main.css
diff --git a/static/assets/js/page_load.js b/static/assets/js/page_load.js
