kcl-digital-humanities-garden/hypertext.html

86 lines
8.9 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>Hypertext 🌱 Digital Garden</title>
<meta name="description" content="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 interconnect...">
<link rel="stylesheet" href="/assets/css/style.css?1618160728331788396"><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 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">
<div class="flex">
<article id="note-container" class="w-50 pa3 pr0 relative z-1">
<div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
<header>
<div class="note-meta flex justify-between">
<time class="code dib f7 pb2" datetime="2021-04-11T17:05:04+00:00">
Last updated on April 11, 2021
</time>
</div>
<h1 class="normal work-sans-light f-6 mb4 lh-solid">Hypertext</h1>
</header>
<div id="notes-entry-container" class="flex-auto">
<div class="note-contents f6 lh-copy">
<p>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 <a class="internal-link" href="/world-wide-web">World Wide Web</a>, 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.</p>
<p><a href="https://en.wikipedia.org/wiki/Hypertext">https://en.wikipedia.org/wiki/Hypertext</a></p>
</div>
</div>
<aside class="bt b--washed-green bw1 nl3 nr3 ph3 mt5">
<h3 class="normal f1 mt5 work-sans-light mb4">Notes mentioning this note</h3>
<div class="flex flex-wrap">
<div class="w-50 flex">
<div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
<h4 class="mt0 mb2"><a class="internal-link" href="/hypertext-transfer-protocol">Hypertext Transfer Protocol</a></h4>
<div class="f7 lh-copy mb3 flex-auto">The Hypertext Transfer Protocol (HTTP) is an application layer protocol for distributed, collaborative, hypermedia information systems. HTTP is the foundation...</div>
<div class="f7 light-silver">/hypertext-transfer-protocol</div>
</div>
</div>
<div class="w-50 flex">
<div class="shadow-solid-accent mb2 mr2 br4 pa3 flex flex-column">
<h4 class="mt0 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
<div class="f7 lh-copy mb3 flex-auto">Hyphas practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</div>
<div class="f7 light-silver">/statement-of-intent</div>
</div>
</div>
</div>
</aside>
</div>
<button id="note-expand" class="absolute top-1 pointer nr4 right-0 bg-washed-green button-reset bn dark-green o-50"></button>
</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":"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":"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>
</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-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?1618160728331788396"></script>
</body>
</html>