From eb0db9f4500988ece45ce7d84676df1e6571355e Mon Sep 17 00:00:00 2001
From: Garry Ing <ging@vmware.com>
Date: Wed, 31 Mar 2021 23:56:11 -0400
Subject: [PATCH] notes and colophon

---
 _layouts/note.html            | 11 +++++++----
 _layouts/page.html            |  9 +++++++--
 _notes/statement-of-intent.md |  2 +-
 colophon.md                   | 14 +++++++++++++-
 4 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/_layouts/note.html b/_layouts/note.html
index f30b0c7..f94ddef 100644
--- a/_layouts/note.html
+++ b/_layouts/note.html
@@ -29,11 +29,14 @@ layout: default
       <aside class="bt b--washed-green bw1 nl3 nr3 ph3 mt5">
         <h3 class="normal f1 mt5 work-sans-light mb4">Notes mentioning this note</h3>
         {% if page.backlinks.size > 0 %}
-        <div class="flex">
+        <div class="flex flex-wrap">
         {% for backlink in page.backlinks %}
-          <div class="w-50 mr2 pa3 ba b--moon-gray br4">
-            <h4 class="mt0  mb2"><a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a></h4>
-            <div class="f7 lh-copy">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
+          <div class="w-50 flex">
+            <div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
+              <h4 class="mt0  mb2"><a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a></h4>
+              <div class="f7 lh-copy mb3 flex-auto">{{ backlink.excerpt | strip_html | truncatewords: 20 | remove: '[[' | remove: ']]' }}</div>
+              <div class="f7 light-silver">{{ backlink.url }}</div>
+            </div>
           </div>
         {% endfor %}
         </div>
diff --git a/_layouts/page.html b/_layouts/page.html
index c3183a4..abc42ff 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -1,11 +1,16 @@
 ---
 layout: default
 ---
-<article class="measure-wide">
+<article class="measure-wide ml3">
   <header>
     <h1 class="f-6 normal anthony">{{ page.title | escape }}</h1>
   </header>
-  <div class="lh-copy f5">
+  <div class="lh-copy f5 z-1 mb6 relative">
     {{ content }}
   </div>
+  {% if page.url == "/colophon/" %}
+    <div class="fixed top-0 right-0 w-100 vh-100 o-20">
+      {% include notes_graph.html %}
+    </div>
+  {% endif %}
 </article>
\ No newline at end of file
diff --git a/_notes/statement-of-intent.md b/_notes/statement-of-intent.md
index aebfb60..62041fe 100644
--- a/_notes/statement-of-intent.md
+++ b/_notes/statement-of-intent.md
@@ -2,4 +2,4 @@
 title: Statement of Intent
 ---
 
-[[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]] 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
+[[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/colophon.md b/colophon.md
index 275c70f..404f55c 100644
--- a/colophon.md
+++ b/colophon.md
@@ -7,4 +7,16 @@ This micro-site is part of [Bentway's](/bentway) _Digital and/as Public Space_ i
 
 [Hypha](/hypha) is a worker co-operative based in Toronto which helps organizations and communities redesign their relationships with digital technology.
 
-[Anthony](http://velvetyne.fr/fonts/anthony/) is a typeface designed by [Sun Young Oh](https://www.sunyoungoh.com/) and inspired from artworks by British sculptor Anthony Caro. The form of this typeface comes from his sculptures that are leaning against each other.
+## Typography
+{:.anthony.f1.normal.mb3}
+
+[Anthony](http://velvetyne.fr/fonts/anthony/) is a typeface designed by [Sun Young Oh](https://www.sunyoungoh.com/) and inspired from artworks by British sculptor Anthony Caro. The form of this typeface comes from his sculptures that are leaning against each other. Anthony is licensed under the SIL Open Font License v1.1 (http://scripts.sil.org/OFL)
+
+[Work Sans](https://github.com/weiweihuanghuang/Work-Sans) is a typeface designed by [Wei Huang](http://charlix.cx/) based loosely on early Grotesques. Work Sans was made in part on the stolen lands of the Wurundjeri and Boon Wurrung people of the Kulin nations. Work Sans is licensed under the SIL Open Font License v1.1 (http://scripts.sil.org/OFL)
+
+## Layout
+{:.anthony.f1.normal.mb3}
+
+The layout of the micro-site was developed with [Tachyons](https://tachyons.io/) a modular CSS library with a few extended features.
+
+[D3.js](https://d3js.org/), a JavaScript library for visualizing data, is used to create the interactive knowledge graph. Originally from [Digital garden Jekyll template](https://github.com/maximevaillancourt/digital-garden-jekyll-template) by Maxime Vaillancourt.
\ No newline at end of file