refactor: move homepage *completely* into _index.md

6 files changed, 89 insertions, 10 deletions

diff --git a/layouts/partials/content.html b/layouts/partials/content.html
index a2b9110..31ab55e 100644
--- a/layouts/partials/content.html
+++ b/layouts/partials/content.html
@@ -7,11 +7,9 @@
       <div id="content">
         <div class="flex">
           <div class="pb-16 w-full pt-12">
-            {{ $headless := .Site.GetPage "/homepage" }}
-            {{ $sections := $headless.Resources.ByType "page" }}
-            {{ range $index_val, $elem_val:= $sections }}
-              {{- partial "homepage_content.html" . -}}
-            {{ end }}
+            <div class="homepage-content prose w-full max-w-3xl mx-auto mb-6">
+              {{ .Content }}
+            </div>
           </div>
         </div>
       </div>
diff --git a/layouts/partials/header/button_cta.html b/layouts/partials/header/button_cta.html
index d57bdc4..162d3ff 100644
--- a/layouts/partials/header/button_cta.html
+++ b/layouts/partials/header/button_cta.html
@@ -1,5 +1,5 @@
 <a
-  class="button rounded-lg px-4 md:px-5 py-3 md:py-4 bg-teal-500 hover:bg-teal-600 md:text-lg text-white font-semibold leading-tight shadow-md"
+  class="button button-primary rounded-lg px-4 md:px-5 py-3 md:py-4 bg-teal-500 hover:bg-teal-600 md:text-lg text-white font-semibold leading-tight shadow-md"
   href="{{ .url }}"
   id="button-cta"
 >
diff --git a/layouts/partials/header/button_more.html b/layouts/partials/header/button_more.html
index 103d4e0..564e5d8 100644
--- a/layouts/partials/header/button_more.html
+++ b/layouts/partials/header/button_more.html
@@ -1,5 +1,5 @@
 <a
-  class="button ml-4 rounded-lg px-4 md:px-5 py-3 md:py-4 bg-white hover:bg-gray-200 md:text-lg text-gray-800 font-semibold leading-tight shadow-md"
+  class="button button-secondary ml-4 rounded-lg px-4 md:px-5 py-3 md:py-4 bg-white hover:bg-gray-200 md:text-lg text-gray-800 font-semibold leading-tight shadow-md"
   href="{{ .url }}"
   id="button-more"
 >
diff --git a/layouts/partials/homepage_content.html b/layouts/partials/homepage_content.html
deleted file mode 100644
index b8c2f0f..0000000
--- a/layouts/partials/homepage_content.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="homepage-content prose w-full max-w-3xl mx-auto mb-6">
-  {{ .Content }}
-</div>
diff --git a/layouts/shortcodes/contact_form.html b/layouts/shortcodes/contact_form.html
new file mode 100644
index 0000000..c88bf9b
--- /dev/null
+++ b/layouts/shortcodes/contact_form.html
@@ -0,0 +1,53 @@
+<form
+  class="pb-10"
+  name="contact"
+  netlify
+  netlify-honeypot="you-like-this-field"
+>
+  <div class="hidden">
+    <input name="you-like-this-field" />
+  </div>
+  <div class="grid grid-cols-1 md:grid-cols-2 md:gap-10">
+    <div class="border-t border-teal-500 py-2">
+      <input
+        id="name"
+        name="name"
+        class="appearance-none bg-transparent border-none text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none"
+        type="text"
+        placeholder="{{ with .Get "placeholder_name" }}{{ . }}{{ else }}Name{{ end }}"
+        aria-label="Name"
+      />
+    </div>
+    <div class="border-t border-teal-500 py-2">
+      <input
+        required
+        id="email"
+        name="email"
+        type="email"
+        class="appearance-none bg-transparent border-none text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none"
+        type="text"
+        placeholder="{{ with .Get "placeholder_email" }}{{ . }}{{ else }}Email{{ end }}"
+        aria-label="Email"
+      />
+    </div>
+  </div>
+  <div class="grid grid-cols-1">
+    <div class="border-t border-teal-500 py-2">
+      <textarea
+        required
+        id="message"
+        name="message"
+        rows="6"
+        placeholder="{{ with .Get "placeholder_message" }}{{ . }}{{ else }}Message{{ end }}"
+        class="appearance-none w-full bg-transparent text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none"
+      ></textarea>
+    </div>
+  </div>
+  <div class="md:text-center mx-auto">
+    <button
+      class="button button-primary mx-auto w-full rounded-lg px-4 md:px-5 py-3 md:py-4 bg-teal-500 hover:bg-teal-600 md:text-lg text-white font-semibold leading-tight shadow-md md:text-center"
+    >
+      {{ with .Get "button_label" }}{{ . }}{{ else }}Send ✉️{{ end }}
+    </button>
+  </div>
+</form>
diff --git a/layouts/shortcodes/newsletter_sign_up.html b/layouts/shortcodes/newsletter_sign_up.html
new file mode 100644
index 0000000..9093a4d
--- /dev/null
+++ b/layouts/shortcodes/newsletter_sign_up.html
@@ -0,0 +1,31 @@
+<form
+  class="pb-10"
+  name="newsletter"
+  netlify
+  netlify-honeypot="you-like-this-field"
+>
+  <div class="hidden">
+    <input name="you-like-this-field" />
+  </div>
+  <div class="grid grid-cols-1">
+    <div class="border-t border-teal-500 py-2">
+      <input
+        id="name"
+        name="name"
+        type="email"
+        required
+        class="appearance-none bg-transparent border-none w-full text-gray-700 mr-3 py-1 px-2 leading-tight focus:outline-none"
+        type="text"
+        placeholder="{{ with .Get "placeholder_email" }}{{ . }}{{ else }}Your Email{{ end }}"
+        aria-label="Email"
+      />
+      <div class="md:text-center mx-auto">
+        <button
+          class="button button-primary mx-auto w-full rounded-lg px-4 md:px-5 my-5 py-3 md:py-4 bg-teal-500 hover:bg-teal-600 md:text-lg text-white font-semibold leading-tight shadow-md md:text-center"
+        >
+          {{ with .Get "button_label" }}{{ . }}{{ else }}Sign up{{ end }}
+        </button>
+      </div>
+    </div>
+  </div>
+</form>