emoji status

_notes/bgp.md

@@ -1,6 +1,7 @@
 ---
 title: BGP
 date_created: 2021-03-15
+status: 🌲
 ---
 
 Border Gateway Protocol (BGP) is a standardized exterior gateway [[protocol]] designed to exchange routing and reachability information among autonomous systems (AS) on the Internet. BGP is classified as a path-vector routing protocol, and it makes routing decisions based on paths, network policies, or rule-sets configured by a network administrator.

_notes/initial-seeds.md

@@ -1,5 +1,6 @@
 ---
 date_created: 2021-03-01
+status: 🌱
 ---
 
 Set of areas that guide our reveries?

_notes/maintenance.md

@@ -1,5 +1,6 @@
 ---
 date: 2021-04-18
+status: 🌱
 ---
 
 ## Maintenance and Care

_notes/statement-of-intent.md

@@ -1,5 +1,6 @@
 ---
 title: Statement of Intent
+status: 🌴
 ---
 
 [[Hypha]]’s practice is situated across many topics that are present in the theme of _Adaptive Reuse & 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_](https://www.are.na/from-later/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.

_notes/xanadu.md

@@ -0,0 +1,4 @@
+---
+date: 2021-04-18
+---
+

_plugins/bidirectional_links_generator.rb

@@ -80,7 +80,8 @@ class BidirectionalLinksGenerator < Jekyll::Generator
         graph_nodes << {
           id: note_id_from_note(current_note),
           path: "#{site.baseurl}#{current_note.url}#{link_extension}",
-          label: current_note.data['title']
+          label: current_note.data['title'],
+          status: current_note.data['status']
         }
       end
 

_sass/_digital-garden.scss

@@ -112,6 +112,10 @@
   stroke: transparent;
 }
 
+.status {
+  pointer-events: none;
+}
+
 .inactive {
   opacity: 0.45;
   transition: opacity 0.15s ease-out;

assets/js/scripts.js

@@ -262,6 +262,7 @@ if (typeof window.graphData !== 'undefined') {
   const g = svg.append('g')
   let link = g.append('g').attr('class', 'links').selectAll('.link')
   let node = g.append('g').attr('class', 'nodes').selectAll('.node')
+  let status = g.append('g').attr('class', 'status').selectAll('.status')
   let text = g.append('g').attr('class', 'text').selectAll('.text')
 
   const resize = (event) => {
@@ -279,6 +280,7 @@ if (typeof window.graphData !== 'undefined') {
 
   const ticked = () => {
     node.attr('cx', (d) => d.x).attr('cy', (d) => d.y)
+    status.attr('x', (d) => d.x - 24).attr('y', (d) => d.y)
     text
       .attr('x', (d) => d.x)
       .attr('y', (d) => d.y - (FONT_BASELINE - nodeSize[d.id]))
@@ -298,11 +300,17 @@ if (typeof window.graphData !== 'undefined') {
 
   const restart = () => {
     updateNodeSize()
-    node = node.data(nodesData, (d) => d.id)
-    node.exit().remove()
-    node = node
-      .enter()
-      .append('circle')
+
+    status = status.data(nodesData, (d) => d.id).enter().append('text')
+    status
+      .text((d) => d.status)
+      .attr('font-size', '18px')
+      .attr('text-anchor', 'middle')
+      .attr('alignment-baseline', 'central')
+      .merge(status)
+
+    node = node.data(nodesData, (d) => d.id).enter().append('circle')
+    node
       .attr('r', (d) => {
         return nodeSize[d.id]
       })
@@ -311,15 +319,15 @@ if (typeof window.graphData !== 'undefined') {
       .on('mouseout', onMouseout)
       .merge(node)
 
-    link = link.data(linksData, (d) => `${d.source.id}-${d.target.id}`)
-    link.exit().remove()
-    link = link.enter().append('path').attr('stroke-width', STROKE).merge(link)
-
-    text = text.data(nodesData, (d) => d.label)
-    text.exit().remove()
-    text = text
+    link = link
+      .data(linksData, (d) => `${d.source.id}-${d.target.id}`)
       .enter()
-      .append('text')
+      .append('path')
+      .attr('stroke-width', STROKE)
+      .merge(link)
+
+    text = text.data(nodesData, (d) => d.label).enter().append('text')
+    text = text
       .text((d) => shorten(d.label.replace(/_*/g, ''), MAX_LABEL_LENGTH))
       .attr('font-size', `${FONT_SIZE}px`)
       .attr('text-anchor', 'middle')