kcl-digital-humanities-garden/2021/03/01/initial-seeds/index.html

146 lines
5.7 KiB
HTML
Raw Normal View History

<!doctype html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Initial Seeds 🌱 Digital Garden</title>
<meta name="description" content="&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;
&lt;li&gt;The act of publishing as “making something public” → publicness → hybrid public space.&lt;/li&gt;
&lt;li&gt;The possibilities for &lt;em&gt;the infrastructural&lt;/em&gt; (maintenance/repair) to draw from the past to rethink the present through co-operative approaches.&lt;/li&gt;
&lt;/ol&gt;
">
<link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" title="Digital Garden" /></head><body class="dark-green garamond links-dark-green bg-washed-green"><header class="f-6 flex"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/about/">About</a></nav></header><main aria-label="Content">
<article itemscope itemtype="http://schema.org/BlogPosting">
<header>
<h1 itemprop="name headline">Initial Seeds</h1>
<p class="post-meta"><time class="dt-published" datetime="2021-03-01T00:00:00+00:00" itemprop="datePublished">
Mar 1, 2021
</time></p>
</header>
<div class="e-content" itemprop="articleBody">
<p>Set of areas that guide our reveries?</p>
<ol>
<li>The history of <a href="/hypertext">hypertext</a>, rss+adjacent protocols and standards.</li>
<li>The act of publishing as “making something public” → publicness → hybrid public space.</li>
<li>The possibilities for <em>the infrastructural</em> (maintenance/repair) to draw from the past to rethink the present through co-operative approaches.</li>
</ol>
<!--more-->
<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Publish from RSS to arena?
RSS to twitter? The gram?
Use DPress to get it on SSB?
</code></pre></div></div>
<p><em>What if… we travel back in time and blow up BGP? Would Xanadu be realized? Would actual plural internetworking have persisted?</em></p>
<p>Publishing → making things public</p>
<p><strong>» COMMISSIONING BODIES «</strong> <br />
Economy as a form a expression</p>
<p>Antagonizing the separation of frontend/backend</p>
</div>
<a class="u-url" href="/2021/03/01/initial-seeds/" hidden></a>
</article>
</main><footer>
</footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
<div style="opacity: 0; display: none;" id='tooltip-wrapper'>
<div id='tooltip-content'>
</div>
</div>
<iframe style="display: none; height: 0; width: 0;" id='link-preview-iframe' src="">
</iframe>
<script>
var opacityTimeout;
var contentTimeout;
var transitionDurationMs = 100;
var iframe = document.getElementById('link-preview-iframe')
var tooltipWrapper = document.getElementById('tooltip-wrapper')
var tooltipContent = document.getElementById('tooltip-content')
function hideTooltip() {
opacityTimeout = setTimeout(function() {
tooltipWrapper.style.opacity = 0;
contentTimeout = setTimeout(function() {
tooltipContent.innerHTML = '';
tooltipWrapper.style.display = 'none';
}, transitionDurationMs + 1);
}, transitionDurationMs)
}
function showTooltip(event) {
var elem = event.target;
var elem_props = elem.getClientRects()[elem.getClientRects().length - 1];
var top = window.pageYOffset || document.documentElement.scrollTop
if (event.target.host === window.location.host) {
iframe.src = event.target.href
iframe.onload = function() {
tooltipContentHtml = ''
tooltipContentHtml += '<div style="font-weight: bold;">' + iframe.contentWindow.document.querySelector('h1').innerHTML + '</div>'
tooltipContentHtml += iframe.contentWindow.document.querySelector('content').innerHTML
tooltipContent.innerHTML = tooltipContentHtml
tooltipWrapper.style.display = 'block';
setTimeout(function() {
tooltipWrapper.style.opacity = 1;
}, 1)
}
tooltipWrapper.style.left = elem_props.left - (tooltipWrapper.offsetWidth / 2) + (elem_props.width / 2) + "px";
if ((window.innerHeight - elem_props.top) < (tooltipWrapper.offsetHeight)) {
tooltipWrapper.style.top = elem_props.top + top - tooltipWrapper.offsetHeight - 10 + "px";
} else if ((window.innerHeight - elem_props.top) > (tooltipWrapper.offsetHeight)) {
tooltipWrapper.style.top = elem_props.top + top + 35 + "px";
}
if ((elem_props.left + (elem_props.width / 2)) < (tooltipWrapper.offsetWidth / 2)) {
tooltipWrapper.style.left = "10px";
} else if ((document.body.clientWidth - elem_props.left - (elem_props.width / 2)) < (tooltipWrapper.offsetWidth / 2)) {
tooltipWrapper.style.left = document.body.clientWidth - tooltipWrapper.offsetWidth - 20 + "px";
}
}
}
function setupListeners(linkElement) {
linkElement.addEventListener('mouseleave', function(_event) {
hideTooltip();
});
tooltipWrapper.addEventListener('mouseleave', function(_event) {
hideTooltip();
});
linkElement.addEventListener('mouseenter', function(event) {
clearTimeout(opacityTimeout);
clearTimeout(contentTimeout);
showTooltip(event);
});
tooltipWrapper.addEventListener('mouseenter', function(event) {
clearTimeout(opacityTimeout);
clearTimeout(contentTimeout);
});
}
document.querySelectorAll('content a').forEach(setupListeners);
</script>
<script src="/assets/js/scripts.js" async></script>
</body>
</html>