kcl-digital-humanities-garden/hypertext.html

84 lines
7.5 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 z-1"><a class="no-underline f4 dark-green anthony" rel="author" href="/">Digital Garden</a><nav class="f7"><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 class="w-50 pa3 pr0">
<div class="container bg-white sha pa3 br4">
<header class="mb2 b--washed-green">
<div class="note-meta flex justify-between">
<time class="code dib f7 pb2" datetime="2021-03-28T18:36:11+00:00">
Last updated on March 28, 2021
</time>
</div>
<h1 class="normal work-sans-light 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--moon-gray mt5">
<h3 class="normal f1 mv5 work-sans-light">Notes mentioning this note</h3>
<div class="flex">
<div class="w-50 mr2 pa3 ba b--moon-gray br4">
<h4 class="mt0 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--moon-gray br4">
<h4 class="mt0 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--moon-gray br4">
<h4 class="mt0 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 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 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"></script>
</body>
</html>