2021-03-11 03:38:02 +00:00
<!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 = "<p>Set of areas that guide our reveries ? & lt ; / p & gt ;
< 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>
">
< 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 >
2021-03-11 03:45:40 +00:00
< script src = "/assets/js/scripts.js" async > < / script >
2021-03-11 03:38:02 +00:00
< / body >
< / html >
