diff --git a/404.html b/404.html
index aeb5d5d..7b5f092 100644
--- 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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="container tc">
@@ -18,7 +18,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -26,6 +26,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index 879932d..4389c87 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -368,3 +368,14 @@ if (typeof window.graphData !== 'undefined') {
     return str.substr(0, str.lastIndexOf(separator, maxLen)) + '...'
   }
 }
+
+// Note expander
+
+const noteExpander = document.querySelector('#note-expand')
+
+if (noteExpander) {
+  noteExpander.addEventListener('click', (event) => {
+    document.querySelector('#note-container').classList.toggle('w-two-thirds')
+    event.target.classList.toggle('rotate-180')
+  })
+}
diff --git a/bentway.html b/bentway.html
index b1b080e..d1588f3 100644
--- a/bentway.html
+++ b/bentway.html
@@ -5,11 +5,11 @@
   <title>Bentway 🌱 Digital Garden</title>
   <meta name="description" content="The Bentway re-imagines how we build, experience, activate, and value public space
       public space together. With From Later, they are hosting an initiative from March 1 to May 31 called Digital...">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
@@ -19,8 +19,8 @@
               
             </time>
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -51,6 +51,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -68,7 +69,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -76,6 +77,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/colophon/index.html b/colophon/index.html
index c106ece..9d30051 100644
--- 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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <article class="measure-wide ml3">
@@ -46,7 +46,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -54,6 +54,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/dawn.html b/dawn.html
index 6301b92..f15b853 100644
--- a/dawn.html
+++ b/dawn.html
@@ -4,11 +4,11 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Dawn Walker 🌱 Digital Garden</title>
   <meta name="description" content="Dawn Walker is a design researcher and PhD Candidate at the Faculty of Information, University of Toronto. Her research focuses on the possibilities for social transformation through the design of ...">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
@@ -18,8 +18,8 @@
               
             </time>
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -44,6 +44,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -61,7 +62,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -69,6 +70,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/digital-public-garden.html b/digital-public-garden.html
index 08d3833..62a49c6 100644
--- a/digital-public-garden.html
+++ b/digital-public-garden.html
@@ -10,17 +10,17 @@ 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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -57,6 +57,7 @@ Mark Bernstein, Eastgate Systems, Inc.
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -74,7 +75,7 @@ Mark Bernstein, Eastgate Systems, Inc.
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -82,6 +83,6 @@ Mark Bernstein, Eastgate Systems, Inc.
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/feed.xml b/feed.xml
index 8d2e3d3..f1a63da 100644
--- a/feed.xml
+++ b/feed.xml
@@ -1,19 +1,19 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.2.0">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2021-04-03T22:32:28+00:00</updated><id>/feed.xml</id><title type="html">Digital Garden | Notes</title><subtitle>A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.</subtitle><entry><title type="html">World Wide Web</title><link href="/world-wide-web" rel="alternate" type="text/html" title="World Wide Web" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/world-wide-web</id><content type="html" xml:base="/world-wide-web">&lt;p&gt;TBD&lt;/p&gt;</content><author><name></name></author><summary type="html">TBD</summary></entry><entry><title type="html">Web Browser</title><link href="/web-browser" rel="alternate" type="text/html" title="Web Browser" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/web-browser</id><content type="html" xml:base="/web-browser">&lt;p&gt;A web browser (commonly referred to as a browser) is a software application for accessing the &lt;a class=&quot;internal-link&quot; href=&quot;/world-wide-web&quot;&gt;World Wide Web&lt;/a&gt;. When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web server and then displays the page on the user’s device.&lt;/p&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.2.0">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2021-04-04T00:25:20+00:00</updated><id>/feed.xml</id><title type="html">Digital Garden | Notes</title><subtitle>A digital garden or public notebook for The Bentway’s Digital and/as Public Space Micro-Residency.</subtitle><entry><title type="html">World Wide Web</title><link href="/world-wide-web" rel="alternate" type="text/html" title="World Wide Web" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/world-wide-web</id><content type="html" xml:base="/world-wide-web">&lt;p&gt;TBD&lt;/p&gt;</content><author><name></name></author><summary type="html">TBD</summary></entry><entry><title type="html">Web Browser</title><link href="/web-browser" rel="alternate" type="text/html" title="Web Browser" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/web-browser</id><content type="html" xml:base="/web-browser">&lt;p&gt;A web browser (commonly referred to as a browser) is a software application for accessing the &lt;a class=&quot;internal-link&quot; href=&quot;/world-wide-web&quot;&gt;World Wide Web&lt;/a&gt;. When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web server and then displays the page on the user’s device.&lt;/p&gt;
 
