From 60f7ce1c4feed131643aad751fd0d938b0c6bb34 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Mon, 20 Mar 2017 19:32:18 -0700
Subject: [PATCH] added robotic chuck

---
 roboticchuck.html | 67 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 roboticchuck.html
diff --git a/roboticchuck.html b/roboticchuck.html
new file mode 100644
index 0000000..d12c56a
--- /dev/null
+++ b/roboticchuck.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Robotic Chuck</title>
+    <style>
+        code {
+            padding: 5px;
+            background: #eee;
+            border: 1px solid #ccc;
+            border-radius: 3px;
+            display: inline-block;
+        }
+    </style>
+</head>
+
+<body>
+    <script>
+        console.log("load");
+        function generate() {
+            console.log("go!");
+            var inBox = document.getElementById("in");
+            console.log(inBox.value);
+            var links = JSON.parse(inBox.value);
+            var outBox = document.getElementById("output");
+            var titleBox = document.getElementById("titleIn");
+            var descBox = document.getElementById("description");
+            var tstring = "<style>.here,.invmenu a{font-style:italic}.here{font-size:14px;font-weight:400;color:grey}.invmenu{padding:5px 20px;margin:10px 0}</style>\n";
+            tstring = tstring + "<" + "div class=\"invmenu\" style=\"max-width:100%;background: #f2f2f2;\">\n<h3 style=\"text-align:left;\">" + titleBox.value + "</h3>\n<p><em>";
+            tstring = tstring + descBox.value + "</em></p>\n<hr style=\"border: 1px solid #cfcfcf\">\n"
+            formatter = links.map((object) => "<h4><a href=\"" + object.url + "\">" + object.headline + "</a></h4>\n");
+            tstring = tstring + formatter.join("");
+            tstring = tstring + "</div>"
+            outBox.innerText = tstring;
+        }
+    </script>
+    
+    <p></p>
+    Title of box: <input type="text" id="titleIn"><br />
+    Description text: <input type="text" id="description"><br />
+    <p>Enter the links to generate according to this format:</p>
+    <pre><code class="json">[
+    {
+        "headline": "A beautiful headline!",
+        "url": "this-is-a-sample-url"
+    },
+    {
+        "headline": "Yet Another Headline",
+        "url": "yet-another-url"
+    }
+]
+</code></pre>
+    <textarea name="input" id="in" cols="90" rows="30"></textarea>
+    <h2><a href="#" onclick="generate()">click to generate</a></h2>
+    <p>Paste the following code into a safeembed</p>
+    <pre><code id="output">
+    </code></pre>
+    <p><em> Don't forget:</em> For each page you embed on, add the following bit of code just before the <code>&lt;/h4&gt;</code> at the end of the line on the line that corresponds to the current page.
+    <pre><code>&lt;span class="here"&gt;(You are here)&lt;/span&gt;
+</pre></code>
+
+</body>
+
+</html>
\ No newline at end of file
