Implement guestbook

content/guestbook.njk

@@ -0,0 +1,55 @@
+---
+layout: layouts/base.njk
+title: Nathan Upchurch | Guestbook
+structuredData: none
+---
+<h1>Sign My Guestbook</h1>
+<!-- Guestbook Script -->
+<script async src="https://guestbooks.meadow.cafe/resources/js/embed_script/835/script.js"></script>
+
+<!-- Guestbook Form -->
+<div id="guestbooks___guestbook-form-container">
+  <form id="guestbooks___guestbook-form"
+        action="https://guestbooks.meadow.cafe/guestbook/835/submit"
+        method="post">
+
+		<label for="name">Your name:</label>
+    <div class="guestbooks___input-container">
+      <input type="text"
+             id="name"
+             name="name"
+             required>
+    </div>
+
+    <label for="website">Your website (optional):</label>
+    <div class="guestbooks___input-container">
+      <input type="url"
+             id="website"
+             name="website">
+    </div>
+
+    <div id="guestbooks___challenge-answer-container"></div>
+
+    <label for="text">Your message:</label>
+    <div class="guestbooks___input-container">
+      <textarea id="text"
+                name="text"
+                rows="4"
+                style="width: 100%; box-sizing: border-box; resize: vertical;"
+                required></textarea>
+    </div>
+
+    <button type="submit">Sign Guestbook</button>
+    <div id="guestbooks___error-message"></div>
+  </form>
+</div>
+
+<!-- Attribution (optional but appreciated!) -->
+<div id="guestbooks___guestbook-made-with" style="text-align: right; margin-top: 10px;">
+  <small>Powered by <a href="https://guestbooks.meadow.cafe" target="_blank">Guestbooks</a></small>
+</div>
+
+<!-- Messages Section -->
+<hr/>
+<h2 id="guestbooks___guestbook-messages-header">Messages</h2>
+<div id="guestbooks___guestbook-messages-container"></div>