1 files changed, 78 insertions, 0 deletions
diff --git a/guestbook.html b/guestbook.html
new file mode 100644
index 0000000..5c29ec2
--- /dev/null
+++ b/guestbook.html
@@ -0,0 +1,78 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>Guestbook — SillyLaird</title>
+  <meta name="description" content="A shared guestbook powered by PHP and a database." />
+  <meta property="og:title" content="Guestbook — SillyLaird" />
+  <meta property="og:description" content="A shared guestbook powered by PHP and a database." />
+  <meta property="og:image" content="https://www.sillylaird.ca/lain.png" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://www.sillylaird.ca/guestbook.html" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:locale:alternate" content="ja_JP" />
+  <meta property="og:locale:alternate" content="zh_CN" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="Guestbook — SillyLaird" />
+  <meta name="twitter:description" content="A shared guestbook powered by PHP and a database." />
+  <meta name="twitter:image" content="https://www.sillylaird.ca/lain.png" />
+  <link rel="canonical" href="https://www.sillylaird.ca/guestbook.html" />
+  <link rel="alternate" hreflang="x-default" href="https://www.sillylaird.ca/guestbook.html" />
+  <link rel="alternate" hreflang="en" href="https://www.sillylaird.ca/guestbook.html" />
+  <link rel="alternate" hreflang="zh" href="https://www.sillylaird.ca/guestbook_zh.html" />
+  <link rel="alternate" hreflang="ja" href="https://www.sillylaird.ca/guestbook_jp.html" />
+  <link rel="icon" href="/favicon.ico" />
+
+  <link rel="stylesheet" href="/assets/css/site.css" />
+  
+  
+  <script defer src="/assets/js/includes.js"></script>
+</head>
+
+<body>
+  <a class="skip-link" href="#main">Skip to content</a>
+
+  <div data-include="header"></div>
+
+  <main id="main" class="wrap">
+    <section aria-labelledby="guestbook-title">
+      <h1 id="guestbook-title">Guestbook</h1>
+      <p class="muted">Sign the guestbook below! Comments are shared across all visitors.</p>
+
+      <div class="sefd85b92cb">
+        <div class="iframe-clip">
+          <p>
+            <button class="reset-button" id="guestbook-reset" data-reset-iframe="guestbook-form" type="button">Reset Form</button>
+          </p>
+          <iframe
+            src="guestbook-form.html"
+            width="100%"
+            height="400px"
+           
+            id="guestbook-form-iframe"
+            data-iframe="guestbook-form"
+            title="Guestbook Comment Form" class="s0b3fba4969 guestbook-form-frame"
+          ></iframe>
+        </div>
+
+        <div class="iframe-clip see3e7269f8">
+          <p>
+            <button class="reset-button" id="guestbook-comments-reset" data-reset-iframe="guestbook-comments" type="button">Reset Comments</button>
+          </p>
+          <iframe
+            src="https://guestbook.sillylaird.ca/guestbook-comments.php"
+            width="100%"
+            id="guestbook-comments-iframe"
+            data-iframe="guestbook-comments"
+            title="Guestbook Comments"
+          ></iframe>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <div data-include="footer"></div>
+
+</body>
+</html>