kcl-digital-humanities-garden/colophon/index.html

59 lines
7.8 KiB
HTML
Raw Normal View History

<!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?1618180555610844148"><link type="application/atom+xml" rel="alternate" href="https://digitalgarden.hypha.coop/feed.xml" /></head><body class="dark-green sans-serif bg-washed-green"><header id="header" class="f5 pa3 flex bb b--dark-green bg-washed-green justify-between sticky top-0 w-100 items-baseline z-3"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7 code"><a class="no-underline dark-green underline-hover" href="/colophon/">Colophon</a><a class="no-underline dark-green ml3 underline-hover" href="/feed.xml">RSS Feed</a>
<a class="no-underline dark-green ml3 underline-hover" href="https://github.com/hyphacoop/digitalgarden">View Garden Source</a>
</nav></header><main class="links-dark-green" 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-washed-green 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 links-dark-green">
<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?1618180555610844148"></script>
</body>
</html>