From ce40b32becdab581e232993132565a08d3f52427 Mon Sep 17 00:00:00 2001 From: Garry Ing Date: Mon, 15 Mar 2021 15:49:03 -0400 Subject: [PATCH] stub graph --- _includes/link-previews.html | 2 +- _includes/notes_graph.json | 2 +- _layouts/default.html | 2 +- _layouts/note.html | 12 ++++----- _notes/bentway.md | 4 +++ _notes/digital-public-garden.md | 2 ++ _notes/hypercore.md | 6 +++++ _notes/hypertext-transfer-protocol.md | 6 +++++ _notes/hypertext.md | 4 ++- _notes/hypha.md | 22 ++++++++++++++++ _notes/{protocols.md => infrastructure.md} | 1 + _notes/ipfs.md | 7 ++++++ _notes/peer-to-peer.md | 8 ++++++ _notes/protocol.md | 7 ++++++ _notes/public.md | 4 +++ _notes/publishing.md | 2 ++ _notes/rss.md | 4 ++- _notes/statement-of-intent.md | 2 +- _notes/world-wide-web.md | 4 +++ _sass/_digital-garden.scss | 29 ++++++++++++---------- _sass/_variables.scss | 2 +- assets/js/scripts.js | 5 ++-- colophon.md | 5 ++++ 23 files changed, 113 insertions(+), 29 deletions(-) create mode 100644 _notes/bentway.md create mode 100644 _notes/digital-public-garden.md create mode 100644 _notes/hypercore.md create mode 100644 _notes/hypertext-transfer-protocol.md create mode 100644 _notes/hypha.md rename _notes/{protocols.md => infrastructure.md} (75%) create mode 100644 _notes/ipfs.md create mode 100644 _notes/peer-to-peer.md create mode 100644 _notes/protocol.md create mode 100644 _notes/public.md create mode 100644 _notes/publishing.md create mode 100644 _notes/world-wide-web.md create mode 100644 colophon.md diff --git a/_includes/link-previews.html b/_includes/link-previews.html index 8f91fd1..31f42b1 100644 --- a/_includes/link-previews.html +++ b/_includes/link-previews.html @@ -1,5 +1,5 @@ -
-
+
{{ content }}
- -

Notes mentioning this note

+ +

Notes mentioning this note

