From 97f05a9765bbf004ea148f042b22281934effabe Mon Sep 17 00:00:00 2001
From: root <root@remarkbox.com>
Date: Thu, 5 Oct 2017 20:42:04 -0400
Subject: [PATCH] 	modified:   index.html

---
 index.html | 40 ++++++++++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 49ff5ef..14cadfa 100644
--- a/index.html
+++ b/index.html
@@ -441,21 +441,37 @@ Space is <b>limited</b> but if you are selected<br/> your <b>feedback will shape
 <h4>Remarkbox Demo <span style="font-size: .65em; margin-left: 10px;">try it out! </span></h4>
 
 <!-- Remarkbox - Your readers want to communicate with you -->
+<div id="remarkbox-div">
+  <noscript>
+    <iframe id=remarkbox-iframe src="https://my.remarkbox.com/embed?nojs=true" style="height:600px;width:100%;border:none!important" tabindex=0></iframe>
+  </noscript>
+</div>
 <script>
-    var thread_fragment = window.location.hash;
+  var thread_fragment = window.location.hash;
+  function create_remarkbox_iframe() {
     var thread_uri = window.location.href;
-    document.write('<iframe id="remarkbox" src="https://my.remarkbox.com/embed?thread_uri=' + thread_uri + '" title="remarkbox" width="100%" style="width: 100% !important; border: none !important; overflow: hidden !important;" tabindex="0"></iframe>');
-    iFrameResize({
-        checkOrigin: ["https://my.remarkbox.com"],
-        inPageLinks: true,
-        initCallback: function(e) {
-            e.iFrameResizer.moveToAnchor(thread_fragment)
-        }
-    }, document.getElementById("remarkbox"));
+    var rb_nsur_id = "none";
+    var rb_src = "https://my.remarkbox.com/embed?nsur_id=" + rb_nsur_id + "&thread_uri=" + thread_uri;
+    var ifrm = document.createElement("iframe");
+    ifrm.setAttribute("id", "remarkbox-iframe");
+    ifrm.setAttribute("scrolling", "no");
+    ifrm.setAttribute("src", rb_src);
+    ifrm.setAttribute("frameborder", "0");
+    ifrm.setAttribute("tabindex", "0");
+    ifrm.setAttribute("title", "Remarkbox");
+    ifrm.style.width = "100%";
+    document.getElementById("remarkbox-div").appendChild(ifrm);
+  }
+  create_remarkbox_iframe();
+  iFrameResize(
+    {
+      checkOrigin: ["https://my.remarkbox.com"],
+      inPageLinks: true,
+      initCallback: function(e) {e.iFrameResizer.moveToAnchor(thread_fragment)}
+    },
+    document.getElementById("remarkbox-iframe")
+  );
 </script>
-<noscript>
-    <iframe id=remarkbox src="https://my.remarkbox.com/embed?nojs=true" style=height:600px;width:100%;border:none!important tabindex=0></iframe>
-</noscript>
 
 <hr>