-&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Web_browser&quot;&gt;https://en.wikipedia.org/wiki/Web_browser&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">A web browser (commonly referred to as a browser) is a software application for accessing the [[World Wide Web]]. When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web server and then displays the page on the user’s device. https://en.wikipedia.org/wiki/Web_browser</summary></entry><entry><title type="html">Statement of Intent</title><link href="/statement-of-intent" rel="alternate" type="text/html" title="Statement of Intent" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/statement-of-intent</id><content type="html" xml:base="/statement-of-intent">&lt;p&gt;&lt;a class=&quot;internal-link&quot; href=&quot;/hypha&quot;&gt;Hypha&lt;/a&gt;’s practice is situated across many topics that are present in the theme of &lt;em&gt;Adaptive Reuse &amp;amp; Creative Misuse&lt;/em&gt;. Drawing from our collective experiences, histories, and methodologies, our goal for the micro-residency to investigate how notions of digital &lt;a class=&quot;internal-link&quot; href=&quot;/infrastructure&quot;&gt;infrastructure&lt;/a&gt; can be reused, reinterpreted, and reconfigured, to realize a kind of &lt;a class=&quot;internal-link&quot; href=&quot;/public-space&quot;&gt;public space&lt;/a&gt;. 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 &lt;a class=&quot;internal-link&quot; href=&quot;/publishing&quot;&gt;publishing&lt;/a&gt; (&lt;a class=&quot;internal-link&quot; href=&quot;/hypertext&quot;&gt;Hypertext&lt;/a&gt;, &lt;a class=&quot;internal-link&quot; href=&quot;/rss&quot;&gt;RSS&lt;/a&gt;, &lt;a class=&quot;internal-link&quot; href=&quot;/peer-to-peer&quot;&gt;Peer-to-peer&lt;/a&gt;) in defining public spaces, and the possibilities of cooperative approaches to maintenance and repair. Our intent is to make the process of this investigation &lt;a class=&quot;internal-link&quot; href=&quot;/public-space&quot;&gt;public&lt;/a&gt; through online tools mapping our thinking about the theme (Open channels in Are.na as one example) and cultivating a &lt;a class=&quot;internal-link&quot; href=&quot;/digital-public-garden&quot;&gt;Digital Public Garden&lt;/a&gt; as part of Hypha’s contributions to the initiative (a &lt;a class=&quot;internal-link&quot; href=&quot;/rss&quot;&gt;resyndicatable&lt;/a&gt; adaptive online notebook). The outputs from the &lt;a class=&quot;internal-link&quot; href=&quot;/bentway&quot;&gt;micro-residency&lt;/a&gt; will be a written contribution to the &lt;a href=&quot;https://www.are.na/from-later/field-guide-to-the-digital-real&quot;&gt;&lt;em&gt;Field Guide to the Digital Real&lt;/em&gt;&lt;/a&gt; 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.&lt;/p&gt;</content><author><name></name></author><summary type="html">[[Hypha]]’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp;amp; Creative Misuse. Drawing from our collective experiences, histories, and methodologies, our goal for the micro-residency to investigate how notions of digital [[infrastructure]] 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 [[publishing]] ([[Hypertext]], [[RSS]], [[Peer-to-peer]]) in defining public spaces, and the possibilities of cooperative approaches to maintenance and repair. Our intent is to make the process of this investigation [[public space public]] through online tools mapping our thinking about the theme (Open channels in Are.na as one example) and cultivating a [[Digital Public Garden]] as part of Hypha’s contributions to the initiative (a [[RSS resyndicatable]] adaptive online notebook). The outputs from the [[bentway micro-residency]] will be a written contribution to the Field Guide to the Digital Real 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.</summary></entry><entry><title type="html">RSS</title><link href="/rss" rel="alternate" type="text/html" title="RSS" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/rss</id><content type="html" xml:base="/rss">&lt;p&gt;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 &lt;a class=&quot;internal-link&quot; href=&quot;/publishing&quot;&gt;publishing&lt;/a&gt; date and author’s name.&lt;/p&gt;
+&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Web_browser&quot;&gt;https://en.wikipedia.org/wiki/Web_browser&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">A web browser (commonly referred to as a browser) is a software application for accessing the [[World Wide Web]]. When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web server and then displays the page on the user’s device. https://en.wikipedia.org/wiki/Web_browser</summary></entry><entry><title type="html">Statement of Intent</title><link href="/statement-of-intent" rel="alternate" type="text/html" title="Statement of Intent" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/statement-of-intent</id><content type="html" xml:base="/statement-of-intent">&lt;p&gt;&lt;a class=&quot;internal-link&quot; href=&quot;/hypha&quot;&gt;Hypha&lt;/a&gt;’s practice is situated across many topics that are present in the theme of &lt;em&gt;Adaptive Reuse &amp;amp; Creative Misuse&lt;/em&gt;. Drawing from our collective experiences, histories, and methodologies, our goal for the micro-residency to investigate how notions of digital &lt;a class=&quot;internal-link&quot; href=&quot;/infrastructure&quot;&gt;infrastructure&lt;/a&gt; can be reused, reinterpreted, and reconfigured, to realize a kind of &lt;a class=&quot;internal-link&quot; href=&quot;/public-space&quot;&gt;public space&lt;/a&gt;. 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 &lt;a class=&quot;internal-link&quot; href=&quot;/publishing&quot;&gt;publishing&lt;/a&gt; (&lt;a class=&quot;internal-link&quot; href=&quot;/hypertext&quot;&gt;Hypertext&lt;/a&gt;, &lt;a class=&quot;internal-link&quot; href=&quot;/rss&quot;&gt;RSS&lt;/a&gt;, &lt;a class=&quot;internal-link&quot; href=&quot;/peer-to-peer&quot;&gt;Peer-to-peer&lt;/a&gt;) in defining public spaces, and the possibilities of cooperative approaches to maintenance and repair. Our intent is to make the process of this investigation &lt;a class=&quot;internal-link&quot; href=&quot;/public-space&quot;&gt;public&lt;/a&gt; through online tools mapping our thinking about the theme (Open channels in Are.na as one example) and cultivating a &lt;a class=&quot;internal-link&quot; href=&quot;/digital-public-garden&quot;&gt;Digital Public Garden&lt;/a&gt; as part of Hypha’s contributions to the initiative (a &lt;a class=&quot;internal-link&quot; href=&quot;/rss&quot;&gt;resyndicatable&lt;/a&gt; adaptive online notebook). The outputs from the &lt;a class=&quot;internal-link&quot; href=&quot;/bentway&quot;&gt;micro-residency&lt;/a&gt; will be a written contribution to the &lt;a href=&quot;https://www.are.na/from-later/field-guide-to-the-digital-real&quot;&gt;&lt;em&gt;Field Guide to the Digital Real&lt;/em&gt;&lt;/a&gt; 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.&lt;/p&gt;</content><author><name></name></author><summary type="html">[[Hypha]]’s practice is situated across many topics that are present in the theme of Adaptive Reuse &amp;amp; Creative Misuse. Drawing from our collective experiences, histories, and methodologies, our goal for the micro-residency to investigate how notions of digital [[infrastructure]] 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 [[publishing]] ([[Hypertext]], [[RSS]], [[Peer-to-peer]]) in defining public spaces, and the possibilities of cooperative approaches to maintenance and repair. Our intent is to make the process of this investigation [[public space public]] through online tools mapping our thinking about the theme (Open channels in Are.na as one example) and cultivating a [[Digital Public Garden]] as part of Hypha’s contributions to the initiative (a [[RSS resyndicatable]] adaptive online notebook). The outputs from the [[bentway micro-residency]] will be a written contribution to the Field Guide to the Digital Real 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.</summary></entry><entry><title type="html">RSS</title><link href="/rss" rel="alternate" type="text/html" title="RSS" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/rss</id><content type="html" xml:base="/rss">&lt;p&gt;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 &lt;a class=&quot;internal-link&quot; href=&quot;/publishing&quot;&gt;publishing&lt;/a&gt; date and author’s name.&lt;/p&gt;
 
