CINXE.COM
hypertextbook
<!doctype html> <html lang="en" itemscope itemtype="https://schema.org/WebPage"> <head> <meta charset="utf-8"> <title>hypertextbook</title> <link rel="canonical" href="https://hypertextbook.com"> <meta name="viewport" content="width=416"> <!-- Only used by the HYPERTEXTBOOK root index page --> <!-- robots --> <!-- Я твой слуга. Я твой работник. --> <!-- author --> <link rel="author" href="https://glennelert.us"> <meta name="author" content="Glenn Elert"> <!-- break out of frames --> <script>if (window!= top) top.location.href=location.href</script> <!-- jQuery for scrolltop --> <!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script --> <!-- Google Structured Data https://developers.google.com/structured-data --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "hypertextbook", "url": "https://hypertextbook.com", "logo": "https://omniscientwalnut.com/eglobe.png" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "hypertextbook", "url": "https://hypertextbook.com" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Person", "name": "Glenn Elert", "description": "Author, illustrator, webmaster. Career science teacher. Citizen of the United States. Omniscient walnut.", "image": "https://glennelert.us/walnut.png", "url": "https://glennelert.us", "sameAs": [ "https://www.youtube.com/user/fleenbert" ] } </script> <!-- hypertextbook icons --> <meta name="apple-mobile-web-app-title" content="hypertextbook"> <meta name="application-name" content="hypertextbook"> <meta name="msapplication-config" content="https://hypertextbook.com/hypertextbook/browserconfig.xml"> <meta name="msapplication-TileColor" content="#001f3d"> <meta name="theme-color" content="#ffffff"> <link rel="manifest" href="https://hypertextbook.com/hypertextbook/site.webmanifest"> <link rel="apple-touch-icon" href="https://hypertextbook.com/hypertextbook/apple-touch-icon.png" sizes="180x180"> <link rel="apple-touch-icon" href="https://hypertextbook.com/hypertextbook/apple-touch-icon-152x152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://hypertextbook.com/hypertextbook/apple-touch-icon-120x120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://hypertextbook.com/hypertextbook/apple-touch-icon-76x76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://hypertextbook.com/hypertextbook/apple-touch-icon-60x60.png" sizes="60x60"> <!-- shared icons --> <link rel="shortcut icon" href="https://hypertextbook.com/favicon.ico" sizes="64x64"> <link rel="shortcut icon" href="https://hypertextbook.com/favicon-48x48.ico" sizes="48x48"> <link rel="icon" href="https://hypertextbook.com/favicon-32x32.png" sizes="32x32" type="image/png"> <link rel="icon" href="https://hypertextbook.com/favicon-16x16.png" sizes="16x16" type="image/png"> <link rel="mask-icon" href="https://hypertextbook.com/safari-pinned-tab.svg" color="#001f3d"> <!-- InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) --> <script> (function() { var host = window.location.hostname; var element = document.createElement('script'); var firstScript = document.getElementsByTagName('script')[0]; var url = 'https://cmp.inmobi.com' .concat('/choice/', '2cH8w1NPvzsTT', '/', host, '/choice.js?tag_version=V3'); var uspTries = 0; var uspTriesLimit = 3; element.async = true; element.type = 'text/javascript'; element.src = url; firstScript.parentNode.insertBefore(element, firstScript); function makeStub() { var TCF_LOCATOR_NAME = '__tcfapiLocator'; var queue = []; var win = window; var cmpFrame; function addFrame() { var doc = win.document; var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]); if (!otherCMP) { if (doc.body) { var iframe = doc.createElement('iframe'); iframe.style.cssText = 'display:none'; iframe.name = TCF_LOCATOR_NAME; doc.body.appendChild(iframe); } else { setTimeout(addFrame, 5); } } return !otherCMP; } function tcfAPIHandler() { var gdprApplies; var args = arguments; if (!args.length) { return queue; } else if (args[0] === 'setGdprApplies') { if ( args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean' ) { gdprApplies = args[3]; if (typeof args[2] === 'function') { args[2]('set', true); } } } else if (args[0] === 'ping') { var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' }; if (typeof args[2] === 'function') { args[2](retr); } } else { if(args[0] === 'init' && typeof args[3] === 'object') { args[3] = Object.assign(args[3], { tag_version: 'V3' }); } queue.push(args); } } function postMessageEventHandler(event) { var msgIsString = typeof event.data === 'string'; var json = {}; try { if (msgIsString) { json = JSON.parse(event.data); } else { json = event.data; } } catch (ignore) {} var payload = json.__tcfapiCall; if (payload) { window.__tcfapi( payload.command, payload.version, function(retValue, success) { var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } }; if (msgIsString) { returnMsg = JSON.stringify(returnMsg); } if (event && event.source && event.source.postMessage) { event.source.postMessage(returnMsg, '*'); } }, payload.parameter ); } } while (win) { try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {} if (win === window.top) { break; } win = win.parent; } if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); } }; makeStub(); var uspStubFunction = function() { var arg = arguments; if (typeof window.__uspapi !== uspStubFunction) { setTimeout(function() { if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); } }, 500); } }; var checkIfUspIsReady = function() { uspTries++; if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { console.warn('USP is not accessible'); } else { clearInterval(uspInterval); } }; if (typeof window.__uspapi === 'undefined') { window.__uspapi = uspStubFunction; var uspInterval = setInterval(checkIfUspIsReady, 6000); } })(); </script> <!-- End InMobi Choice. Consent Manager Tag v3.0 (for TCF 2.2) --> <!-- ShareThis --> <script src='https://platform-api.sharethis.com/js/sharethis.js#property=644331b4cbd2bb001b85f6f5&product=sop' async="async"></script> <!-- Global global site tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-QCX5P85WEL"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-QCX5P85WEL'); </script> <!-- Google Search --> <script> (function() { var cx = '010156806650563000082:chk_tobzrhs'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <!-- Good old-fashioned meta tags --> <meta name="description" content="Free books to read and enjoy online. General interest hypertext-books and technical hyper-textbooks — physics, mathematics, cycling, education, media, skepticism, West Africa, and more."> <!-- Open Graph --> <meta property="og:type" content="website"> <meta property="og:site_name" content="hypertextbook.com"> <meta property="og:url" content="https://hypertextbook.com"> <meta property="og:title" content="hypertextbook"> <meta property="og:description" content="Free books to read and enjoy online. General interest hypertext-books and technical hyper-textbooks — physics, mathematics, cycling, education, media, skepticism, West Africa, and more."> <meta property="og:image" content="https://hypertextbook.com/hypertextbook/og-image.jpg"> <!--meta property="article:author" content="https://glennelert.us"--><!-- unique --> <!-- Twitter Card --> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@hypertextbook"> <meta name="twitter:creator" content="@glennelert"> <meta name="twitter:url" content="https://hypertextbook.com"> <meta name="twitter:title" content="hypertextbook"> <meta name="twitter:description" content="Free books to read and enjoy online. General interest hypertext-books and technical hyper-textbooks — physics, mathematics, cycling, education, media, skepticism, West Africa, and more."> <meta name="twitter:image" content="https://hypertextbook.com/hypertextbook/og-image.jpg"> <!-- Google's thing that's similar. Web Snippets? Snip Whippets? --> <meta itemprop="name" content="hypertextbook"> <meta itemprop="description" content="Free books to read and enjoy online. General interest hypertext-books and technical hyper-textbooks — physics, mathematics, cycling, education, media, skepticism, West Africa, and more."> <meta itemprop="image" content="https://hypertextbook.com/hypertextbook/og-image.jpg"> <meta itemprop="datepublished" content="1997-12-15"> <meta itemprop="datemodified" content="2017-01-28"> <!-- Google Structured Data https://developers.google.com/structured-data --> <!-- Adobe TypeKit --> <link rel="stylesheet" href="https://use.typekit.net/ydj5fzf.css"> <!-- Styles - Milwaukee 2 color scheme --> <style> body { background-color: hsla(210,100%, 12%,1.00); font-family: Helvetica, sans-serif; font-size: 32px; line-height: 1em; text-align: center; } body, h1, ul, li, p { margin: 0em; padding: 0em; box-sizing: border-box; } a:link, a:visited { color: hsla(210,100%, 12%,1.00); text-decoration: none; } a:active, a:hover { color: hsla( 0,100%, 50%,1.00) !important; } h1 { color: hsl(45, 91%, 57%); font-size: 200%; font-weight: normal; line-height: 3.375em; overflow: hidden; text-shadow: 0.05em 0.05em 0.1em hsla(0,0%,0%,0.85); } ul, li { display: inline-block; } nav ul li { vertical-align: top; width: 384px; margin: 16px 8px; } nav ul li ul li:nth-child(1) { background-color: hsla(0,0%,100%,1); background-position: top; background-repeat:no-repeat; background-size: cover; box-shadow: 0.075em 0.075em 0.2em hsla(0,0%,0%,0.85); font-family: Palatino; padding: 8px; width: 384px; height: 216px; } nav li:nth-child(1) ul li:nth-child(1) { background-image:url(https://omniscientwalnut.com/constellation.png); } nav li:nth-child(2) ul li:nth-child(1) { background-image:url(https://omniscientwalnut.com/vortex.jpg); } nav li:nth-child(3) ul li:nth-child(1) { background-image:url(https://omniscientwalnut.com/all-page-titles.png); } nav li:nth-child(4) ul li:nth-child(1) { background-image:url(https://omniscientwalnut.com/splash.jpg); font-family: 'vag-rundschrift-d', sans-serif; text-transform: lowercase; text-shadow: 0.032em 0.032em 0.064em hsla(0,0%,0%,0.50); } nav li:nth-child(5) ul li:nth-child(1) { background-image:url(https://omniscientwalnut.com/sky.png),url(https://omniscientwalnut.com/eglobe.jpg); } .title { position: relative; top: 25%; text-align: center; font-size: 125%; } .subtitle { position: relative; top: 40%; text-align: right; font-size: 66.6%; line-height: 1em; } nav li:nth-child(4) ul li:nth-child(1) .title { position: relative; top: 6.99%; padding-left: 0.55em; } nav li:nth-child(4) ul li:nth-child(1) .subtitle { position: relative; top: 64%; padding-left: 0.55em; text-align: center; } .get, .bent { font-family: 'vag-rundschrift-d', sans-serif; } .title a .get { color: #375f1d; } .title a .bent { color: #cbd2e3; } .subtitle a .get { color: #c3b5ad; } .subtitle a .bent { color: #5f5b59; } nav ul li ul li:nth-child(2) { color: hsl(190, 13%, 48%); font-weight: lighter; font-size: 50%; line-height: 1.5em; margin: 1em 0em 1.5em 0em; text-align: left; width: 384px; } header nav ul { width: 100%; } header nav ul li { display: inline-block; font-size: 66.6%; font-weight: lighter; margin: 1em auto 0em auto; width: 20%; } p, .signature { font-size: 66.6%; font-weight: lighter; line-height: 1.75em; margin: 0em auto; } .signature { display: block; } .signature span { display: inline-block; vertical-align: middle; } .signature img { border-radius: 100%; width: 4em; height: 4em; box-shadow: 0.125em 0.125em 0.250em hsla(240,100%, 8%,0.50); } p, header nav a:link, header nav a:visited, .signature a:link, .signature a:visited { color: hsl(212, 81%, 71%); } footer p { opacity: 0; } .add, .add-hol, .add-goo { display: inline-block; margin: 0em auto; } .add-yes .add-hol, .add-yes .add-goo { vertical-align: top; } .add-not .add-hol, .add-not .add-goo { margin: 1px; vertical-align: middle; } .add-goo { background-color: hsla(240, 16%, 32%,1.00); margin: 0px; width: 32px; height: 32px; position: relative; transition: opacity 0.4s ease-in-out, top 0.4s ease-in-out; } .add-goo:hover{ opacity: 0.8; top: -4px; } .sharethis-inline-share-buttons, .st-inline-share-buttons, .st-center { display: inline-block !important; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: hsla( 0, 0%, 50%,0.75); opacity: 0; visibility: hidden; } /* obscures the page with a transluscent gray box */ .overlay:target { opacity: 1; visibility: visible; } .popup { margin: 11em auto 0em auto; padding: 1em; position: relative; background: hsla( 0, 0%,100%,1.00); width: 24em; max-width: 75%; } /* the hidden content in an opaque white box */ .popup .close { position: absolute; top: 1em; right: 0.50em; font-size: 66.6%; line-height: 0em; } /* a "button" in the upper right corner */ .shadow { box-shadow: 0.000em 0.125em 0.250em hsla(240,100%, 8%,0.50) } .add { margin: 1.25em auto; } p { max-width: 1200px; } @media screen and (max-width:1200px) { p { max-width: 768px; } } @media screen and (max-width:800px) { p { max-width: 384px; } } @media screen and (max-width:520px) { h1 { font-size: 12vw; } nav ul li { margin: 16px 0px; max-width: 92vw; } nav ul li ul li:nth-child(1) { max-height: 51.75vw; } p, header nav ul li, .signature { font-size: 4vw; } .title { font-size: 7.5vw } .subtitle { font-size: 4vw; } } </style> </head> <body> <header> <nav><ul><li title="The Chaos Hypertextbook Mathematics in the age of the computer"><a href="https://hypertextbook.com/chaos/" target="_top">chaos</a></li><li title="E-World Articles, essays, ideas, opinions, unabridged" class="selected"><a href="https://hypertextbook.com/eworld/" target="_top">eworld</a></li><li title="The Physics Factbook An encyclopedia of scientific essays"><a href="https://hypertextbook.com/facts/" target="_top">facts</a></li><li title="Get Bent Coast to coast by recumbent bicycle"><a href="https://hypertextbook.com/bent/" target="_top">get bent</a></li><li title="The Physics Hypertextbook A work in progress"><a href="https://physics.info" target="_top">physics</a></li></ul></nav> <h1>hypertextbook</h1> <p>Free books to read and enjoy online. General interest hypertext-books and technical hyper-textbooks — physics, mathematics, cycling, education, media, skepticism, West Africa, and more.</p> <div class="add add-yes"><div class="sharethis-inline-share-buttons"></div><span class="add-goo"><a href="#search"><img src="https://omniscientwalnut.com/search.svg" alt="search icon" title="Search this site"></a></span></div><div id="search" class="overlay"><div class="popup shadow"><a class="close" href="#" title="Close this window">[close]</a><div class="gcse-searchbox-only"></div></div></div> </header> <nav> <ul> <li><ul><li><div class="title" title="The Chaos Hypertextbook"><a href="https://hypertextbook.com/chaos/" target="_top">The Chaos<br>Hypertextbook</a></div><div class="subtitle" title="Chaos, Fractals, Dimension"><a href="https://hypertextbook.com/chaos/about/" target="_top">Mathematics in the age of the computer</a></div></li><li>Chaos — the study of the uncontainable, the unpredictable, the messy. Fractals — fantastic curves and surfaces unlike anything ever seen in mathematics before. Dimension — a way to bring order to chaos and measure to madness. One can devote an academic lifetime to these topics, but this introduction makes them as easy to understand as the straight line and the parabola.</li></ul></li> <li><ul><li><div class="title" title="The Physics Hypertextbook"><a href="https://physics.info" target="_top">The Physics<br>Hypertextbook</a></div><div class="subtitle" title="A work in progress"><a href="https://physics.info/about/" target="_top">Opus in profectus</a></div></li><li>The Physics Hypertextbook is a reaction to three big problems with textbooks: lack of writer's voice, layouts that reduce readability, and outdated economics.</li></ul></li> <li><ul><li><div class="title" title="The Physics Factbook"> <a href="https://hypertextbook.com/facts/" target="_top">The Physics<br>Factbook</a> </div> <div class="subtitle" title="An educational, fair use website"> <a href="https://hypertextbook.com/facts/about/" target="_top">An encyclopedia of scientific essays</a> </div> </li><li>The Physics Factbook is an encyclopedia of scientific essays written by high school students that can be used by anybody. It is an exercise in library research methods in which students are sent out in search of a measurement with the intent of having them find more than just a number with a unit. It is an ongoing project with no foreseeable end date or limits.</li></ul></li> <li><ul><li><div class="title" title="Get Bent"><a href="https://hypertextbook.com/bent/" target="_top"><span class="get">Get</span> <span class="bent">Bent</span></a></div><div class="subtitle" title="What do you do when it rains?"> <br><a href="https://hypertextbook.com/bent/preface.shtml" target="_top"><span class="get">Coast to coast by</span> <span class="bent">recumbent bicycle</span></a></div></li><li>This is the story of my six-week odyssey riding across North America on a recumbent bicycle: a bicycle you ride in a recumbent (seated) position. Recumbent bicycles are sometimes called “bents”, which is where the phrase “get bent” comes from.</li></ul></li> <li><ul><li><div class="title" title="Welcome to E-World"> <br><a href="https://hypertextbook.com/eworld/" target="_top">E-World</a></div><div class="subtitle" title="A, E, I, O, U, and sometimes Why"><a href="https://hypertextbook.com/eworld/about/" target="_top">Articles, essays, ideas, opinions, unabridged</a></div></li><li>E-World is a collection of essays by Glenn Elert.</li></ul></li> </ul> </nav> <footer> <div class="add add-yes"><div class="sharethis-inline-share-buttons"></div><span class="add-goo"><a href="#search"><img src="https://omniscientwalnut.com/search.svg" alt="search icon" title="Search this site"></a></span></div> <div class="signature"> <span><a href="https://hypertextbook.com" target="_top"><img src="https://omniscientwalnut.com/eglobe.svg" title="hypertextbook.com" alt="eglobe logo"></a></span> <span><a href="https://hypertextbook.com" target="_top" title="hypertextbook">hypertextbook</a><br><a href="https://glennelert.us" title="America is waiting for a message of some sort or another" target="_blank">©1998–2022 Glenn Elert<br>Author, Illustrator, Webmaster</a></span> </div> <p title="No condition is permanent">No condition is permanent.</p> </footer> </body> </html>