autonomic-cooperative/kcl-digital-humanities-garden
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

stub graph

Browse Source
This commit is contained in:
Garry Ing 2021-03-15 15:49:03 -04:00
parent 4b4e09d5f9
commit ce40b32bec
No known key found for this signature in database
GPG Key ID: 3B379B1F2193CC3E
23 changed files with 113 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/link-previews.html
View File

@ -1,5 +1,5 @@
<!-- That file is not particularly elegant. This will need a refactor at some point. --> <!-- That file is not particularly elegant. This will need a refactor at some point. -->
<div style="opacity: 0; display: none;" id='tooltip-wrapper'> <div style="opacity: 0; display: none;" id='tooltip-wrapper' class="bg-white lh-copy">
<div id='tooltip-content'> <div id='tooltip-content'>
</div> </div>
</div> </div>

2
_includes/notes_graph.json
View File

@ -1 +1 @@
{"edges":[{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"72697617314704"},{"source":"229320080329284392969231993","target":"36028"}],"nodes":[{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"72697617314704","path":"/protocols","label":"Protocols"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"}]} {"edges":[{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"1562583972"},{"source":"229320080329284392969231993","target":"1562583972"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"36028"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"50678562032474","path":"/hypercore","label":"Hypercore"},{"id":"403333506966985812956264495103083930421","path":"/hypertext-transfer-protocol","label":"Hypertext Transfer Protocol"},{"id":"50678562812897","path":"/hypertext","label":"Hypertext"},{"id":"30172798","path":"/hypha","label":"Hypha"},{"id":"3181528016773134152954","path":"/infrastructure","label":"Infrastructure"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"1562583972","path":"/public","label":"Public"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}

2
_layouts/default.html
View File

@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}"> <html lang="{{ page.lang | default: site.lang | default: "en" }}">
{%- include head.html -%} {%- include head.html -%}
<body class="dark-green garamond links-dark-green bg-washed-green"> <body class="dark-green sans-serif links-dark-green bg-washed-green">
{%- include header.html -%} {%- include header.html -%}
<main aria-label="Content"> <main aria-label="Content">
{{ content }} {{ content }}

12
_layouts/note.html
View File

@ -12,18 +12,18 @@ layout: default
</div> </div>
<div id="notes-entry-container"> <div id="notes-entry-container">
<div class="note-contents"> <div class="note-contents lh-copy">
{{ content }} {{ content }}
</div> </div>
<side style="font-size: 0.9em"> <side>
<h3 style="margin-bottom: 1em">Notes mentioning this note</h3> <h3>Notes mentioning this note</h3>
{% if page.backlinks.size > 0 %} {% if page.backlinks.size > 0 %}
<div style="display: grid; grid-gap: 1em; grid-template-columns: repeat(1fr);"> <div>
{% for backlink in page.backlinks %} {% for backlink in page.backlinks %}
<div class="backlink-box"> <div class="backlink-box">
<a class="internal-link" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a><br> <a class="internal-link b" href="{{ backlink.url | relative_url }}{%- if site.use_html_extension -%}.html{%- endif -%}">{{ backlink.title }}</a><br>
<div style="font-size: 0.9em">{{ backlink.excerpt | strip_html | truncatewords: 20 }}</div> <div class="lh-copy">{{ backlink.excerpt | strip_html | truncatewords: 20 }}</div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>

4
_notes/bentway.md Normal file
View File

@ -0,0 +1,4 @@
---
---
The Bentway re-imagines how we build, experience, activate, and value [[public]] space together.

2
_notes/digital-public-garden.md Normal file
View File

@ -0,0 +1,2 @@
---
---

6
_notes/hypercore.md Normal file
View File

@ -0,0 +1,6 @@
---
---
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 BitTorrent, as more people "seed" a dataset it will increase the available bandwidth.
https://hypercore-protocol.org/

6
_notes/hypertext-transfer-protocol.md Normal file
View File

@ -0,0 +1,6 @@
---
---
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 Wide Web]], where [[hypertext]] documents include hyperlinks to other resources that the user can easily access, for example by a mouse click or by tapping the screen in a web browser.
https://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol

4
_notes/hypertext.md
View File

@ -2,4 +2,6 @@
title: Hypertext title: Hypertext
--- ---
Hypertext Markup Language 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 interconnected by hyperlinks, which are typically activated by a mouse click, keypress set, or by touching the screen. Apart from text, the term "hypertext" is also sometimes used to describe tables, images, and other presentational content formats with integrated hyperlinks. Hypertext is one of the key underlying concepts of the [[World Wide Web]], where Web pages are often written in the Hypertext Markup Language (HTML). As implemented on the Web, hypertext enables the easy-to-use publication of information over the Internet.
https://en.wikipedia.org/wiki/Hypertext

22
_notes/hypha.md Normal file
View File