-&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/RSS&quot;&gt;https://en.wikipedia.org/wiki/RSS&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">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 [[publishing]] date and author’s name. https://en.wikipedia.org/wiki/RSS</summary></entry><entry><title type="html">Publishing</title><link href="/publishing" rel="alternate" type="text/html" title="Publishing" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/publishing</id><content type="html" xml:base="/publishing"></content><author><name></name></author><summary type="html"></summary></entry><entry><title type="html">Public Space</title><link href="/public-space" rel="alternate" type="text/html" title="Public Space" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/public-space</id><content type="html" xml:base="/public-space">&lt;p&gt;TBD&lt;/p&gt;</content><author><name></name></author><summary type="html">TBD</summary></entry><entry><title type="html">Protocol</title><link href="/protocol" rel="alternate" type="text/html" title="Protocol" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/protocol</id><content type="html" xml:base="/protocol">&lt;blockquote&gt;
+&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/RSS&quot;&gt;https://en.wikipedia.org/wiki/RSS&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">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 [[publishing]] date and author’s name. https://en.wikipedia.org/wiki/RSS</summary></entry><entry><title type="html">Publishing</title><link href="/publishing" rel="alternate" type="text/html" title="Publishing" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/publishing</id><content type="html" xml:base="/publishing"></content><author><name></name></author><summary type="html"></summary></entry><entry><title type="html">Public Space</title><link href="/public-space" rel="alternate" type="text/html" title="Public Space" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/public-space</id><content type="html" xml:base="/public-space">&lt;p&gt;TBD&lt;/p&gt;</content><author><name></name></author><summary type="html">TBD</summary></entry><entry><title type="html">Protocol</title><link href="/protocol" rel="alternate" type="text/html" title="Protocol" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/protocol</id><content type="html" xml:base="/protocol">&lt;blockquote&gt;
   &lt;p&gt;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.&lt;/p&gt;
 &lt;/blockquote&gt;
 
