deploy: 19471bcd85

2021-04-19 00:35:07 +00:00
parent 9531f03814
commit 17d15eec3f
36 changed files with 292 additions and 203 deletions
@@ -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?1618777570222792784"><link type="application/atom+xml" rel="alternate" href="https://digitalgarden.hypha.coop/feed.xml" /></head><body class="foreground-text sans-serif bg-background"><header id="header" class="f5 pa3 flex bb b--foreground-text bg-background justify-between sticky top-0 w-100 items-baseline z-3"><div class="flex items-baseline">
+  <link rel="stylesheet" href="/assets/css/style.css?1618792504711800373"><link type="application/atom+xml" rel="alternate" href="https://digitalgarden.hypha.coop/feed.xml" /></head><body class="foreground-text sans-serif bg-background"><header id="header" class="f5 pa3 flex bb b--foreground-text bg-background justify-between sticky top-0 w-100 items-baseline z-3"><div class="flex items-baseline">
    <svg class="w1 mr2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 243.11 219.53"><path fill="currentColor" d="M243.11 64.85q0 11.66-1.12 15.72-.42 1.43-6.31 14.43-6.18-.14-12.5-.42-8.15-.42-11.79-2.39-2.94-1.55-9.82-9.54a129 129 0 0 1-8.71-11.23q-3.23-6.75-10.1-20.22-3.66-6.73-13.9-21a95.7 95.7 0 0 0-15.44-1.26q-4.77 0-13.76 11.79a99.49 99.49 0 0 0-10.8 16.56Q127 60.92 123.24 71q-4.35 11.35-4.35 13.33v135.2h-7.58V75.8a44.51 44.51 0 0 0-1.82-11.09q-2.11-7.57-4.64-10-4.62-4.49-18.95-4.49-2.39 0-7.79 5.62t-6.52 8.42q-4.64 11-6.18 34-1.55 23.58-5.61 34.25-1.12 2.94-8.71 11.37a107.26 107.26 0 0 1-10.52 10.52q-2 1.69-18.67 10.53-8.43-14-16.71-28.21Q0 125.35 0 103.73q0-15.58 2.39-24.42 7.16-26.67 15.16-36.08 6.16-7.29 22.88-14A64.23 64.23 0 0 1 64.57 24 94.86 94.86 0 0 1 79 25.69q10.38 1.81 14 3.51 6.31 2.81 14 12.7t9.4 16.77q.42 1.69 1.13 6.88 1.26-5.47 4.21-16.14 2.23-4.92 6.74-14.88A117.39 117.39 0 0 1 135 20.35q7.31-10.67 27.23-16.84A77.2 77.2 0 0 1 185.14 0q13.34 0 19.94 1.82 25.39 7.17 34.81 35 3.23 9.64 3.22 28.03zm-139-16.42q-4.22-4.77-14.32-12.08-8.79-4.07-25.22-4.07-10 0-21.9 4.64T23.58 48.29q-2 1.82-8.77 19.58T8 88.71q0 2.54-.14 7.72t-.14 7.72q0 15.72 2.11 23.44a51.07 51.07 0 0 0 6.87 13.9q8.15 12.36 8.57 13 3.64-1.81 10.52-6.17 2.53-2 9.27-9.48t7.58-9.61q4.48-10.95 5.89-34.67t5.9-34.67q2.1-5.34 8.14-10.25L83 41.55zm131.42 19.09V55.73q0-10-2.1-16.15A49.06 49.06 0 0 0 221.5 20.7a40.61 40.61 0 0 0-18.67-11.16q-7.16-1.81-21.62-1.82-7.44 0-22 5.47Q144 19 140 24.14q-1.41 1.83-5.62 13.48 5.61-4.92 16.7-14.74h22.18q4.92 6.32 13.9 19.65 4.06 9 13.47 26.25 8.56 12.91 14.18 15.72a26.21 26.21 0 0 0 11.6 2.5l4.91-.14a47.55 47.55 0 0 0 4.21-19.34z"/></svg>
    <a class="no-underline f4 foreground-text anthony mr3" rel="author" href="/">Digital Garden</a>
    
@@ -32,6 +32,6 @@
 </div>

    <script src="/assets/js/d3.v6.min.js"></script>
-    <script src="/assets/js/scripts.js?1618777570222792784"></script>
+    <script src="/assets/js/scripts.js?1618792504711800373"></script>
  </body>
 </html>
@@ -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')