@ -0,0 +1,22 @@
---
title: Hypha
---
We cultivate collective growth and meaningful livelihoods through learning and building technologies together.
We are a team of technologists, designers, and community organizers who value working with mission-oriented organizations.
## Our values
### Together, we have years of experience building open source technologies and sustainable communities.
Our core values reflect our understanding of what it means to cultivate respectful, resilient, and democratic technology ecologies.
## Build change that lasts
Disruptive growth has its costs. We believe that the culture of “move fast and break things” is untenable. Instead, we seek change that strengthens our communities and nurtures our planet. We work thoughtfully and with care toward the futures we imagine.
## Embody co-operative values
We serve our clients, members, neighbours, and the co-operative movement the world over. Hypha embodies the co-operative values of self-help, self-responsibility, democracy, equality, equity, and solidarity.
## Provide safe harbour
We acknowledge the sacred land we work on is the territory of many nations and was the subject of the Dish with One Spoon Wampum Belt Covenant, an agreement to peaceably share and care for the resources around the Great Lakes. Today it is still home to many First Nations, Inuit, and Métis peoples from across Turtle Island. We also recognize the ongoing history of oppression and marginalization in our society and workplaces. Hypha strives to be a safe harbour to all, regardless of race, class, gender identity and expression, sexual orientation, disability, physical appearance, body size, religion, or technical skill.

1
_notes/protocols.md → _notes/infrastructure.md
View File

@ -1,3 +1,4 @@
--- ---
--- ---
TBD

7
_notes/ipfs.md Normal file
View File

@ -0,0 +1,7 @@
---
title: IPFS
---
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

8
_notes/peer-to-peer.md Normal file
View File

@ -0,0 +1,8 @@
---
title: peer-to-peer
---
- [[Hypercore]]
- [[IPFS]]
TBD

7
_notes/protocol.md Normal file
View File

@ -0,0 +1,7 @@
---
---
> 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

4
_notes/public.md Normal file
View File

@ -0,0 +1,4 @@
---
---
TBD

2
_notes/publishing.md Normal file
View File

@ -0,0 +1,2 @@
---
---

4
_notes/rss.md
View File

@ -2,4 +2,6 @@
title: RSS title: RSS
--- ---
Really Simple Syndication 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

2
_notes/statement-of-intent.md
View File

@ -2,4 +2,4 @@
title: Statement of Intent 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 resyndicatable adaptive online notebook). The outputs from the 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. [[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 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.

4
_notes/world-wide-web.md Normal file
View File

@ -0,0 +1,4 @@
---
---
TBD

29
_sass/_digital-garden.scss
View File

@ -17,13 +17,12 @@
.links line { .links line {
stroke: $accent-color; stroke: $accent-color;
opacity: 0.5;
} }
.nodes circle { .nodes circle {
cursor: pointer; cursor: pointer;
stroke: $accent-color; stroke: $accent-color;
fill: transparent; fill: #e8fdf5;
transition: all 0.15s ease-out; transition: all 0.15s ease-out;
} }
@ -38,14 +37,22 @@
fill: $accent-color; fill: $accent-color;
} }
.inactive { // Notes inline styles
opacity: 0.1;
transition: all 0.15s ease-out; .internal-link {
padding: 0 0.1em;
text-decoration: none;
background: rgba($highlight-color, 0.35);
border: 1px solid rgba($highlight-color, 0.45);
border-radius: 3px;
} }
#graph-wrapper { .invalid-link {
border-radius: 4px; padding: 0 0.1em;
height: auto; text-decoration: none;
background: rgba($highlight-color, 0.1);
border: 1px solid rgba($highlight-color, 0.25);
border-radius: 3px;
} }
// Link previews // Link previews
@ -55,16 +62,12 @@ content a.internal-link {
} }
#tooltip-wrapper { #tooltip-wrapper {
background: white;
padding: 1em; padding: 1em;
border: 1px solid $accent-color;
border-radius: 4px;
overflow: hidden; overflow: hidden;
position: absolute; position: absolute;
width: 400px; width: 400px;
height: 250px; max-height: 250px;
font-size: 0.8em; font-size: 0.8em;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
opacity: 0; opacity: 0;
transition: opacity 100ms; transition: opacity 100ms;
} }

2
_sass/_variables.scss
View File

@ -1,2 +1,2 @@
$hightlight-color: #F5A486; $highlight-color: #F5A486;
$accent-color: #137752; $accent-color: #137752;

5
assets/js/scripts.js
View File

@ -74,7 +74,7 @@ function setupListeners (linkElement) {
}) })
} }
document.querySelectorAll('.note-contents a').forEach(setupListeners) document.querySelectorAll('#notes-entry-container a').forEach(setupListeners)
// Notes graph // Notes graph
@ -143,7 +143,7 @@ if (typeof graphData !== 'undefined') {
link.attr('stroke-width', (linkD) => { link.attr('stroke-width', (linkD) => {
if (linkD.source.id === d.id || linkD.target.id === d.id) { if (linkD.source.id === d.id || linkD.target.id === d.id) {
return STROKE * 4 return STROKE * 2
} }
return STROKE return STROKE
}) })
@ -213,7 +213,6 @@ if (typeof graphData !== 'undefined') {
const font = Math.max(Math.round(zoomOrKeep(FONT_SIZE)), 1) const font = Math.max(Math.round(zoomOrKeep(FONT_SIZE)), 1)
text.attr('font-size', (d) => font) text.attr('font-size', (d) => font)
text.attr('y', (d) => d.y - zoomOrKeep(FONT_BASELINE) + 8)
link.attr('stroke-width', zoomOrKeep(STROKE)) link.attr('stroke-width', zoomOrKeep(STROKE))
node.attr('r', (d) => { node.attr('r', (d) => {
return zoomOrKeep(nodeSize[d.id]) return zoomOrKeep(nodeSize[d.id])

5
colophon.md Normal file
View File

@ -0,0 +1,5 @@
---
layout: page
title: Colophon
---