-&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Communication_protocol&quot;&gt;https://en.wikipedia.org/wiki/Communication_protocol&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">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. https://en.wikipedia.org/wiki/Communication_protocol</summary></entry><entry><title type="html">peer-to-peer</title><link href="/peer-to-peer" rel="alternate" type="text/html" title="peer-to-peer" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/peer-to-peer</id><content type="html" xml:base="/peer-to-peer">&lt;ul&gt;
+&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/Communication_protocol&quot;&gt;https://en.wikipedia.org/wiki/Communication_protocol&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">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. https://en.wikipedia.org/wiki/Communication_protocol</summary></entry><entry><title type="html">peer-to-peer</title><link href="/peer-to-peer" rel="alternate" type="text/html" title="peer-to-peer" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/peer-to-peer</id><content type="html" xml:base="/peer-to-peer">&lt;ul&gt;
   &lt;li&gt;&lt;a class=&quot;internal-link&quot; href=&quot;/hypercore&quot;&gt;Hypercore&lt;/a&gt;&lt;/li&gt;
   &lt;li&gt;&lt;a class=&quot;internal-link&quot; href=&quot;/ipfs&quot;&gt;IPFS&lt;/a&gt;&lt;/li&gt;
 &lt;/ul&gt;
 
-&lt;p&gt;TBD&lt;/p&gt;</content><author><name></name></author><summary type="html">[[Hypercore]] [[IPFS]] TBD</summary></entry><entry><title type="html">IPFS</title><link href="/ipfs" rel="alternate" type="text/html" title="IPFS" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/ipfs</id><content type="html" xml:base="/ipfs">&lt;p&gt;The InterPlanetary File System (IPFS) is a &lt;a class=&quot;internal-link&quot; href=&quot;/protocol&quot;&gt;protocol&lt;/a&gt; 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.&lt;/p&gt;
+&lt;p&gt;TBD&lt;/p&gt;</content><author><name></name></author><summary type="html">[[Hypercore]] [[IPFS]] TBD</summary></entry><entry><title type="html">IPFS</title><link href="/ipfs" rel="alternate" type="text/html" title="IPFS" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/ipfs</id><content type="html" xml:base="/ipfs">&lt;p&gt;The InterPlanetary File System (IPFS) is a &lt;a class=&quot;internal-link&quot; href=&quot;/protocol&quot;&gt;protocol&lt;/a&gt; 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.&lt;/p&gt;
 
