kcl-digital-humanities-garden/hypertext.html

81 lines
7.1 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"><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-25T03:08:23+00:00">
Last updated on March 25, 2021
</time>
</div>
<h1 class="normal f-6 lh-solid">Hypertext</h1>
</header>
<div id="notes-entry-container">
<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>https://en.wikipedia.org/wiki/Hypertext</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="/initial-seeds">Initial Seeds</a></h4>
<div class="f7 lh-copy">Set of areas that guide our reveries? The history of hypertext, rss+adjacent protocols and standards. The act of publishing as...</div>
</div>
<div class="w-50 mr2 pa3 ba b--dark-green br4">
<h4 class="mt0 normal f3 mb2"><a class="internal-link" href="/statement-of-intent">Statement of Intent</a></h4>
<div class="f7 lh-copy">Hyphas practice is situated across many topics that are present in the theme of Adaptive Reuse &amp; Creative Misuse. Drawing...</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>