[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"room:02-hypertext":3},{"path":4,"meta":5,"html":77,"css":78,"snippets":79},"02-hypertext",{"id":6,"slug":4,"title":7,"years":8,"summary":9,"context":10,"traits":14,"tech":36,"thenVsNow":41,"snippets":42,"sources":58,"cta":71,"recreated":74},"02","Early hypertext","1991–1995","The first web pages had no design at all: authors wrote headings, paragraphs, lists and links, and the browser decided how they looked: grey page, black Times, blue underlined links.",{"screens":11,"connection":12,"browsers":13},"640×480 to 1024×768 workstation and PC monitors, often only 16 or 256 colours","University Ethernet and leased lines; at home, 9,600 to 14,400 baud dial-up via SLIP","The line-mode browser, early X Window and Macintosh browsers; NCSA Mosaic from 1993",[15,18,21,24,27,30,33],{"id":16,"label":17},"default-styles","No author CSS: browser default headings, lists and Times",{"id":19,"label":20},"browser-chrome","Grey page inside a grey browser window",{"id":22,"label":23},"blue-links","Blue underlined links that turn purple once visited",{"id":25,"label":26},"whats-new","A \"What's New\" page",{"id":28,"label":29},"inline-gif","A small inline image with ALT text",{"id":31,"label":32},"address","An \u003CADDRESS> footer with the webmaster's email",{"id":34,"label":35},"view-source","View Source: how everyone learned HTML",[37,38,39,40],"HTML 1 and 2: \u003CH1>–\u003CH6>, \u003CP>, \u003CUL>, \u003CDL>, \u003CADDRESS>, \u003CHR>, \u003CPRE> and \u003CA HREF>","The \u003CIMG> tag (1993) for inline GIF images, with ALT text for line-mode browsers","Simple forms for the first interactive pages","Presentation entirely up to the browser; stylesheets did not exist yet","The browser default stylesheet is still there under every site, and \"View Source\" became the browser developer tools.",[43,48,53],{"file":44,"lang":45,"caption":46,"region":47},"demo.html","html","The whole page is just structure","document",{"file":49,"lang":50,"caption":51,"region":52},"era.css","css","The browser defaults this room re-creates","defaults",{"file":54,"lang":55,"caption":56,"region":57},"era.client.ts","typescript","View Source shows the markup as sent","source",[59,62,65,68],{"label":60,"url":61},"Mosaic (web browser) (Wikipedia)","https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FMosaic_(web_browser)",{"label":63,"url":64},"HTML Tags, the first HTML document (W3C)","https:\u002F\u002Fwww.w3.org\u002FHistory\u002F19921103-hypertext\u002Fhypertext\u002FWWW\u002FMarkUp\u002FTags.html",{"label":66,"url":67},"History of the World Wide Web (Wikipedia)","https:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FHistory_of_the_World_Wide_Web",{"label":69,"url":70},"Web Design Museum","https:\u002F\u002Fwww.webdesignmuseum.org\u002F",{"next":72,"prev":73},"Next document:","Previous document:",[75,76],"The browser window, toolbar and loading globe are drawn with CSS; the original program cannot run in a page.","The modern browser default stylesheet is reset to match the period look (grey page, #0000ee links).","\u003Cdiv class=\"mosaic\" data-trait=\"browser-chrome\">\n\u003Cdiv class=\"win\">\n\u003Cdiv class=\"win__title\" aria-hidden=\"true\">\u003Cspan class=\"win__box\">\u003C\u002Fspan>W3 Browser: Riverside Computing Lab\u003Cspan class=\"win__btns\">\u003Cspan>\u003C\u002Fspan>\u003Cspan>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cdiv class=\"win__menu\" aria-hidden=\"true\">\u003Cspan>\u003Cu>F\u003C\u002Fu>ile\u003C\u002Fspan>\u003Cspan>\u003Cu>E\u003C\u002Fu>dit\u003C\u002Fspan>\u003Cspan>\u003Cu>O\u003C\u002Fu>ptions\u003C\u002Fspan>\u003Cspan>\u003Cu>N\u003C\u002Fu>avigate\u003C\u002Fspan>\u003Cspan>\u003Cu>A\u003C\u002Fu>nnotate\u003C\u002Fspan>\u003Cspan class=\"win__help\">\u003Cu>H\u003C\u002Fu>elp\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cdiv class=\"win__tools\" role=\"group\" aria-label=\"Browser controls\">\n  \u003Cbutton type=\"button\" class=\"bevel\" data-nav=\"back\">Back\u003C\u002Fbutton>\n  \u003Cbutton type=\"button\" class=\"bevel\" data-nav=\"forward\">Forward\u003C\u002Fbutton>\n  \u003Ca class=\"bevel\" href=\"#rcl-home\" data-nav=\"home\">Home\u003C\u002Fa>\n  \u003Cbutton type=\"button\" class=\"bevel\" data-nav=\"reload\">Reload\u003C\u002Fbutton>\n  \u003Cbutton type=\"button\" class=\"bevel rcl-source-btn\" aria-pressed=\"false\" data-trait=\"view-source\">View Source\u003C\u002Fbutton>\n  \u003Cspan class=\"win__globe\" aria-hidden=\"true\">\u003Csvg viewBox=\"0 0 32 32\" width=\"32\" height=\"32\">\u003Ccircle cx=\"16\" cy=\"16\" r=\"13\" fill=\"#0000aa\"\u002F>\u003Cpath d=\"M5 12c4 2 7-3 10 0s1 6 5 6 4 4 7 2M8 23c3-1 4 2 7 1M12 4c2 3 6 2 6 5s-4 2-3 5\" stroke=\"#00cc00\" stroke-width=\"3\" fill=\"none\"\u002F>\u003Ccircle cx=\"16\" cy=\"16\" r=\"13\" fill=\"none\" stroke=\"#000\" stroke-width=\"1.5\"\u002F>\u003C\u002Fsvg>\u003C\u002Fspan>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"win__url\">\u003Cspan>Document Title:\u003C\u002Fspan> \u003Coutput class=\"rcl-title\">Hypertext Projects at the Riverside Computing Lab\u003C\u002Foutput>\u003C\u002Fdiv>\n\u003Cdiv class=\"win__url\">\u003Cspan>Document URL:\u003C\u002Fspan> \u003Coutput class=\"rcl-url\">http:\u002F\u002Finfo.riverside-lab.edu\u002Fhypertext\u002FOverview.html\u003C\u002Foutput>\u003C\u002Fdiv>\n\n\u003Cdiv class=\"win__doc\" id=\"rcl-doc\">\n\u003Cp class=\"era-stamp\">\u003Cspan class=\"era-stamp__no\">Era 02\u002F17\u003C\u002Fspan> \u003Cspan class=\"era-stamp__years\">1991–1995\u003C\u002Fspan> \u003Cspan class=\"era-stamp__title\">Early hypertext\u003C\u002Fspan>\u003C\u002Fp>\n\u003Csection class=\"rcl-page is-current\" id=\"rcl-home\" data-file=\"Overview.html\" data-title=\"Hypertext Projects at the Riverside Computing Lab\" data-trait=\"default-styles\">\n\u003Ch1>Hypertext Projects at the Riverside Computing Lab\u003C\u002Fh1>\n\u003Cp>\u003Cimg class=\"rcl-logo\" src=\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 64 40' shape-rendering='crispEdges'%3E%3Crect width='64' height='40' fill='%23c0c0c0'\u002F%3E%3Cpath d='M0 30h64v10H0z' fill='%23000080'\u002F%3E%3Cpath d='M0 30c8-4 12 4 20 0s12-4 20 0 14 4 24 0v4H0z' fill='%230000ff'\u002F%3E%3Cpath d='M8 30V14h14v16zM26 30V8h12v22zM42 30V18h14v12z' fill='%23808080'\u002F%3E%3Cpath d='M10 16h2v2h-2zM16 16h2v2h-2zM28 10h2v2h-2zM34 10h2v2h-2zM28 16h2v2h-2zM34 16h2v2h-2zM44 20h2v2h-2zM50 20h2v2h-2z' fill='%23ffff00'\u002F%3E%3Cpath d='M30 8V2h2v6z' fill='%23000'\u002F%3E%3C\u002Fsvg%3E\" width=\"64\" height=\"40\" alt=\"[Riverside Lab logo]\" data-trait=\"inline-gif\">\nWelcome to the \u003Ca href=\"#rcl-about\" data-trait=\"blue-links\">Riverside Computing Lab\u003C\u002Fa> information server. This is a \u003Ca href=\"#rcl-www\">World-Wide Web\u003C\u002Fa> document: words that are underlined are \u003Cem>links\u003C\u002Fem> to other documents, which may be on this machine or on any other computer on the Internet.\u003C\u002Fp>\n\u003Cp>You can follow a link by clicking on it with the mouse. Links you have already followed change colour, so you can find your way back.\u003C\u002Fp>\n\u003Cnav class=\"era-cta\" aria-label=\"Travel through time\">\u003Ca class=\"era-cta__next\" rel=\"next\" href=\"\u002Feras\u002F03-homepages\u002F\">\u003Cspan class=\"era-cta__label\">Next document:\u003C\u002Fspan> \u003Cspan class=\"era-cta__to\">1995–2000 · Personal homepages\u003C\u002Fspan>\u003C\u002Fa> \u003Ca class=\"era-cta__prev\" rel=\"prev\" href=\"\u002Feras\u002F01-bbs\u002F\">\u003Cspan class=\"era-cta__label\">Previous document:\u003C\u002Fspan> \u003Cspan class=\"era-cta__to\">1978–1995 · BBS, terminals & pre-web systems\u003C\u002Fspan>\u003C\u002Fa>\u003C\u002Fnav>\n\u003Chr>\n\u003Ch2>What's here\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Ca href=\"#rcl-new\" data-trait=\"whats-new\">What's New\u003C\u002Fa> on this server (updated April 1994)\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#rcl-projects\">Current projects\u003C\u002Fa> in hypertext and networked information\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#rcl-about\">About the lab\u003C\u002Fa>, people and how to reach us\u003C\u002Fli>\n\u003Cli>\u003Ca href=\"#rcl-www\">The World-Wide Web\u003C\u002Fa>: what it is, and how to get a browser\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>Other places to start\u003C\u002Fh2>\n\u003Cdl>\n\u003Cdt>\u003Ca href=\"#rcl-www\">Web overview\u003C\u002Fa>\u003C\u002Fdt>\n\u003Cdd>The original project description, and a list of all known servers.\u003C\u002Fdd>\n\u003Cdt>Gopher space\u003C\u002Fdt>\n\u003Cdd>Our campus Gopher at \u003Ccode>gopher:\u002F\u002Fgopher.riverside-lab.edu\u002F\u003C\u002Fcode> still has the phone book and the cafeteria menu.\u003C\u002Fdd>\n\u003C\u002Fdl>\n\u003Chr>\n\u003Caddress data-trait=\"address\">webmaster@riverside-lab.edu\u003Cbr>Last modified: 12 April 1994\u003C\u002Faddress>\n\u003C\u002Fsection>\n\n\u003Csection class=\"rcl-page\" id=\"rcl-new\" data-file=\"WhatsNew.html\" data-title=\"What's New at Riverside\">\n\u003Ch1>What's New at Riverside\u003C\u002Fh1>\n\u003Cp>Newest entries first. See also the \u003Ca href=\"#rcl-home\">overview\u003C\u002Fa>.\u003C\u002Fp>\n\u003Ch2>April 1994\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cb>12 Apr:\u003C\u002Fb> We now have \u003Ca href=\"#rcl-projects\">forms\u003C\u002Fa> working on this server. Try the lab coffee survey!\u003C\u002Fli>\n\u003Cli>\u003Cb>6 Apr:\u003C\u002Fb> Our server passed 1,000 requests in one day. Thank you all.\u003C\u002Fli>\n\u003Cli>\u003Cb>1 Apr:\u003C\u002Fb> New version of the \u003Ca href=\"#rcl-www\">line-mode browser\u003C\u002Fa> installed on the lab VAX.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>March 1994\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>Inline images! Our pages now show the lab logo, if your browser supports \u003Ccode><IMG>\u003C\u002Fcode>. Text browsers will see \u003Ccode>[Riverside Lab logo]\u003C\u002Fcode> instead.\u003C\u002Fli>\n\u003Cli>The \u003Ca href=\"#rcl-about\">staff list\u003C\u002Fa> is now online.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>January 1994\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>This server went live on a workstation under Dr. Okafor's desk. Please do not kick it.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Chr>\n\u003Caddress>webmaster@riverside-lab.edu\u003C\u002Faddress>\n\u003C\u002Fsection>\n\n\u003Csection class=\"rcl-page\" id=\"rcl-projects\" data-file=\"Projects.html\" data-title=\"Current Projects\">\n\u003Ch1>Current Projects\u003C\u002Fh1>\n\u003Ch2>RiverText\u003C\u002Fh2>\n\u003Cp>A hypertext editor for the lab's workstations. You write a document and make links by selecting words and pointing at another document. It writes HTML so you never have to type tags.\u003C\u002Fp>\n\u003Ch2>Networked Library Catalogue\u003C\u002Fh2>\n\u003Cp>An experiment to put the library card catalogue on the Web, using the new \u003Ccode><ISINDEX>\u003C\u002Fcode> search tag.\u003C\u002Fp>\n\u003Ch2>Lab coffee survey\u003C\u002Fh2>\n\u003Cform class=\"rcl-form\" action=\"#rcl-projects\">\n\u003Cp>\u003Clabel for=\"rcl-cups\">How many cups of coffee did you drink today?\u003C\u002Flabel> \u003Cinput id=\"rcl-cups\" name=\"cups\" size=\"4\">\u003C\u002Fp>\n\u003Cp>\u003Clabel>\u003Cinput type=\"checkbox\" name=\"decaf\"> I drink decaf (please explain yourself)\u003C\u002Flabel>\u003C\u002Fp>\n\u003Cp>\u003Cinput type=\"submit\" value=\"Submit survey\"> \u003Cinput type=\"reset\" value=\"Clear\">\u003C\u002Fp>\n\u003Cp class=\"rcl-thanks\" hidden>\u003Ci>Thank you. Your answer has been written to a file nobody will read.\u003C\u002Fi>\u003C\u002Fp>\n\u003C\u002Fform>\n\u003Chr>\n\u003Cp>\u003Ca href=\"#rcl-home\">Back to the overview\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Fsection>\n\n\u003Csection class=\"rcl-page\" id=\"rcl-about\" data-file=\"About.html\" data-title=\"About the Riverside Computing Lab\">\n\u003Ch1>About the Lab\u003C\u002Fh1>\n\u003Cp>The Riverside Computing Lab is a small research group working on \u003Ci>networked information systems\u003C\u002Fi>. We are four researchers, two students and one very old laser printer.\u003C\u002Fp>\n\u003Ch2>People\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>A. Okafor, group leader\u003C\u002Fli>\n\u003Cli>M. Lindqvist, hypertext and editors\u003C\u002Fli>\n\u003Cli>J. Tanaka, networking\u003C\u002Fli>\n\u003Cli>R. Patel, the library project\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2>How to reach us\u003C\u002Fh2>\n\u003Cpre>\nRiverside Computing Lab\nBuilding 7, Room 210\nPhone: +1 555 0142\nEmail: lab@riverside-lab.edu\n\u003C\u002Fpre>\n\u003Chr>\n\u003Cp>\u003Ca href=\"#rcl-home\">Back to the overview\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Fsection>\n\n\u003Csection class=\"rcl-page\" id=\"rcl-www\" data-file=\"WWW.html\" data-title=\"The World-Wide Web\">\n\u003Ch1>The World-Wide Web\u003C\u002Fh1>\n\u003Cp>The World-Wide Web (W3) is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents. Everything is a document, every document has an address (a URL), and any document can link to any other.\u003C\u002Fp>\n\u003Ch2>Getting a browser\u003C\u002Fh2>\n\u003Cdl>\n\u003Cdt>Line mode\u003C\u002Fdt>\u003Cdd>Works on any terminal. Links are numbered; type the number to follow one.\u003C\u002Fdd>\n\u003Cdt>X Window and Macintosh\u003C\u002Fdt>\u003Cdd>Graphical browsers show links underlined in blue, and can display inline images.\u003C\u002Fdd>\n\u003C\u002Fdl>\n\u003Cp>\u003Ca href=\"#rcl-home\">Back to the overview\u003C\u002Fa>\u003C\u002Fp>\n\u003C\u002Fsection>\n\u003C\u002Fdiv>\n\n\u003Cpre class=\"rcl-source\" id=\"rcl-source\" hidden aria-label=\"HTML source of the current page\">\u003C\u002Fpre>\n\n\u003Cdiv class=\"win__status\" role=\"status\">\u003Cspan class=\"rcl-status\">Document: Done.\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n","@layer era, shell;\n@layer era {\n\u002F* Era 02: early hypertext. The point is that the page had no author CSS at all.\n   These rules only undo today's browser defaults and rebuild the browser of 1993 around the page. *\u002F\n[data-era=\"02\"] {\n  background: #808080;\n  color: #000;\n  font-family: 'Times New Roman', Times, 'Liberation Serif', 'DejaVu Serif', serif;\n\n  .mosaic {\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 16px;\n    box-sizing: border-box;\n  }\n\n  \u002F* ---------- The browser window (chrome, not the document) ---------- *\u002F\n  .win {\n    background: #c0c0c0;\n    border: 2px solid;\n    border-color: #fff #000 #000 #fff;\n    box-shadow: 4px 4px 0 rgb(0 0 0 \u002F 0.35);\n    font: 13px\u002F1.3 Helvetica, Arial, 'Liberation Sans', sans-serif;\n  }\n  .win__title {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #000080;\n    color: #fff;\n    font-weight: 700;\n    padding: 3px 4px;\n  }\n  .win__box,\n  .win__btns span {\n    display: inline-block;\n    width: 14px;\n    height: 12px;\n    background: #c0c0c0;\n    border: 1px solid;\n    border-color: #fff #000 #000 #fff;\n  }\n  .win__btns {\n    margin-left: auto;\n    display: flex;\n    gap: 2px;\n  }\n  .win__menu {\n    display: flex;\n    gap: 14px;\n    padding: 3px 8px;\n    border-bottom: 1px solid #808080;\n  }\n  .win__help {\n    margin-left: auto;\n  }\n  .win__tools {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 4px;\n    padding: 6px 8px;\n    border-bottom: 1px solid #808080;\n  }\n  .bevel {\n    font: 700 12px\u002F1 Helvetica, Arial, sans-serif;\n    color: #000;\n    text-decoration: none;\n    background: #c0c0c0;\n    padding: 6px 10px;\n    border: 2px solid;\n    border-color: #fff #404040 #404040 #fff;\n    cursor: pointer;\n  }\n  .bevel:active,\n  .bevel[aria-pressed='true'] {\n    border-color: #404040 #fff #fff #404040;\n    background: #b0b0b0;\n  }\n  .bevel:disabled {\n    color: #808080;\n    text-shadow: 1px 1px 0 #fff;\n    cursor: default;\n  }\n  .win__globe {\n    margin-left: auto;\n    display: inline-grid;\n    place-items: center;\n    width: 40px;\n    height: 40px;\n    background: #fff;\n    border: 2px solid;\n    border-color: #404040 #fff #fff #404040;\n  }\n  .is-loading .win__globe svg {\n    animation: e02-spin 1.2s steps(8) infinite;\n  }\n  @keyframes e02-spin {\n    to { transform: rotate(360deg); }\n  }\n  .win__url {\n    display: flex;\n    gap: 6px;\n    align-items: center;\n    padding: 3px 8px;\n    min-width: 0;\n  }\n  .win__url span {\n    flex: none;\n    width: 110px;\n  }\n  .win__url output {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    background: #fff;\n    padding: 2px 4px;\n    font-family: Courier, 'Courier New', 'Liberation Mono', monospace;\n    border: 2px solid;\n    border-color: #404040 #fff #fff #404040;\n  }\n  .win__status {\n    padding: 3px 8px;\n    border-top: 1px solid #fff;\n    box-shadow: inset 0 1px 0 #808080;\n  }\n\n  \u002F* ---------- The document: browser defaults, circa 1993 ---------- *\u002F\n  .win__doc,\n  .rcl-source {\n    margin: 6px 8px;\n    min-height: 420px;\n    padding: 8px 14px 16px;\n    background: #c0c0c0;\n    border: 2px solid;\n    border-color: #404040 #fff #fff #404040;\n    font: 16px\u002F1.25 'Times New Roman', Times, 'Liberation Serif', serif;\n    color: #000;\n  }\n  .win__doc a:link,\n  .win__doc a {\n    color: #0000ee;\n    text-decoration: underline;\n  }\n  .win__doc a.is-visited,\n  .win__doc a:visited {\n    color: #551a8b;\n  }\n  .win__doc a:active {\n    color: #ff0000;\n  }\n  .win__doc h1 { font-size: 2em; margin: 0.67em 0; font-weight: 700; }\n  .win__doc h2 { font-size: 1.5em; margin: 0.83em 0; font-weight: 700; }\n  .win__doc p,\n  .win__doc ul,\n  .win__doc dl,\n  .win__doc pre { margin: 1em 0; }\n  .win__doc ul { padding-left: 40px; list-style: disc; }\n  .win__doc dd { margin-left: 40px; }\n  .win__doc hr { border: 0; border-top: 1px solid #808080; border-bottom: 1px solid #fff; margin: 0.5em 0; }\n  .win__doc address { font-style: italic; }\n  .win__doc code,\n  .win__doc pre { font-family: Courier, 'Courier New', 'Liberation Mono', monospace; }\n  .win__doc pre {\n    white-space: pre-wrap;\n  }\n  .rcl-logo {\n    vertical-align: bottom;\n    image-rendering: pixelated;\n  }\n  .rcl-form input:not([type]),\n  .rcl-form input[type='submit'],\n  .rcl-form input[type='reset'] {\n    font: 13px Helvetica, Arial, sans-serif;\n  }\n  .rcl-source {\n    margin: 6px 8px;\n    white-space: pre-wrap;\n    overflow-wrap: anywhere;\n    background: #fff;\n    font: 13px\u002F1.35 Courier, 'Courier New', 'Liberation Mono', monospace;\n  }\n\n  \u002F* The era stamp: an \u003Caddress>-style line, the server's own date line, set in the default italic. *\u002F\n  .era-stamp {\n    margin: 0 0 0.5em;\n    padding-bottom: 4px;\n    border-bottom: 1px solid #808080;\n    box-shadow: 0 1px 0 #fff;\n    font-style: italic;\n    font-size: 14px;\n  }\n  .era-stamp__years::before,\n  .era-stamp__title::before {\n    content: '\\2014  ';\n    font-style: normal;\n  }\n\n  \u002F* The travel buttons: just two hypertext links, the first one a little louder, like an \u003CH3>. *\u002F\n  .win__doc .era-cta {\n    margin: 1em 0;\n    padding-left: 40px;\n  }\n  .win__doc .era-cta a {\n    text-decoration: none;\n    display: list-item;\n    list-style: square;\n    width: fit-content;\n  }\n  .win__doc .era-cta__next {\n    font-size: 1.17em;\n    font-weight: 700;\n    margin-bottom: 0.4em;\n  }\n  \u002F* Only the destination is underlined, so it reads \"Next document: \u003Clink>\". *\u002F\n  .era-cta__to {\n    text-decoration: underline;\n  }\n  .era-cta__label {\n    color: #000;\n    font-weight: 400;\n    font-style: italic;\n  }\n  .era-cta__next .era-cta__label {\n    font-weight: 700;\n    font-style: normal;\n  }\n  .win__doc .era-cta a:focus-visible {\n    outline: 2px dotted #000;\n    outline-offset: 2px;\n  }\n\n  \u002F* Without JS: show the :target page, or the first one. *\u002F\n  .rcl-page {\n    display: none;\n  }\n  .rcl-page.is-current,\n  .rcl-page:target {\n    display: block;\n  }\n  .win__doc:has(.rcl-page:target) .rcl-page.is-current:not(:target) {\n    display: none;\n  }\n  .win__doc.is-hidden {\n    display: none;\n  }\n\n  :focus-visible {\n    outline: 1px dotted #000;\n    outline-offset: 1px;\n  }\n\n  @container screen (max-width: 600px) {\n    .mosaic { padding: 8px; }\n    .win__menu { gap: 8px; overflow: hidden; }\n    .win__url span { width: auto; }\n    .win__globe { display: none; }\n    .win__doc { padding: 4px 8px 12px; }\n  }\n}\n\n}",[80,82,84],{"caption":46,"file":44,"html":81},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">section\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"rcl-page is-current\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> id\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"rcl-home\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-file\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"Overview.html\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-title\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"Hypertext Projects at the Riverside Computing Lab\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"default-styles\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Hypertext Projects at the Riverside Computing Lab<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">img\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> class\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"rcl-logo\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> src\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"data:image\u002Fsvg+xml,%3Csvg xmlns='http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg' viewBox='0 0 64 40' shape-rendering='crispEdges'%3E%3Crect width='64' height='40' fill='%23c0c0c0'\u002F%3E%3Cpath d='M0 30h64v10H0z' fill='%23000080'\u002F%3E%3Cpath d='M0 30c8-4 12 4 20 0s12-4 20 0 14 4 24 0v4H0z' fill='%230000ff'\u002F%3E%3Cpath d='M8 30V14h14v16zM26 30V8h12v22zM42 30V18h14v12z' fill='%23808080'\u002F%3E%3Cpath d='M10 16h2v2h-2zM16 16h2v2h-2zM28 10h2v2h-2zM34 10h2v2h-2zM28 16h2v2h-2zM34 16h2v2h-2zM44 20h2v2h-2zM50 20h2v2h-2z' fill='%23ffff00'\u002F%3E%3Cpath d='M30 8V2h2v6z' fill='%23000'\u002F%3E%3C\u002Fsvg%3E\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> width\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"64\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> height\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"40\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> alt\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"[Riverside Lab logo]\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"inline-gif\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">Welcome to the <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-about\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"blue-links\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Riverside Computing Lab<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> information server. This is a <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-www\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>World-Wide Web<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> document: words that are underlined are <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">em\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>links<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">em\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> to other documents, which may be on this machine or on any other computer on the Internet.<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>You can follow a link by clicking on it with the mouse. Links you have already followed change colour, so you can find your way back.<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">hr\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>What's here<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">ul\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-new\"\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"whats-new\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>What's New<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> on this server (updated April 1994)<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-projects\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Current projects<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> in hypertext and networked information<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-about\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>About the lab<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>, people and how to reach us<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-www\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>The World-Wide Web<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>: what it is, and how to get a browser<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">li\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">ul\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Other places to start<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dl\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dt\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> href\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"#rcl-www\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Web overview<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dt\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dd\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>The original project description, and a list of all known servers.<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dd\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dt\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Gopher space<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dt\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dd\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Our campus Gopher at <\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">code\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>gopher:\u002F\u002Fgopher.riverside-lab.edu\u002F<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">code\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">> still has the phone book and the cafeteria menu.<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dd\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">dl\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">hr\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">address\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> data-trait\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">=\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"address\"\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>webmaster@riverside-lab.edu<\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">br\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>Last modified: 12 April 1994<\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">address\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\"><\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\">section\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">>\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"caption":51,"file":49,"html":83},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.rcl-source\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  margin\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">6\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 8\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  min-height\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">420\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  padding\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">8\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 14\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 16\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  background\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#c0c0c0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  border\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">2\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> solid\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  border-color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#404040\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> #fff\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> #fff\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> #404040\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  font\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">16\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">1.25\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'Times New Roman'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">Times\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'Liberation Serif'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">serif\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#000\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">:link\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#0000ee\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  text-decoration\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">underline\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">.is-visited\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">:visited\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#551a8b\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> a\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">:active\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">  color\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">#ff0000\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">;\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> h1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">font-size\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">2\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">em\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">margin\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.67\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">em\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">font-weight\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">700\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> h2\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">font-size\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">1.5\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">em\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">margin\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.83\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">em\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">font-weight\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">700\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> ul\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> dl\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> pre\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">margin\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">1\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">em\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> ul\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">padding-left\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">40\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">list-style\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">disc\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> dd\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">margin-left\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">40\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> hr\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">border\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">border-top\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">1\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> solid\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> #808080\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">border-bottom\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">1\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">px\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> solid\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> #fff\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">margin\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">0.5\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">em\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> 0\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> address\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">font-style\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">italic\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> code\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#6CB6FF\">.win__doc\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C\"> pre\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> { \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">font-family\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">: \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">Courier\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'Courier New'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'Liberation Mono'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">monospace\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">; }\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",{"caption":56,"file":54,"html":85},"\u003Cpre class=\"shiki github-dark-dimmed\" style=\"background-color:#22272e;color:#adbac7\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"color:#768390\">\u002F** View Source: the browser shows the raw markup it received. No stylesheet, no script. *\u002F\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">function\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\"> sourceOf\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">page\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">:\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\"> HTMLElement\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">  const\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> clone\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> page.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">cloneNode\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">true\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">as\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\"> HTMLElement\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  clone.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">querySelectorAll\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'[data-trait]'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">).\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">forEach\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">((\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">el\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> el.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">removeAttribute\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'data-trait'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">))\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  clone.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">querySelectorAll\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'a[href^=\"#rcl-\"]'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">).\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">forEach\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">((\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">a\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> {\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">    const\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> target\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> pages.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">find\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">((\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">p\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> p.id \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">===\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> a.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">getAttribute\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'href'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">)\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">!\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">slice\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">1\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">))\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">    a.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">setAttribute\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'href'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, target?.dataset.file \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">??\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> 'Overview.html'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">)\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  })\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  clone.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">querySelectorAll\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'[hidden], [class]'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">).\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">forEach\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">((\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">el\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> el.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">removeAttribute\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'class'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">))\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">  clone.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">querySelector\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'[hidden]'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">)?.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">remove\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">  const\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\"> body\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\"> =\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\"> clone.innerHTML.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">replace\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\u002Fsrc=\"data:\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">[\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">^\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">\"]\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">*\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\"\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">g\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">'src=\"riverside.gif\"'\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">).\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">replace\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">(\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">\u002F<(\u003C\u002Fspan>\u003Cspan style=\"color:#8DDB8C;font-weight:bold\">\\\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">?\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">)(\u003C\u002Fspan>\u003Cspan style=\"color:#6CB6FF\">[a-z0-9]\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">+\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">)\u002F\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">g\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, (\u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">_\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">s\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">, \u003C\u002Fspan>\u003Cspan style=\"color:#F69D50\">t\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">) \u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">=>\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> `<${\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">s\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">}${\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">t\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">toUpperCase\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">()\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">}`\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">).\u003C\u002Fspan>\u003Cspan style=\"color:#DCBDFB\">trim\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">()\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#F47067\">  return\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"> `<HTML>\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"><HEAD>\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"><TITLE>${\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">page\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">dataset\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">.\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">title\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">}<\u002FTITLE>\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"><\u002FHEAD>\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"><BODY>\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">${\u003C\u002Fspan>\u003Cspan style=\"color:#ADBAC7\">body\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\">}\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"><\u002FBODY>\u003C\u002Fspan>\u003Cspan style=\"color:#F47067\">\\n\u003C\u002Fspan>\u003Cspan style=\"color:#96D0FF\"><\u002FHTML>`\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"color:#ADBAC7\">}\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>",1791232160973]