-&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/InterPlanetary_File_System&quot;&gt;https://en.wikipedia.org/wiki/InterPlanetary_File_System&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">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 in a global namespace connecting all computing devices. https://en.wikipedia.org/wiki/InterPlanetary_File_System</summary></entry><entry><title type="html">Initial Seeds</title><link href="/initial-seeds" rel="alternate" type="text/html" title="Initial Seeds" /><published>2021-04-03T22:32:28+00:00</published><updated>2021-04-03T22:32:00+00:00</updated><id>/initial-seeds</id><content type="html" xml:base="/initial-seeds">&lt;p&gt;Set of areas that guide our reveries?&lt;/p&gt;
+&lt;p&gt;&lt;a href=&quot;https://en.wikipedia.org/wiki/InterPlanetary_File_System&quot;&gt;https://en.wikipedia.org/wiki/InterPlanetary_File_System&lt;/a&gt;&lt;/p&gt;</content><author><name></name></author><summary type="html">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 in a global namespace connecting all computing devices. https://en.wikipedia.org/wiki/InterPlanetary_File_System</summary></entry><entry><title type="html">Initial Seeds</title><link href="/initial-seeds" rel="alternate" type="text/html" title="Initial Seeds" /><published>2021-04-04T00:25:20+00:00</published><updated>2021-04-04T00:24:54+00:00</updated><id>/initial-seeds</id><content type="html" xml:base="/initial-seeds">&lt;p&gt;Set of areas that guide our reveries?&lt;/p&gt;
 
 &lt;ol&gt;
   &lt;li&gt;The history of &lt;a class=&quot;internal-link&quot; href=&quot;/hypertext-transfer-protocol&quot;&gt;hypertext&lt;/a&gt;, &lt;a class=&quot;internal-link&quot; href=&quot;/rss&quot;&gt;rss&lt;/a&gt;+adjacent protocols and standards.&lt;/li&gt;
diff --git a/garry.html b/garry.html
index fc7eeb3..cdd16f3 100644
--- a/garry.html
+++ b/garry.html
@@ -5,17 +5,17 @@
   <title>Garry Ing 🌱 Digital Garden</title>
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -40,6 +40,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -57,7 +58,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -65,6 +66,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/hypercore.html b/hypercore.html
index 714d214..e0da661 100644
--- a/hypercore.html
+++ b/hypercore.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -53,6 +53,7 @@ TBD
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -70,7 +71,7 @@ TBD
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -78,6 +79,6 @@ TBD
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/hypertext-transfer-protocol.html b/hypertext-transfer-protocol.html
index 4adc1e1..e49934f 100644
--- a/hypertext-transfer-protocol.html
+++ b/hypertext-transfer-protocol.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -47,6 +47,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -64,7 +65,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -72,6 +73,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/hypertext.html b/hypertext.html
index 7cb694d..b195f10 100644
--- a/hypertext.html
+++ b/hypertext.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -55,6 +55,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -72,7 +73,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -80,6 +81,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/hypha.html b/hypha.html
index 6ebccff..c139e7d 100644
--- a/hypha.html
+++ b/hypha.html
@@ -8,17 +8,17 @@
 We cultivate collective growth and meaningful livelihoods through learning and building technologies together.
 
 We are a team of technologists, designers, and community organize...">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -84,6 +84,7 @@ We are a team of technologists, designers, and community organize...">
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -101,7 +102,7 @@ We are a team of technologists, designers, and community organize...">
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -109,6 +110,6 @@ We are a team of technologists, designers, and community organize...">
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index e59fae7..1f833f6 100644
--- 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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="ma3 anthony">
@@ -19,7 +19,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -27,6 +27,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/infrastructure.html b/infrastructure.html
index d5c06fd..cbab386 100644
--- a/infrastructure.html
+++ b/infrastructure.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -61,6 +61,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -78,7 +79,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -86,6 +87,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/initial-seeds.html b/initial-seeds.html
index 5f2941f..542298b 100644
--- a/initial-seeds.html
+++ b/initial-seeds.html
@@ -16,11 +16,11 @@
       
     
 ...">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
