kcl-digital-humanities-garden/colophon/index.html
2021-04-18 17:34:26 +00:00

64 lines
8.0 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Colophon 🌱 Digital Garden</title>
<meta name="description" content="A digital garden or public notebook for The Bentways Digital and/as Public Space Micro-Residency.">
<link rel="stylesheet" href="/assets/css/style.css?1618767263973880106"><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">
<a class="no-underline f4 foreground-text anthony mr3" rel="author" href="/">✿ Digital Garden</a>
<div id="gardenConditions" class="br-pill code f7 ba pv2 ph3"></div>
</div><nav class="f7 code flex"><a class="no-underline foreground-text underline-hover" href="/colophon/">Colophon</a><a class="no-underline foreground-text ml3 underline-hover" href="/feed.xml">RSS Feed</a>
<a class="no-underline foreground-text ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
</nav></header><main class="links-foreground-text" aria-label="Content">
<article class="measure-wide ml3">
<header>
<h1 class="f-6 normal anthony">Colophon</h1>
</header>
<div class="lh-copy f5 z-1 mb6 relative">
<p>This micro-site is part of <a href="/bentway">Bentways</a> <em>Digital and/as Public Space</em> initiative exploring the new reality of hybrid realms that blend digital and physical spaces.</p>
<p><a href="/hypha">Hypha</a> is a worker co-operative based in Toronto which helps organizations and communities redesign their relationships with digital technology.</p>
<h2 class="anthony f1 normal mb3" id="typography">Typography</h2>
<p><a href="http://velvetyne.fr/fonts/anthony/">Anthony</a> is a typeface designed by <a href="https://www.sunyoungoh.com/">Sun Young Oh</a> 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)</p>
<p><a href="https://github.com/weiweihuanghuang/Work-Sans">Work Sans</a> is a typeface designed by <a href="http://charlix.cx/">Wei Huang</a> 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)</p>
<h2 class="anthony f1 normal mb3" id="layout">Layout</h2>
<p>The layout of the micro-site was developed with <a href="https://tachyons.io/">Tachyons</a> a modular CSS library with a few extended features.</p>
<p><a href="https://d3js.org/">D3.js</a>, a JavaScript library for visualizing data, is used to create the interactive knowledge graph. Originally from <a href="https://github.com/maximevaillancourt/digital-garden-jekyll-template">Digital garden Jekyll template</a> by Maxime Vaillancourt.</p>
</div>
<div class="fixed top-0 right-0 w-100 vh-100 o-20">
<div id="graph-wrapper" class="relative vh-100 code f6">
<script>
window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"2455193638329872464","target":"14857"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"24831158218","target":"44486089850979"},{"source":"2579652121850163","target":"50678562032474"},{"source":"2455193638329872464","target":"403333506966985812956264495103083930421"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1351050207728787","target":"30172798"},{"source":"1277273995756","target":"30172798"},{"source":"2624541068405932","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1351050207728787","target":"3181528016773134152954"},{"source":"1277273995756","target":"3181528016773134152954"},{"source":"229320080329284392969231993","target":"3181528016773134152954"},{"source":"2579652121850163","target":"872776"},{"source":"50678562032474","target":"2579652121850163"},{"source":"37307","target":"2579652121850163"},{"source":"229320080329284392969231993","target":"2579652121850163"},{"source":"14857","target":"2019378258741"},{"source":"50678562032474","target":"2019378258741"},{"source":"403333506966985812956264495103083930421","target":"2019378258741"},{"source":"872776","target":"2019378258741"},{"source":"24831158218","target":"94483477513940126"},{"source":"2455193638329872464","target":"94483477513940126"},{"source":"229320080329284392969231993","target":"94483477513940126"},{"source":"2455193638329872464","target":"2624541068405932"},{"source":"36028","target":"2624541068405932"},{"source":"229320080329284392969231993","target":"2624541068405932"},{"source":"2455193638329872464","target":"36028"},{"source":"229320080329284392969231993","target":"36028"},{"source":"2455193638329872464","target":"37307"},{"source":"2579652121850163","target":"37307"},{"source":"403333506966985812956264495103083930421","target":"3290301776931795"},{"source":"403333506966985812956264495103083930421","target":"4302444777154252931"},{"source":"50678562812897","target":"4302444777154252931"},{"source":"3290301776931795","target":"4302444777154252931"}],"nodes":[{"id":"24831158218","path":"/bentway","label":"Bentway"},{"id":"14857","path":"/bgp","label":"BGP"},{"id":"1351050207728787","path":"/dawn","label":"Dawn Walker"},{"id":"139376232583985260057851086495","path":"/digital-public-garden","label":"Digital Public Garden"},{"id":"12537461525184510083948912143790305013277","path":"/field-guide-to-the-digital-real","label":"Field Guide To The Digital Real"},{"id":"44486089850979","path":"/from-later","label":"From Later"},{"id":"1277273995756","path":"/garry","label":"Garry Ing"},{"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":"2455193638329872464","path":"/initial-seeds","label":"Initial Seeds"},{"id":"872776","path":"/ipfs","label":"IPFS"},{"id":"2579652121850163","path":"/peer-to-peer","label":"peer-to-peer"},{"id":"2019378258741","path":"/protocol","label":"Protocol"},{"id":"94483477513940126","path":"/public-space","label":"Public Space"},{"id":"2624541068405932","path":"/publishing","label":"Publishing"},{"id":"36028","path":"/rss","label":"RSS"},{"id":"37307","path":"/ssb","label":"SSB"},{"id":"229320080329284392969231993","path":"/statement-of-intent","label":"Statement of Intent"},{"id":"3290301776931795","path":"/web-browser","label":"Web Browser"},{"id":"4302444777154252931","path":"/world-wide-web","label":"World Wide Web"}]}
</script>
<div class="absolute bottom-1 right-1 shadow-solid-accent bg-background br4 pa3">
<p class="ma0 f7 measure-narrow lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
</div>
</div>
</div>
</article>
</main><footer>
</footer><!-- That file is not particularly elegant. This will need a refactor at some point. -->
<div class="hide-child foreground-text links-foreground-text">
<div id='tooltip-wrapper' class="bg-white br4 shadow-solid-accent lh-copy dn o-0 pa3 w6 f6 absolute z-2 child">
<div id='tooltip-content' class="relative overflow-hidden note-contents">
</div>
<div id="tooltip-source" class="f7 light-silver"></div>
</div>
</div>
<script src="/assets/js/d3.v6.min.js"></script>
<script src="/assets/js/scripts.js?1618767263973880106"></script>
</body>
</html>