31: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 } ] ] })32:Ta10,css = html` `33:[] 2f:{"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"},{"id":5,"value":"quatrain = html`\n

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

\n`","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"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"},{"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"},{"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"},{"id":400,"value":"md`## Constants`","pinned":false,"hidden":false,"mode":"ojs"},{"id":507,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":547,"value":"pauses = []","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":19,"value":"import { andaleMono } from \"@shadoof/sifther\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":573,"value":"

flights

","pinned":true,"hidden":false,"mode":"html"},{"id":612,"value":"document.getElementById(\"test\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":597,"value":"toggleVisibility(document.getElementById(\"test\"))","pinned":true,"hidden":false,"mode":"ojs"},{"id":590,"value":"Hello World!","pinned":true,"hidden":false,"mode":"html"},{"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"},{"id":16,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}