From 19471bcd85011d9ceb02059f646c2f24426cbe76 Mon Sep 17 00:00:00 2001 From: Garry Ing Date: Sun, 18 Apr 2021 20:34:38 -0400 Subject: [PATCH] emoji status --- _notes/bgp.md | 1 + _notes/initial-seeds.md | 1 + _notes/maintenance.md | 1 + _notes/statement-of-intent.md | 1 + _notes/xanadu.md | 4 +++ _plugins/bidirectional_links_generator.rb | 3 +- _sass/_digital-garden.scss | 4 +++ assets/js/scripts.js | 34 ++++++++++++++--------- 8 files changed, 35 insertions(+), 14 deletions(-) create mode 100644 _notes/xanadu.md diff --git a/_notes/bgp.md b/_notes/bgp.md index 53faed7..799e7ba 100644 --- a/_notes/bgp.md +++ b/_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. diff --git a/_notes/initial-seeds.md b/_notes/initial-seeds.md index b38b33b..80709f4 100644 --- a/_notes/initial-seeds.md +++ b/_notes/initial-seeds.md @@ -1,5 +1,6 @@ --- date_created: 2021-03-01 +status: 🌱 --- Set of areas that guide our reveries? diff --git a/_notes/maintenance.md b/_notes/maintenance.md index 8fe1f12..b272575 100644 --- a/_notes/maintenance.md +++ b/_notes/maintenance.md @@ -1,5 +1,6 @@ --- date: 2021-04-18 +status: 🌱 --- ## Maintenance and Care diff --git a/_notes/statement-of-intent.md b/_notes/statement-of-intent.md index b7b4f7d..3a42e5e 100644 --- a/_notes/statement-of-intent.md +++ b/_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. \ No newline at end of file diff --git a/_notes/xanadu.md b/_notes/xanadu.md new file mode 100644 index 0000000..c7ca3e2 --- /dev/null +++ b/_notes/xanadu.md @@ -0,0 +1,4 @@ +--- +date: 2021-04-18 +--- + diff --git a/_plugins/bidirectional_links_generator.rb b/_plugins/bidirectional_links_generator.rb index fb02f6b..782325e 100644 --- a/_plugins/bidirectional_links_generator.rb +++ b/_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 diff --git a/_sass/_digital-garden.scss b/_sass/_digital-garden.scss index 882fb0b..d4d56ea 100644 --- a/_sass/_digital-garden.scss +++ b/_sass/_digital-garden.scss @@ -112,6 +112,10 @@ stroke: transparent; } +.status { + pointer-events: none; +} + .inactive { opacity: 0.45; transition: opacity 0.15s ease-out; diff --git a/assets/js/scripts.js b/assets/js/scripts.js index 40b5060..e68aa95 100644 --- a/assets/js/scripts.js +++ b/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')