@@ -30,8 +30,8 @@
               
             </time>
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -78,6 +78,7 @@ Economy as a form a expression</p>
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -95,7 +96,7 @@ Economy as a form a expression</p>
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -103,6 +104,6 @@ Economy as a form a expression</p>
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/ipfs.html b/ipfs.html
index 372e14d..40b9b71 100644
--- a/ipfs.html
+++ b/ipfs.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -53,6 +53,7 @@ TBD
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -70,7 +71,7 @@ TBD
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -78,6 +79,6 @@ TBD
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/peer-to-peer.html b/peer-to-peer.html
index 9b67b0d..59a4bd8 100644
--- a/peer-to-peer.html
+++ b/peer-to-peer.html
@@ -8,17 +8,17 @@
 
 
 TBD">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -62,6 +62,7 @@ TBD">
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -79,7 +80,7 @@ TBD">
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -87,6 +88,6 @@ TBD">
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/protocol.html b/protocol.html
index 2e8ff79..c09abbe 100644
--- a/protocol.html
+++ b/protocol.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -66,6 +66,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -83,7 +84,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -91,6 +92,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/public-space.html b/public-space.html
index e048ec2..ff6f137 100644
--- a/public-space.html
+++ b/public-space.html
@@ -4,17 +4,17 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Public Space 🌱 Digital Garden</title>
   <meta name="description" content="TBD">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -61,6 +61,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -78,7 +79,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -86,6 +87,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/publishing.html b/publishing.html
index 8facb91..61b87a3 100644
--- a/publishing.html
+++ b/publishing.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -61,6 +61,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -78,7 +79,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -86,6 +87,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/rss.html b/rss.html
index 8c62ca2..f7b9344 100644
--- a/rss.html
+++ b/rss.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -55,6 +55,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -72,7 +73,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -80,6 +81,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/statement-of-intent.html b/statement-of-intent.html
index a75b513..02ad37a 100644
--- a/statement-of-intent.html
+++ b/statement-of-intent.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -39,6 +39,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -56,7 +57,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -64,6 +65,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/web-browser.html b/web-browser.html
index efae723..1b6cd48 100644
--- a/web-browser.html
+++ b/web-browser.html
@@ -4,17 +4,17 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Web Browser 🌱 Digital Garden</title>
   <meta name="description" content="A web browser (commonly referred to as a browser) is a software application for accessing the World Wide Web. When a user requests a web page from a particular website, the web browser retrieves th...">
-  <link rel="stylesheet" href="/assets/css/style.css?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -47,6 +47,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -64,7 +65,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -72,6 +73,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/world-wide-web.html b/world-wide-web.html
index 5900b76..bf60cd8 100644
--- a/world-wide-web.html
+++ b/world-wide-web.html
@@ -4,17 +4,17 @@
   <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?1617489148218239031"><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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
+  <link rel="stylesheet" href="/assets/css/style.css?1617495920618209225"><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 z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
       <a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
     </nav></header><main class="links-dark-green" aria-label="Content">
       <div class="flex">
-  <article class="w-50 pa3 pr0">
+  <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
         <div class="note-meta flex justify-between">
           
-          <time class="code dib f7 pb2" datetime="2021-04-03T22:32:00+00:00">
-            Last updated on April 3, 2021
+          <time class="code dib f7 pb2" datetime="2021-04-04T00:24:54+00:00">
+            Last updated on April 4, 2021
             
           </time>
         </div>
@@ -61,6 +61,7 @@
         
       </aside>
     </div>
+    <button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50">→</button>
   </article>
 
   <div class="fixed top-0 right-0 w-50 vh-100">
@@ -78,7 +79,7 @@
 
 </footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
 <div class="hide-child links-dark-green">
-  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute child">
+  <div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
     <div id='tooltip-content' class="relative overflow-hidden note-contents">
     </div>
     <div id="tooltip-source" class="f7 light-silver"></div>
@@ -86,6 +87,6 @@
 </div>
 
     <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1617489148218239031"></script>
+    <script src="/assets/js/scripts.js?1617495920618209225"></script>
   </body>
 </html>
\ No newline at end of file
