deploy: f0e50e2541

2021/03/01/initial-seeds/index.html

@@ -62,9 +62,6 @@ Economy as a form a expression</p>
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

404.html

@@ -36,9 +36,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

about/index.html

@@ -26,9 +26,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

assets/js/scripts.js

@@ -4,7 +4,6 @@ let opacityTimeout
 let contentTimeout
 const transitionDurationMs = 100
 
-const iframe = document.getElementById('link-preview-iframe')
 const tooltipWrapper = document.getElementById('tooltip-wrapper')
 const tooltipContent = document.getElementById('tooltip-content')
 
@@ -24,19 +23,22 @@ function showTooltip (event) {
   const top = window.pageYOffset || document.documentElement.scrollTop
 
   if (event.target.host === window.location.host) {
-    iframe.src = event.target.href
+    window.fetch(event.target.href)
-    iframe.onload = function () {
+      .then(response => response.text())
-      let tooltipContentHtml = ''
+      .then(data => {
-      tooltipContentHtml += '<div class="b">' + iframe.contentWindow.document.querySelector('h1').innerHTML + '</div>'
+        const parser = new window.DOMParser()
-      tooltipContentHtml += iframe.contentWindow.document.querySelector('.note-contents').innerHTML
+        const doc = parser.parseFromString(data, 'text/html')
+        let tooltipContentHtml = ''
+        tooltipContentHtml += '<div class="b">' + doc.querySelector('h1').innerHTML + '</div>'
+        tooltipContentHtml += doc.querySelector('.note-contents').innerHTML
 
-      tooltipContent.innerHTML = tooltipContentHtml
+        tooltipContent.innerHTML = tooltipContentHtml
 
-      tooltipWrapper.style.display = 'block'
+        tooltipWrapper.style.display = 'block'
-      setTimeout(function () {
+        setTimeout(function () {
-        tooltipWrapper.style.opacity = 1
+          tooltipWrapper.style.opacity = 1
-      }, 1)
+        }, 1)
-    }
+      })
 
     tooltipWrapper.style.left = elemProps.left - (tooltipWrapper.offsetWidth / 2) + (elemProps.width / 2) + 'px'
     if ((window.innerHeight - elemProps.top) < (tooltipWrapper.offsetHeight)) {

bentway.html

@@ -10,7 +10,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Bentway</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -60,9 +60,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

colophon/index.html

@@ -24,9 +24,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

digital-public-garden.html

@@ -10,7 +10,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Digital Public Garden</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -60,9 +60,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

feed.xml

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.2.0">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2021-03-15T22:26:49+00:00</updated><id>/feed.xml</id><title type="html">Digital Garden</title><subtitle>A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.</subtitle><entry><title type="html">Initial Seeds</title><link href="/2021/03/01/initial-seeds/" rel="alternate" type="text/html" title="Initial Seeds" /><published>2021-03-01T00:00:00+00:00</published><updated>2021-03-15T22:22:28+00:00</updated><id>/2021/03/01/initial-seeds</id><content type="html" xml:base="/2021/03/01/initial-seeds/">&lt;p&gt;Set of areas that guide our reveries?&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.2.0">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2021-03-15T22:36:01+00:00</updated><id>/feed.xml</id><title type="html">Digital Garden</title><subtitle>A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.</subtitle><entry><title type="html">Initial Seeds</title><link href="/2021/03/01/initial-seeds/" rel="alternate" type="text/html" title="Initial Seeds" /><published>2021-03-01T00:00:00+00:00</published><updated>2021-03-15T22:35:31+00:00</updated><id>/2021/03/01/initial-seeds</id><content type="html" xml:base="/2021/03/01/initial-seeds/">&lt;p&gt;Set of areas that guide our reveries?&lt;/p&gt;
 
 &lt;ol&gt;
   &lt;li&gt;The history of &lt;a href=&quot;/hypertext&quot;&gt;hypertext&lt;/a&gt;, rss+adjacent protocols and standards.&lt;/li&gt;

hypercore.html

@@ -12,7 +12,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Hypercore</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -75,9 +75,6 @@ TBD
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

hypertext-transfer-protocol.html

@@ -12,7 +12,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Hypertext Transfer Protocol</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -61,9 +61,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

hypertext.html

@@ -12,7 +12,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Hypertext</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -69,9 +69,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

hypha.html

@@ -27,7 +27,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Hypha</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -94,9 +94,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

index.html

@@ -46,9 +46,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

infrastructure.html

@@ -10,7 +10,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Infrastructure</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -60,9 +60,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

ipfs.html

@@ -12,7 +12,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>IPFS</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -70,9 +70,6 @@ TBD
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

peer-to-peer.html

@@ -15,7 +15,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>peer-to-peer</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -70,9 +70,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

protocol.html

@@ -15,7 +15,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Protocol</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -80,9 +80,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

public.html

@@ -10,7 +10,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Public</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -66,9 +66,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

publishing.html

@@ -10,7 +10,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Publishing</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -65,9 +65,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

rss.html

@@ -12,7 +12,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>RSS</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -64,9 +64,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

statement-of-intent.html

@@ -18,7 +18,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>Statement of Intent</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -65,9 +65,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>

world-wide-web.html

@@ -10,7 +10,7 @@
   <article class="w-50">
     <header class="mb2">
       <h1>World Wide Web</h1>
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:22:28+00:00">
+      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T22:35:31+00:00">
         Last updated on March 15, 2021
         
       </time>
@@ -65,9 +65,6 @@
   </div>
 </div>
 
-<iframe class="dn" id="link-preview-iframe">
-</iframe>
-
     <script src="/assets/js/d3.v6.min.js" defer></script>
     <script src="/assets/js/scripts.js" defer></script>
   </body>