deploy: 7dc9269989

2021-03-25 02:18:36 +00:00 · 2021-03-25 02:18:36 +00:00 · 08d9cb3ff6
commit 08d9cb3ff6
parent 2aa3fde373
24 changed files with 800 additions and 703 deletions
--- a/404.html
+++ b/404.html
@ -4,7 +4,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Digital Garden</title>
  <meta name="description" content="A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <style type="text/css" media="screen">
  .container {
    margin: 10px auto;
@ -29,8 +29,8 @@
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/assets/css/style.css
+++ b/assets/css/style.css
--- a/assets/css/style.css.map
+++ b/assets/css/style.css.map
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@ -1,3 +1,33 @@
+// Header interaction
+
+const headerEle = document.querySelector('#header')
+let headerElePosStore = 0
+
+const debounce = (fn) => {
+  let frame
+  return (...params) => {
+    if (frame) {
+      window.cancelAnimationFrame(frame)
+    }
+    frame = window.requestAnimationFrame(() => {
+      fn(...params)
+    })
+  }
+}
+
+const storeScroll = (event) => {
+  const bodyRect = document.body.getBoundingClientRect()
+  if (bodyRect.top < headerElePosStore &&
+    -headerEle.offsetHeight > bodyRect.top) {
+    headerEle.classList.add('header-inactive')
+  } else {
+    headerEle.classList.remove('header-inactive')
+  }
+  headerElePosStore = bodyRect.top
+}
+
+document.addEventListener('scroll', debounce(storeScroll), { passive: true })
+
 // Link preview

 let opacityTimeout
@ -7,17 +37,17 @@ const transitionDurationMs = 100
 const tooltipWrapper = document.getElementById('tooltip-wrapper')
 const tooltipContent = document.getElementById('tooltip-content')

-function hideTooltip () {
-  opacityTimeout = setTimeout(function () {
+const hideTooltip = () => {
+  opacityTimeout = setTimeout(() => {
    tooltipWrapper.style.opacity = 0
-    contentTimeout = setTimeout(function () {
+    contentTimeout = setTimeout(() => {
      tooltipContent.innerHTML = ''
      tooltipWrapper.style.display = 'none'
    }, transitionDurationMs + 1)
  }, transitionDurationMs)
 }

-function showTooltip (event) {
+const showTooltip = (event) => {
  const elem = event.target
  const elemProps = elem.getClientRects()[elem.getClientRects().length - 1]
  const top = window.pageYOffset || document.documentElement.scrollTop
@ -35,7 +65,7 @@ function showTooltip (event) {
        tooltipContent.innerHTML = tooltipContentHtml

        tooltipWrapper.style.display = 'block'
-        setTimeout(function () {
+        setTimeout(() => {
          tooltipWrapper.style.opacity = 1
        }, 1)
      })
@ -55,22 +85,22 @@ function showTooltip (event) {
  }
 }

-function setupListeners (linkElement) {
-  linkElement.addEventListener('mouseleave', function (_event) {
+const setupListeners = (linkElement) => {
+  linkElement.addEventListener('mouseleave', _event => {
    hideTooltip()
  })

-  tooltipWrapper.addEventListener('mouseleave', function (_event) {
+  tooltipWrapper.addEventListener('mouseleave', _event => {
    hideTooltip()
  })

-  linkElement.addEventListener('mouseenter', function (event) {
+  linkElement.addEventListener('mouseenter', event => {
    clearTimeout(opacityTimeout)
    clearTimeout(contentTimeout)
    showTooltip(event)
  })

-  tooltipWrapper.addEventListener('mouseenter', function (event) {
+  tooltipWrapper.addEventListener('mouseenter', event => {
    clearTimeout(opacityTimeout)
    clearTimeout(contentTimeout)
  })
@ -118,7 +148,7 @@ if (typeof window.graphData !== 'undefined') {
    window.location = d3.select(d.target).data()[0].path
  }

-  const onMouseover = function (d) {
+  const onMouseover = (d) => {
    const relatedNodesSet = new Set()
    const destinationID = d3.select(d.target).data()[0].id
    linksData
@ -138,7 +168,7 @@ if (typeof window.graphData !== 'undefined') {
      if (linkD.source.id !== destinationID && linkD.target.id !== destinationID) {
        return 'inactive'
      }
-      return ''
+      return 'active'
    })

    link.attr('stroke-width', (linkD) => {
@ -155,7 +185,7 @@ if (typeof window.graphData !== 'undefined') {
    })
  }

-  const onMouseout = function (d) {
+  const onMouseout = (d) => {
    node.attr('class', '')
    link.attr('class', '')
    text.attr('class', '')
@ -165,8 +195,8 @@ if (typeof window.graphData !== 'undefined') {
  const graphWrapper = document.getElementById('graph-wrapper')
  const element = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
  element.setAttribute('width', graphWrapper.getBoundingClientRect().width)
-  element.setAttribute('height', window.innerHeight * 0.8)
-  element.classList.add('absolute', 'vh-100', 'grab', 'grabbing')
+  element.setAttribute('height', window.innerHeight)
+  element.classList.add('grab', 'grabbing')
  graphWrapper.appendChild(element)

  const reportWindowSize = () => {
@ -205,7 +235,7 @@ if (typeof window.graphData !== 'undefined') {
  const resize = (event) => {
    if (event) {
      const scale = event.transform
-      zoomLevel = scale.k
+      // zoomLevel = scale.k
      g.attr('transform', scale)
    }

@ -222,8 +252,6 @@ if (typeof window.graphData !== 'undefined') {
      .selectAll('circle')
      .filter((_d, i, nodes) => d3.select(nodes[i]).attr('active'))
      .attr('r', (d) => zoomOrKeep(ACTIVE_RADIUS_FACTOR * nodeSize[d.id]))
-
-    document.getElementById('zoom').innerHTML = zoomLevel.toFixed(2)
  }

  const ticked = () => {
@ -293,7 +321,7 @@ if (typeof window.graphData !== 'undefined') {
    ticked()
  }

-  const zoomHandler = d3.zoom().scaleExtent([0.2, 3]).on('zoom', resize)
+  const zoomHandler = d3.zoom().scaleExtent([1, 1]).on('zoom', resize)

  zoomHandler(svg)
  restart()
--- a/bentway.html
+++ b/bentway.html
@ -4,36 +4,39 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bentway 🌱 Digital Garden</title>
  <meta name="description" content="The Bentway re-imagines how we build, experience, activate, and value public space together. With From Later, they are hosting an initiative from March 1 to May 31 called Digital and/as Public Spac...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Bentway</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-        <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-15T00:00:00+00:00">
+            <time class="code dib f7 pb2 flex" datetime="2021-03-15T00:00:00+00:00">
              Created on March 15, 2021
              
            </time>
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Bentway</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>The Bentway re-imagines how we build, experience, activate, and value <a class="internal-link" href="/public">public</a> space together. With From Later, they are hosting an initiative from March 1 to May 31 called <a href="https://www.thebentway.ca/event/digital-and-as-public-space/"><em>Digital and/as Public Space</em></a> (see From Later’s <a href="https://docs.google.com/document/d/1eXk14blXZSm7EQrksFgcoZ8Rf17rmu7zrBEUyczGG5M/edit#">Public Notebook</a>) which this site is a part of as a micro-residency.</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -41,25 +44,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/colophon/index.html
+++ b/colophon/index.html
@ -4,7 +4,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Colophon 🌱 Digital Garden</title>
  <meta name="description" content="A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <article class="measure-wide">
  <header>
    <h1 class="f-6 normal anthony">Colophon</h1>
@ -21,8 +21,8 @@
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/digital-public-garden.html
+++ b/digital-public-garden.html
@ -10,20 +10,23 @@ https://maggieappleton.com/garden-history
 Hypertext Gardens: Delightful Vistas
 Mark Bernstein, Eastgate Systems, Inc.
 http://www.e...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Digital Public Garden</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Digital Public Garden</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>A Brief History &amp; Ethos of the Digital Garden
 Maggie Appleton
 <a href="https://maggieappleton.com/garden-history">https://maggieappleton.com/garden-history</a></p>
@ -34,13 +37,13 @@ Mark Bernstein, Eastgate Systems, Inc.

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -48,25 +51,25 @@ Mark Bernstein, Eastgate Systems, Inc.
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/feed.xml
+++ b/feed.xml
--- a/garry.html
+++ b/garry.html
@ -3,59 +3,62 @@
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Garry Ing 🌱 Digital Garden</title>
-  <meta name="description" content="Garry Ing is a designer in Toronto.">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <meta name="description" content="Garry Ing is a designer and researcher residing in Toronto. He is a member of Hypha
+      Hypha Worker Co-operative and sessional faculty at OCAD University teaching interactive media. Previous wor...">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Garry Ing</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Garry Ing</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
-        <p><a href="https://garrying.com">Garry Ing</a> is a designer in Toronto.</p>
+        <div class="note-contents f6 lh-copy">
+          <p><a href="https://garrying.com">Garry Ing</a> is a designer and researcher residing in Toronto. He is a member of <a class="internal-link" href="/hypha">Hypha Worker Co-operative</a> and sessional faculty at OCAD University teaching interactive media. Previous work and collaborations has been with the Strategic Innovation Lab (sLab) at OCAD University, the Technologies for Aging Gracefully Lab at the University of Toronto, Normative, Format.com, and Pivotal Software. He is a co-organizer of Our Networks, a conference on building distributed network <a class="internal-link" href="/infrastructure">infrastructures</a>, and A-B-Z-TXT, an autonomous school for art, design and computation in Toronto and Montréal.</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/garry">Garry Ing</a></h4>
-            <div class="f7 lh-copy">Garry Ing is a designer in Toronto.
-</div>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/garry">Garry Ing</a></h4>
+              <div class="f7 lh-copy">Garry Ing is a designer and researcher residing in Toronto. He is a member of Hypha Hypha Worker Co-operative and...</div>
            </div>
          
          </div>
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/hypercore.html
+++ b/hypercore.html
@ -4,38 +4,41 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hypercore 🌱 Digital Garden</title>
  <meta name="description" content="Hypercore Protocol is a peer-to-peer data network built on the Hypercore logs. Hypercores are signed, append-only logs. They’re like lightweight blockchains without the consensus algorithm. As with...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Hypercore</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Hypercore</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>Hypercore <a class="internal-link" href="/protocol">Protocol</a> is a peer-to-peer data network built on the Hypercore logs. Hypercores are signed, append-only logs. They’re like lightweight blockchains without the consensus algorithm. As with BitTorrent, as more people “seed” a dataset it will increase the available bandwidth.</p>

 <p>https://hypercore-protocol.org/</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/hypercore">Hypercore</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypercore">Hypercore</a></h4>
              <div class="f7 lh-copy">Hypercore Protocol is a peer-to-peer data network built on the Hypercore logs. Hypercores are signed, append-only logs. They’re like lightweight...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/peer-to-peer">peer-to-peer</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/peer-to-peer">peer-to-peer</a></h4>
              <div class="f7 lh-copy">
  Hypercore
  IPFS
@ -49,25 +52,25 @@ TBD
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/hypertext-transfer-protocol.html
+++ b/hypertext-transfer-protocol.html
@ -4,28 +4,31 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hypertext Transfer Protocol 🌱 Digital Garden</title>
  <meta name="description" content="The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation of data communication for the World Wi...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Hypertext Transfer Protocol</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Hypertext Transfer Protocol</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>The <a class="internal-link" href="/hypertext">Hypertext</a> Transfer <a class="internal-link" href="/protocol">Protocol</a> (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation of data communication for the <a class="internal-link" href="/world-wide-web">World Wide Web</a>, where <a class="internal-link" href="/hypertext">hypertext</a> documents include hyperlinks to other resources that the user can easily access, for example by a mouse click or by tapping the screen in a web browser.</p>

 <p>https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div>
            <p class="f7">
@ -35,25 +38,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/hypertext.html
+++ b/hypertext.html
@ -4,43 +4,46 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Hypertext 🌱 Digital Garden</title>
  <meta name="description" content="Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the reader can immediately access. Hypertext documents are interconnect...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Hypertext</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Hypertext</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the reader can immediately access. Hypertext documents are interconnected by hyperlinks, which are typically activated by a mouse click, keypress set, or by touching the screen. Apart from text, the term “hypertext” is also sometimes used to describe tables, images, and other presentational content formats with integrated hyperlinks. Hypertext is one of the key underlying concepts of the <a class="internal-link" href="/world-wide-web">World Wide Web</a>, where Web pages are often written in the Hypertext Markup Language (HTML). As implemented on the Web, hypertext enables the easy-to-use publication of information over the Internet.</p>

 <p>https://en.wikipedia.org/wiki/Hypertext</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
              <div class="f7 lh-copy">The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/initial-seeds">Initial Seeds</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/initial-seeds">Initial Seeds</a></h4>
              <div class="f7 lh-copy">Set of areas that guide our reveries? The history of hypertext, rss+adjacent protocols and standards. The act of publishing as...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -48,25 +51,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/hypha.html
+++ b/hypha.html
@ -6,20 +6,23 @@
  <meta name="description" content="We cultivate collective growth and meaningful livelihoods through learning and building technologies together.

 We are a team of technologists, designers, and community organizers who value working...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Hypha</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Hypha</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>We cultivate collective growth and meaningful livelihoods through learning and building technologies together.</p>

 <p>We are a team of technologists, designers, and community organizers who value working with mission-oriented organizations.</p>
@ -41,13 +44,18 @@ We are a team of technologists, designers, and community organizers who value wo

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/garry">Garry Ing</a></h4>
+              <div class="f7 lh-copy">Garry Ing is a designer and researcher residing in Toronto. He is a member of Hypha Hypha Worker Co-operative and...</div>
+            </div>
+          
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -55,25 +63,25 @@ We are a team of technologists, designers, and community organizers who value wo
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/index.html
+++ b/index.html
@ -4,7 +4,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Digital Garden</title>
  <meta name="description" content="A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <ul>

  <li>
@ -115,7 +115,15 @@ http://www.eastgate.com/garden/Enter.html
        <a href="" rel="permalink">Garry Ing</a>
      </h2>
      <p class="excerpt" itemprop="description"><em>
-        Garry Ing is a designer in Toronto.
+        
+  
+    
+      Garry Ing is a designer and researcher residing in Toronto. He is a member of [[Hypha
+      Hypha Worker Co-operative]] and sessional faculty at OCAD University teaching interactive media. Previous work and collaborations has been with the Strategic Innovation Lab (sLab) at OCAD University, the Technologies for Aging Gracefully Lab at the University of Toronto, Normative, Format.com, and Pivotal Software. He is a co-organizer of Our Networks, a conference on building distributed network [[infrastructure
+      infrastructures]], and A-B-Z-TXT, an autonomous school for art, design and computation in Toronto and Montréal.
+    
+  
+

      </em></p>
    </article>
@ -346,8 +354,8 @@ https://en.wikipedia.org/wiki/RSS
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/infrastructure.html
+++ b/infrastructure.html
@ -4,31 +4,39 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Infrastructure 🌱 Digital Garden</title>
  <meta name="description" content="TBD">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Infrastructure</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Infrastructure</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>TBD</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/garry">Garry Ing</a></h4>
+              <div class="f7 lh-copy">Garry Ing is a designer and researcher residing in Toronto. He is a member of Hypha Hypha Worker Co-operative and...</div>
+            </div>
+          
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -36,25 +44,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/initial-seeds.html
+++ b/initial-seeds.html
@ -9,25 +9,28 @@
  The history of hypertext, rss+adjacent protocols and standards.
  The act of publishing as “making something public” → publicness → hybrid public space.
  ...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Initial Seeds</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-        <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-01T00:00:00+00:00">
+            <time class="code dib f7 pb2 flex" datetime="2021-03-01T00:00:00+00:00">
              Created on March 1, 2021
              
            </time>
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Initial Seeds</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>Set of areas that guide our reveries?</p>

 <ol>
@ -54,8 +57,8 @@ Economy as a form a expression</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div>
            <p class="f7">
@ -65,25 +68,25 @@ Economy as a form a expression</p>
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/ipfs.html
+++ b/ipfs.html
@ -4,33 +4,36 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>IPFS 🌱 Digital Garden</title>
  <meta name="description" content="The InterPlanetary File System (IPFS) is a protocol and peer-to-peer network for storing and sharing data in a distributed file system. IPFS uses content-addressing to uniquely identify each file i...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>IPFS</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">IPFS</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>The InterPlanetary File System (IPFS) is a <a class="internal-link" href="/protocol">protocol</a> and peer-to-peer network for storing and sharing data in a distributed file system. IPFS uses content-addressing to uniquely identify each file in a global namespace connecting all computing devices.</p>

 <p>https://en.wikipedia.org/wiki/InterPlanetary_File_System</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/peer-to-peer">peer-to-peer</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/peer-to-peer">peer-to-peer</a></h4>
              <div class="f7 lh-copy">
  Hypercore
  IPFS
@ -44,25 +47,25 @@ TBD
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/peer-to-peer.html
+++ b/peer-to-peer.html
@ -8,20 +8,23 @@


 TBD">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>peer-to-peer</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">peer-to-peer</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <ul>
  <li><a class="internal-link" href="/hypercore">Hypercore</a></li>
  <li><a class="internal-link" href="/ipfs">IPFS</a></li>
@ -31,13 +34,13 @@ TBD">

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -45,25 +48,25 @@ TBD">
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/protocol.html
+++ b/protocol.html
@ -4,20 +4,23 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Protocol 🌱 Digital Garden</title>
  <meta name="description" content="A communication protocol is a system of rules that allows two or more entities of a communications system to transmit information via any kind of variation of a physical quantity. The protocol defi...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Protocol</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Protocol</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <blockquote>
  <p>A communication protocol is a system of rules that allows two or more entities of a communications system to transmit information via any kind of variation of a physical quantity. The protocol defines the rules, syntax, semantics and synchronization of communication and possible error recovery methods. Protocols may be implemented by hardware, software, or a combination of both.</p>
 </blockquote>
@ -27,23 +30,23 @@

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/hypercore">Hypercore</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypercore">Hypercore</a></h4>
              <div class="f7 lh-copy">Hypercore Protocol is a peer-to-peer data network built on the Hypercore logs. Hypercores are signed, append-only logs. They’re like lightweight...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
              <div class="f7 lh-copy">The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/ipfs">IPFS</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/ipfs">IPFS</a></h4>
              <div class="f7 lh-copy">The InterPlanetary File System (IPFS) is a protocol and peer-to-peer network for storing and sharing data in a distributed file...</div>
            </div>
          
@ -51,25 +54,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/public.html
+++ b/public.html
@ -4,36 +4,39 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Public 🌱 Digital Garden</title>
  <meta name="description" content="TBD">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Public</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Public</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>TBD</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/bentway">Bentway</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/bentway">Bentway</a></h4>
              <div class="f7 lh-copy">The Bentway re-imagines how we build, experience, activate, and value public space together. With From Later, they are hosting an...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -41,25 +44,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/publishing.html
+++ b/publishing.html
@ -4,36 +4,39 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Publishing 🌱 Digital Garden</title>
  <meta name="description" content="">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Publishing</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Publishing</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/rss">RSS</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/rss">RSS</a></h4>
              <div class="f7 lh-copy">RSS (RDF Site Summary or Really Simple Syndication) is a web feed that allows users and applications to access updates...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -41,25 +44,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/rss.html
+++ b/rss.html
@ -4,33 +4,36 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>RSS 🌱 Digital Garden</title>
  <meta name="description" content="RSS (RDF Site Summary or Really Simple Syndication) is a web feed that allows users and applications to access updates to websites in a standardized, computer-readable format. These feeds can, for ...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>RSS</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">RSS</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>RSS (RDF Site Summary or Really Simple Syndication) is a web feed that allows users and applications to access updates to websites in a standardized, computer-readable format. These feeds can, for example, allow a user to keep track of many different websites in a single news aggregator. The news aggregator will automatically check the RSS feed for new content, allowing the list to be automatically passed from website to website or from website to user. This passing of content is called web syndication. Websites usually use RSS feeds to publish frequently updated information, such as blog entries, news headlines, or episodes of audio and video series. RSS is also used to distribute podcasts. An RSS document (called “feed”, “web feed”, or “channel”) includes full or summarized text, and metadata, like <a class="internal-link" href="/publishing">publishing</a> date and author’s name.</p>

 <p><a href="https://en.wikipedia.org/wiki/RSS">https://en.wikipedia.org/wiki/RSS</a></p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
              <div class="f7 lh-copy">Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
            </div>
          
@ -38,25 +41,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/statement-of-intent.html
+++ b/statement-of-intent.html
@ -4,26 +4,29 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Statement of Intent 🌱 Digital Garden</title>
  <meta name="description" content="Hypha’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing from our collective experiences, histories, and methodologies, our goa...">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>Statement of Intent</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">Statement of Intent</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p><a class="internal-link" href="/hypha">Hypha</a>’s practice is situated across many topics that are present in the theme of <em>Adaptive Reuse &amp; Creative Misuse</em>. Drawing from our collective experiences, histories, and methodologies, our goal for the micro-residency to investigate how notions of digital <a class="internal-link" href="/infrastructure">infrastructure</a> can be reused, reinterpreted, and reconfigured, to realize a kind of public space. Our approach to this theme will be composed of a few, very preliminary, subjects that will ground the residency: the situated histories of digital infrastructure, the implications of protocols for <a class="internal-link" href="/publishing">publishing</a> (<a class="internal-link" href="/hypertext">Hypertext</a>, <a class="internal-link" href="/rss">RSS</a>, <a class="internal-link" href="/peer-to-peer">Peer-to-peer</a>) in defining public spaces, and the possibilities of cooperative approaches to maintenance and repair. Our intent is to make the process of this investigation <a class="internal-link" href="/public">public</a> through online tools mapping our thinking about the theme (Open channels in Are.na as one example) and cultivating a <a class="internal-link" href="/digital-public-garden">Digital Public Garden</a> as part of Hypha’s contributions to the initiative (a <a class="internal-link" href="/rss">resyndicatable</a> adaptive online notebook). The outputs from the <a class="internal-link" href="/bentway">micro-residency</a> will be a written contribution to the <a href="https://www.are.na/from-later/field-guide-to-the-digital-real"><em>Field Guide to the Digital Real</em></a> and a micro-website containing the synthesis of our investigations and our evolving practice. The outputs will be textual and visual, and draw from our collaborative practices as a cooperative. They will explore ways to represent relationships with existing and emergent technologies within our communities. Through our micro-residency we will capture a poetic interpretation of the theme and provide prompts for institutions in the city on how they could reconfigure technology to create radically creative platforms.</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div>
            <p class="f7">
@ -33,25 +36,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>
--- a/world-wide-web.html
+++ b/world-wide-web.html
@ -4,36 +4,39 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>World Wide Web 🌱 Digital Garden</title>
  <meta name="description" content="TBD">
-  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif links-dark-green bg-washed-green"><header class="f-6 flex anthony"><a class="no-underline-hover" rel="author" href="/">Digital Garden</a><nav>, <a class="no-underline-hover" href="/colophon/">Colophon</a></nav></header><main aria-label="Content">
+  <link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
      <div class="flex">
-  <article class="w-50">
-    <header class="mb2">
-      <h1>World Wide Web</h1>
+  <article class="w-50 pa3 pr0">
+    <div class="container bg-white pa3 br4">
+      <header class="mb2 b--washed-green">
+        <div class="note-meta flex justify-between">
          
-      <time class="code dib f7 ph3 pv2 ba br-pill" datetime="2021-03-21T13:13:23+00:00">
-        Last updated on March 21, 2021
+          <time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
+            Last updated on March 25, 2021
            
          </time>
+        </div>
+        <h1 class="normal f-6 lh-solid">World Wide Web</h1>
      </header>

      <div id="notes-entry-container">
-      <div class="note-contents lh-copy">
+        <div class="note-contents f6 lh-copy">
          <p>TBD</p>

        </div>

-      <aside class="bt b--dark-green">
-        <h3 class="mb3">Notes mentioning this note</h3>
+        <aside class="bt b--dark-green mt5">
+          <h3 class="normal f1 mv5">Notes mentioning this note</h3>
          
          <div class="flex">
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
              <div class="f7 lh-copy">The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation...</div>
            </div>
          
-          <div class="w-50 mr2 pa2 ba b--dark-green br3">
-            <h4 class="mt0 mb2"><a class="internal-link" href="/hypertext">Hypertext</a></h4>
+            <div class="w-50 mr2 pa3 ba b--dark-green br4">
+              <h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypertext">Hypertext</a></h4>
              <div class="f7 lh-copy">Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the...</div>
            </div>
          
@ -41,25 +44,25 @@
          
        </aside>
      </div>
+    </div>
  </article>

-  <div class="w-50">
-    <div class="absolute bottom-1">
-  <p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
-</div>
-<div id="zoom" class="absolute code f7 bottom-1 right-1"></div>
-<div id="graph-wrapper" class="code f6">
+  <div class="fixed top-0 right-0 w-50 vh-100">
+    <div id="graph-wrapper" class="relative vh-100 code f6">
  <script>
-    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
+    window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
  </script>
+  <div class="absolute bottom-1 left-1">
+    <p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
+  </div>
 </div>
  </div>
 </div>
    </main><footer>

 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
-<div class="hide-child">
-  <div id='tooltip-wrapper' class="bg-white lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
+<div class="hide-child links-dark-green">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
    <div id='tooltip-content'>
    </div>
  </div>