2e:null 2f:["$","title",null,{"children":"gore-tex | John Cayley | Observable"}] 34:Td19,scores = ({ phrasesFadeInFadeOut: [ [ // first couplet { div: "l0w0", pause: 7 }, // myriad mountains { div: "l0w1", pause: 1.5 }, // { div: "l0w0", pause: 2.5 }, // { div: "l0w1", pause: 0 }, { div: "l1w0", pause: 2.5 }, // numberless pathways { div: "l1w1", pause: 1.1 }, { div: "l0w0", pause: 2.5 }, { div: "l0w1", pause: 0 }, { div: "l1w0", pause: 0 }, { div: "l1w1", pause: 0 }, { div: "l0w2", pause: 2.4 }, // bird flights { div: "l0w3", pause: 1.4 }, // { div: "l0w2", pause: 2.4 }, // { div: "l0w3", pause: 0 }, { div: "l1w2", pause: 2.4 }, // human traces { div: "l1w3", pause: 1.4 }, { div: "l0w2", pause: 2.4 }, // fade out { div: "l0w3", pause: 0 }, { div: "l1w2", pause: 0 }, { div: "l1w3", pause: 0 }, { div: "l0w4", pause: 2.4 }, // end { div: "l0w4", pause: 2.4 }, { div: "l1w4", pause: 2.5 }, // dust { div: "l1w4", pause: 2.5 } ], [ // second couplet { div: "l2w0", pause: 3 }, // lone canoe { div: "l2w1", pause: 1.2 }, { div: "l3w0", pause: 2.5 }, // lonely line { div: "l3w1", pause: 1.4 }, { div: "l2w0", pause: 2.5 }, // fade out { div: "l2w1", pause: 0 }, { div: "l3w0", pause: 0 }, { div: "l3w1", pause: 0 }, { div: "l2w2", pause: 2.2 }, // gore-text hooded { div: "l2w3", pause: 1.4 }, { div: "l3w2", pause: 2.5 }, // cold river { div: "l3w3", pause: 2.0 }, { div: "l2w2", pause: 2.5 }, // fade out { div: "l2w3", pause: 0 }, { div: "l3w2", pause: 0 }, { div: "l3w3", pause: 0 }, { div: "l2w4", pause: 2.0 }, // zen { div: "l2w4", pause: 2.4 }, { div: "l3w4", pause: 2.4 }, // snow { div: "l3w4", pause: 2.4 } ] ], readThroughFadeIn_thenOut: [ [ { div: "l0w0", pause: 7 }, { div: "l0w1", pause: 1.5 }, { div: "l0w2", pause: 2.4 }, { div: "l0w3", pause: 1.4 }, { div: "l0w4", pause: 1.8 } ], [ { div: "l1w0", pause: 3 }, { div: "l1w1", pause: 1.1 }, { div: "l1w2", pause: 2.7 }, { div: "l1w3", pause: 1.4 }, { div: "l1w4", pause: 2 } ], [ { div: "l2w0", pause: 3 }, { div: "l2w1", pause: 1.2 }, { div: "l2w2", pause: 2.2 }, { div: "l2w3", pause: 1.4 }, { div: "l2w4", pause: 1.6 } ], [ { div: "l3w0", pause: 2.5 }, { div: "l3w1", pause: 1.4 }, { div: "l3w2", pause: 2.2 }, { div: "l3w3", pause: 2.0 }, { div: "l3w4", pause: 2.0 } ], [ { div: "l0w0", pause: 7 }, { div: "l0w1", pause: 1.5 }, { div: "l0w2", pause: 2.4 }, { div: "l0w3", pause: 1.4 }, { div: "l0w4", pause: 1.8 } ], [ { div: "l1w0", pause: 3 }, { div: "l1w1", pause: 1.1 }, { div: "l1w2", pause: 2.7 }, { div: "l1w3", pause: 1.4 }, { div: "l1w4", pause: 2 } ], [ { div: "l2w0", pause: 3 }, { div: "l2w1", pause: 1.2 }, { div: "l2w2", pause: 2.2 }, { div: "l2w3", pause: 1.4 }, { div: "l2w4", pause: 1.6 } ], [ { div: "l3w0", pause: 2.5 }, { div: "l3w1", pause: 1.4 }, { div: "l3w2", pause: 2.2 }, { div: "l3w3", pause: 2.0 }, { div: "l3w4", pause: 2.0 } ] ] })35:Ta10,css = html` `36:[] 32:{"id":"780fb50d5034837a","slug":"carhartt","title":"gore-tex","thumbnail":"89cb655a28fb1b41e117a9c9b4cb451f0f3ea637d6bc05d1bd6e93a4679d580f","access_level":"public","create_time":"$D2020-12-17T16:49:45.225Z","update_time":"$D2025-09-07T22:31:03.360Z","view_time":null,"first_public_time":"$D2020-12-18T03:40:17.190Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"8cad4906c41da0ef","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":"pro_2024"},"version":664,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5c3cbd6193f712f7","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":null}],"members":[{"type":"individual","id":"5c3cbd6193f712f7","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":null,"role":"editor"},{"type":"team","id":"8cad4906c41da0ef","login":"shadoof","name":"John Cayley","avatar_url":"https://avatars-next.observableusercontent.com/d4a045c1060f722297a6047ffa90d6cd33806f54fcaa444ac3f1882c0fd4ee4f","tier":"pro_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":{"id":"fd7d6893032023e6","slug":"quatrains","title":"quatrains and more","owner":{"id":"8cad4906c41da0ef","login":"shadoof","name":"John Cayley"}},"type":"notebook","body":{"title":"gore-tex","cells":[{"id":0,"value":"md`# gore-tex\nhooded zen\n\ncreated early in the course of work with Observable 20XX\n\nsuperceded by production verion in Framework at https://shi.programmatology.com/riverSnow`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"quatrain = html`\n

\nmyriadmountainsbirdflightsend\n\nnumberlesspathwayshumantracesdust\n\nlonecanoegore-texhoodedzen\n\n\nlonelylinecoldriversnow\n

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"loop = {\n while (true) {\n yield \"looping [while (true)]\";\n for (let score in scores) {\n let theScore = scores[score];\n for (let line = 0; line < theScore.length; line++) {\n let words = theScore[line];\n for (let word = 0; word < words.length; word++) {\n await scorepause(words[word].div, words[word].pause);\n // console.log(`index: ${i}`);\n }\n }\n }\n }\n yield \"not looping [while (false)]\";\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":511,"value":"scorepause = async (div, pause) => {\n return await Promises.delay(pause * 1000).then(() => {\n let theElem = document.getElementById(`${div}`);\n theElem.classList.toggle('visible');\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":461,"value":"loop0 = undefined // Generators.observe(notify => {\n// let seconds = 3,\n// l = 0,\n// w = 0,\n// lastPause;\n// // while (true) {\n// let pause = setInterval(() => {\n// if (typeof lastPause !== 'undefined') {\n// clearInterval(lastPause);\n// }\n// lastPause = pause;\n// let theElem = document.getElementById(`l${l}w${w}`);\n// theElem.classList.toggle('visible');\n// w = w + 1;\n// if (w > 4) {\n// w = 0;\n// l = l + 1;\n// if (l > 3) {\n// l = 0;\n// }\n// }\n// seconds = pauses[l][w];\n// }, seconds * 1000);\n// notify(w);\n// // }\n// // return () => clearTimeout(pause);\n// })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":427,"value":"loop1 = {\n let seconds = 7,\n l = 0,\n w = 0;\n while (false) {\n yield Promises.tick(seconds * 1000).then(() => {\n let theElem = document.getElementById(`l${l}w${w}`);\n theElem.classList.toggle('visible');\n w = w + 1;\n if (w > 4) {\n w = 0;\n l = l + 1;\n if (l > 3) {\n l = 0;\n }\n }\n seconds = pauses[l][w];\n });\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":408,"value":"loop2 = {\n let seconds = 1,\n l = 0,\n w = 0,\n theElem = document.getElementById(`l${l}w${w}`);\n while (false) {\n theElem = document.getElementById(`l${l}w${w}`);\n let pause = pauses[l][w];\n if (theElem)\n yield Promises.tick(pause * 1000).then(() => {\n theElem.classList.toggle('visible');\n });\n w = w + 1;\n if (w > 4) {\n w = 0;\n l = l + 1;\n if (l > 3) {\n l = 0;\n }\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":400,"value":"md`## Constants`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":547,"value":"pauses = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"function sleep(hundredths) {\n if (hundredths < 0) hundredths = 0;\n return new Promise((resolve) => setTimeout(resolve, hundredths * 10));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"import { andaleMono } from \"@shadoof/sifther\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":573,"value":"

flights

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"test","database":"$undefined"},{"id":612,"value":"document.getElementById(\"test\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"toggleVisibility(document.getElementById(\"test\"))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"Hello World!","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":584,"value":"async function toggleVisibility(elem) {\n // Split the text content into an array of letters\n const letters = Array.from(elem.children);\n for (const letter of letters) {\n letter.classList.toggle(\"visible\");\n console.log(letter.textContent);\n await sleep(30);\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"