{% if page.backlinks.size > 0 %} -
+
{% for backlink in page.backlinks %}
- {{ backlink.title }}
-
{{ backlink.excerpt | strip_html | truncatewords: 20 }}
+ {{ backlink.title }}
+
{{ backlink.excerpt | strip_html | truncatewords: 20 }}
{% endfor %}
diff --git a/_notes/bentway.md b/_notes/bentway.md new file mode 100644 index 0000000..db31d2a --- /dev/null +++ b/_notes/bentway.md @@ -0,0 +1,4 @@ +--- +--- + +The Bentway re-imagines how we build, experience, activate, and value [[public]] space together. \ No newline at end of file diff --git a/_notes/digital-public-garden.md b/_notes/digital-public-garden.md new file mode 100644 index 0000000..a49ba48 --- /dev/null +++ b/_notes/digital-public-garden.md @@ -0,0 +1,2 @@ +--- +--- \ No newline at end of file diff --git a/_notes/hypercore.md b/_notes/hypercore.md new file mode 100644 index 0000000..7e30775 --- /dev/null +++ b/_notes/hypercore.md @@ -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/ \ No newline at end of file diff --git a/_notes/hypertext-transfer-protocol.md b/_notes/hypertext-transfer-protocol.md new file mode 100644 index 0000000..98a440b --- /dev/null +++ b/_notes/hypertext-transfer-protocol.md @@ -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 \ No newline at end of file diff --git a/_notes/hypertext.md b/_notes/hypertext.md index 7d2c7ef..b7a1321 100644 --- a/_notes/hypertext.md +++ b/_notes/hypertext.md @@ -2,4 +2,6 @@ title: Hypertext --- -Hypertext Markup Language \ No newline at end of file +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 \ No newline at end of file diff --git a/_notes/hypha.md b/_notes/hypha.md new file mode 100644 index 0000000..8262ae7 --- /dev/null +++ b/_notes/hypha.md @@ -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. \ No newline at end of file diff --git a/_notes/protocols.md b/_notes/infrastructure.md similarity index 75% rename from _notes/protocols.md rename to _notes/infrastructure.md index ec380ec..cd2b421 100644 --- a/_notes/protocols.md +++ b/_notes/infrastructure.md @@ -1,3 +1,4 @@ --- --- +TBD \ No newline at end of file diff --git a/_notes/ipfs.md b/_notes/ipfs.md new file mode 100644 index 0000000..7d71308 --- /dev/null +++ b/_notes/ipfs.md @@ -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 \ No newline at end of file diff --git a/_notes/peer-to-peer.md b/_notes/peer-to-peer.md new file mode 100644 index 0000000..1c597bb --- /dev/null +++ b/_notes/peer-to-peer.md @@ -0,0 +1,8 @@ +--- +title: peer-to-peer +--- + +- [[Hypercore]] +- [[IPFS]] + +TBD \ No newline at end of file diff --git a/_notes/protocol.md b/_notes/protocol.md new file mode 100644 index 0000000..1b06480 --- /dev/null +++ b/_notes/protocol.md @@ -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 + diff --git a/_notes/public.md b/_notes/public.md new file mode 100644 index 0000000..cd2b421 --- /dev/null +++ b/_notes/public.md @@ -0,0 +1,4 @@ +--- +--- + +TBD \ No newline at end of file diff --git a/_notes/publishing.md b/_notes/publishing.md new file mode 100644 index 0000000..a49ba48 --- /dev/null +++ b/_notes/publishing.md @@ -0,0 +1,2 @@ +--- +--- \ No newline at end of file diff --git a/_notes/rss.md b/_notes/rss.md index 2925c1c..e2ceee9 100644 --- a/_notes/rss.md +++ b/_notes/rss.md @@ -2,4 +2,6 @@ title: RSS --- -Really Simple Syndication \ No newline at end of file +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 \ No newline at end of file diff --git a/_notes/statement-of-intent.md b/_notes/statement-of-intent.md index be83f4c..dbb67bd 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 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. \ 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]] 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. \ No newline at end of file diff --git a/_notes/world-wide-web.md b/_notes/world-wide-web.md new file mode 100644 index 0000000..cd2b421 --- /dev/null +++ b/_notes/world-wide-web.md @@ -0,0 +1,4 @@ +--- +--- + +TBD \ No newline at end of file diff --git a/_sass/_digital-garden.scss b/_sass/_digital-garden.scss index 6817230..096f464 100644 --- a/_sass/_digital-garden.scss +++ b/_sass/_digital-garden.scss @@ -17,13 +17,12 @@ .links line { stroke: $accent-color; - opacity: 0.5; } .nodes circle { cursor: pointer; stroke: $accent-color; - fill: transparent; + fill: #e8fdf5; transition: all 0.15s ease-out; } @@ -38,14 +37,22 @@ fill: $accent-color; } -.inactive { - opacity: 0.1; - transition: all 0.15s ease-out; +// Notes inline styles + +.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 { - border-radius: 4px; - height: auto; +.invalid-link { + padding: 0 0.1em; + text-decoration: none; + background: rgba($highlight-color, 0.1); + border: 1px solid rgba($highlight-color, 0.25); + border-radius: 3px; } // Link previews @@ -55,16 +62,12 @@ content a.internal-link { } #tooltip-wrapper { - background: white; padding: 1em; - border: 1px solid $accent-color; - border-radius: 4px; overflow: hidden; position: absolute; width: 400px; - height: 250px; + max-height: 250px; font-size: 0.8em; - box-shadow: 0 5px 10px rgba(0,0,0,0.1); opacity: 0; transition: opacity 100ms; } diff --git a/_sass/_variables.scss b/_sass/_variables.scss index b8fd296..9473b30 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -1,2 +1,2 @@ -$hightlight-color: #F5A486; +$highlight-color: #F5A486; $accent-color: #137752; \ No newline at end of file diff --git a/assets/js/scripts.js b/assets/js/scripts.js index 40702ad..1437df3 100644 --- a/assets/js/scripts.js +++ b/assets/js/scripts.js @@ -74,7 +74,7 @@ function setupListeners (linkElement) { }) } -document.querySelectorAll('.note-contents a').forEach(setupListeners) +document.querySelectorAll('#notes-entry-container a').forEach(setupListeners) // Notes graph @@ -143,7 +143,7 @@ if (typeof graphData !== 'undefined') { link.attr('stroke-width', (linkD) => { if (linkD.source.id === d.id || linkD.target.id === d.id) { - return STROKE * 4 + return STROKE * 2 } return STROKE }) @@ -213,7 +213,6 @@ if (typeof graphData !== 'undefined') { const font = Math.max(Math.round(zoomOrKeep(FONT_SIZE)), 1) text.attr('font-size', (d) => font) - text.attr('y', (d) => d.y - zoomOrKeep(FONT_BASELINE) + 8) link.attr('stroke-width', zoomOrKeep(STROKE)) node.attr('r', (d) => { return zoomOrKeep(nodeSize[d.id]) diff --git a/colophon.md b/colophon.md new file mode 100644 index 0000000..f33cd9f --- /dev/null +++ b/colophon.md @@ -0,0 +1,5 @@ +--- +layout: page +title: Colophon +--- +