Add the comments demo page

jeffkreeftmeijer · Sep 10, 2014 · 77d7773 · 77d7773
1 parent a0a3215
commit 77d7773
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 0 deletions.
diff --git a/comments/_metadata.yml b/comments/_metadata.yml
@@ -0,0 +1 @@
+layout: false
diff --git a/comments/index.html b/comments/index.html
@@ -0,0 +1,53 @@
+<html>
+  <head>
+    <title>Comments for jeffkreeftmeijer.com</title>
+
+    <style>
+      body{
+        width: 600px;
+        margin: 50px auto;
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+        font-weight: 400;
+        color: #333;
+        font-family: "Helvetica Neue";
+        font-size: 16px;
+        line-height: 20px;
+      }
+
+      a {
+        font-weight: 500;
+        color: #4DB4EC;
+      }
+
+      sup{
+        vertical-align: baseline;
+        position: relative;
+        top: -0.4em;
+        color: #888;
+      }
+
+      iframe{
+        margin-top: 20px;
+        border: none;
+        width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <p>Hey there,</p>
+    <p>
+      I've been working on a new commenting system for <a href="/">jeffkreeftmeijer.com</a>, and I'd <em>love</em> to get your feedback on it.
+      It'd be great if you could click around, log in<sup><a href="#login">1</a></sup>, maybe comment, edit your comment afterwards, or reply to sombody else, and let me know if it worked like you'd expect, if it looked good, and how you liked it.
+    </p>
+    <p>
+      I'm <a href="https://twitter.com/jkreeftmeijer">@jkreeftmeijer</a> on Twitter, but of course you can also just post your feedback in the comments below.
+    <p>Thanks for helping out!</p>
+    <sup id="login">
+      It only uses Twitter to authorize you, so it can't access your account. When you post a comment, only your Twitter handle, name and avatar URL are used to show with the comment. Nothing else.
+    </sup>
+
+    <iframe class="flock"></iframe>
+    <script type="text/javascript" async="true" src="http://flock.dev/assets/flock.js"></script>
+  </body>
+</html