kcl-digital-humanities-garden/world-wide-web.html

74 lines
5.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>World Wide Web 🌱 Digital Garden</title>
<meta name="description" content="TBD">
<link rel="stylesheet" href="/assets/css/style.css"><link type="application/atom+xml" rel="alternate" href="/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"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav><a class="f7 no-underline dark-green" href="/colophon/">Colophon</a></nav></header><main class="links-dark-green" aria-label="Content">
<div class="flex">
<article class="w-50 pa3 pr0">
<div class="container bg-white pa3 br4">
<header class="mb2 b--washed-green">
<div class="note-meta flex justify-between">
<time class="code dib f7 pb2" datetime="2021-03-25T02:18:10+00:00">
Last updated on March 25, 2021
</time>
</div>
<h1 class="normal f-6 lh-solid">World Wide Web</h1>
</header>
<div id="notes-entry-container">
<div class="note-contents f6 lh-copy">
<p>TBD</p>
</div>
<aside class="bt b--dark-green mt5">
<h3 class="normal f1 mv5">Notes mentioning this note</h3>
<div class="flex">
<div class="w-50 mr2 pa3 ba b--dark-green br4">
<h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
<div class="f7 lh-copy">The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation...</div>
</div>
<div class="w-50 mr2 pa3 ba b--dark-green br4">
<h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/hypertext">Hypertext</a></h4>
<div class="f7 lh-copy">Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text that the...</div>
</div>
</div>
</aside>
</div>
</div>
</article>
<div class="fixed top-0 right-0 w-50 vh-100">
<div id="graph-wrapper" class="relative vh-100 code f6">
<script>
window.graphData = {"edges":[{"source":"229320080329284392969231993","target":"24831158218"},{"source":"229320080329284392969231993","target":"139376232583985260057851086495"},{"source":"1277273995756","target":"1277273995756"},{"source":"50678562032474","target":"50678562032474"},{"source":"2579652121850163","target":"50678562032474"},{"source":"403333506966985812956264495103083930421","target":"50678562812897"},{"source":"2455193638329872464","target":"50678562812897"},{"source":"229320080329284392969231993","target":"50678562812897"},{"source":"1277273995756","target":"30172798"},{"source":"229320080329284392969231993","target":"30172798"},{"source":"1277273995756","target":"3181528016773134152954"},{"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":"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":"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"}]}
</script>
<div class="absolute bottom-1 left-1">
<p class="ma0 f7 measure-wide lh-copy">Here are all the notes in this garden, along with their links, visualized as a graph.</p>
</div>
</div>
</div>
</div>
</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-1 lh-copy dn o-0 pa2 w5 f6 overflow-hidden absolute child">
<div id='tooltip-content'>
</div>
</div>
</div>
<script src="/assets/js/d3.v6.min.js"></script>
<script src="/assets/js/scripts.js"></script>
</body>
</html>