This commit is contained in:
garrying 2021-03-15 22:36:03 +00:00
parent 6267559e48
commit 9d6bb471c0
22 changed files with 30 additions and 88 deletions

View File

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

View File

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

View File

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

View File

@ -4,7 +4,6 @@ let opacityTimeout
let contentTimeout let contentTimeout
const transitionDurationMs = 100 const transitionDurationMs = 100
const iframe = document.getElementById('link-preview-iframe')
const tooltipWrapper = document.getElementById('tooltip-wrapper') const tooltipWrapper = document.getElementById('tooltip-wrapper')
const tooltipContent = document.getElementById('tooltip-content') const tooltipContent = document.getElementById('tooltip-content')
@ -24,19 +23,22 @@ function showTooltip (event) {
const top = window.pageYOffset || document.documentElement.scrollTop const top = window.pageYOffset || document.documentElement.scrollTop
if (event.target.host === window.location.host) { 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' tooltipWrapper.style.left = elemProps.left - (tooltipWrapper.offsetWidth / 2) + (elemProps.width / 2) + 'px'
if ((window.innerHeight - elemProps.top) < (tooltipWrapper.offsetHeight)) { if ((window.innerHeight - elemProps.top) < (tooltipWrapper.offsetHeight)) {

View File

@ -10,7 +10,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Bentway</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -60,9 +60,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

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

View File

@ -10,7 +10,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Digital Public Garden</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -60,9 +60,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -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 Bentways 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 Bentways 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;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; &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;

View File

@ -12,7 +12,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Hypercore</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -75,9 +75,6 @@ TBD
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -12,7 +12,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Hypertext Transfer Protocol</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -61,9 +61,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -12,7 +12,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Hypertext</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -69,9 +69,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -27,7 +27,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Hypha</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -94,9 +94,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

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

View File

@ -10,7 +10,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Infrastructure</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -60,9 +60,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -12,7 +12,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>IPFS</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -70,9 +70,6 @@ TBD
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -15,7 +15,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>peer-to-peer</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -70,9 +70,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -15,7 +15,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Protocol</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -80,9 +80,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -10,7 +10,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Public</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -66,9 +66,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -10,7 +10,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Publishing</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -65,9 +65,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -12,7 +12,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>RSS</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -64,9 +64,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -18,7 +18,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>Statement of Intent</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -65,9 +65,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>

View File

@ -10,7 +10,7 @@
<article class="w-50"> <article class="w-50">
<header class="mb2"> <header class="mb2">
<h1>World Wide Web</h1> <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 Last updated on March 15, 2021
</time> </time>
@ -65,9 +65,6 @@
</div> </div>
</div> </div>
<iframe class="dn" id="link-preview-iframe">
</iframe>
<script src="/assets/js/d3.v6.min.js" defer></script> <script src="/assets/js/d3.v6.min.js" defer></script>
<script src="/assets/js/scripts.js" defer></script> <script src="/assets/js/scripts.js" defer></script>
</body> </body>