2e:null 2f:["$","title",null,{"children":"StSA - Other Otherness | John Cayley | Observable"}] 34:T7ea,play = { var idx, loopCount, loopMsg, rdnScore, score, scoreNum, secondsBeforeAndBetween, yieldMsg; secondsBeforeAndBetween = 3; loopCount = 0; yield "wait for it ..."; await Promises.delay(secondsBeforeAndBetween * 1000); // an initial pause while (true) { // Loop repeatedly and forever ... loopMsg = `loop: ${loopCount++}`; for (scoreNum = 0; scoreNum < scores.length; scoreNum++) { // Following on here there is a slight complication in the algorithm that introduces an element of indeterminancy into our poetic translation, something else that is not easily possible in print. // readThrough_rdnPath(), below, constructs a version of the score named readThrough_path with a random order of this score’s constituent ‘lines.’ We inject the newly constructed score into the last two elements of our scores array so that on first encounter in each loop the lines become visible in the constructed order and then on second encounter (last in the scores array) they are rendered invisible in the same order. if (scoreNum === scores.length - 2) { rdnScore = readThrough_rdnPath(); scores[scores.length - 2] = scores[scores.length - 1] = rdnScore; } score = scores[scoreNum]; // This is where we inner-loop through each item in the current score and display the string of its spel for the length of time in its pause property. for (idx = 0; idx < score.length; idx++) { // provide some info: yieldMsg = loopMsg + `, score: ${scoreNum}, item: ${idx}, id: ${score[idx].spel.id}, `; yieldMsg += `string: '${score[idx].spel.string}', pause: ${score[ idx ].pause.toFixed(2)}`; yield yieldMsg; // info provided, do the work: document.getElementById(score[idx].spel.id).classList.toggle("visible"); await Promises.delay(score[idx].pause * 1000); } await Promises.delay(secondsBeforeAndBetween * 1000); } } }35:T469,

CSS

36:[{"id":"fdfc6519967ace15b1e5daa29d04e897439ff57a121433e983de4e689114788e8d826d7511d2b660f3b0b7deb46e1e124f6578a10a26dcb5115bfeef2482f1a2","href":"https://static.observableusercontent.com/files/fdfc6519967ace15b1e5daa29d04e897439ff57a121433e983de4e689114788e8d826d7511d2b660f3b0b7deb46e1e124f6578a10a26dcb5115bfeef2482f1a2","name":"cq_path.json","type":"application/json","lastModified":1663844289330.735,"size":2239},{"id":"3a9acbac801d271fa4f41befb2c1fa3d8f32b6ba479dcbe5006fb04b9a0989d3807f434e931b80374162e0ad83ca581f256b3a7b9b310f938067bea0c4861754","href":"https://static.observableusercontent.com/files/3a9acbac801d271fa4f41befb2c1fa3d8f32b6ba479dcbe5006fb04b9a0989d3807f434e931b80374162e0ad83ca581f256b3a7b9b310f938067bea0c4861754","name":"cq_parallel.json","type":"application/json","lastModified":1663844289330.735,"size":2303},{"id":"1534c49917525edb5e26a8587653720c290afb844bb03fe304887b3c1e53dcc6dfb8d68a1f614a32ba4e018a1c40e3eda9b236f13f62a5a32e251ec12279842b","href":"https://static.observableusercontent.com/files/1534c49917525edb5e26a8587653720c290afb844bb03fe304887b3c1e53dcc6dfb8d68a1f614a32ba4e018a1c40e3eda9b236f13f62a5a32e251ec12279842b","name":"cq_linear.json","type":"application/json","lastModified":1663844289330.735,"size":2220},{"id":"1ebc8b374c91dbd324350f9f5f3bfef933c12281979460d40292695d1a79768479c65f7fbaf53710493590b8c517968a7260a88c578faa011a37a7fe511b647f","href":"https://static.observableusercontent.com/files/1ebc8b374c91dbd324350f9f5f3bfef933c12281979460d40292695d1a79768479c65f7fbaf53710493590b8c517968a7260a88c578faa011a37a7fe511b647f","name":"NotoSerif-Regular.woff","type":"font/woff","lastModified":1663844289330.735,"size":239984},{"id":"33ff16ae2e07542fab1aae9aefba8bbc030b7026a56be0b463c467019b755f43e7f00f53957554d0e2a0491df10804f6997b808f813a25409a2b791de7221825","href":"https://static.observableusercontent.com/files/33ff16ae2e07542fab1aae9aefba8bbc030b7026a56be0b463c467019b755f43e7f00f53957554d0e2a0491df10804f6997b808f813a25409a2b791de7221825","name":"NotoSerif-Regular.woff2","type":"font/woff2","lastModified":1663844289330.735,"size":178240},{"id":"4787833041c8dd2b7ef83803d3cb606b42a2c3cca7bfdacabe2b5f5ebd32ce978b8d450d8fa1efd0cb865184e1c231a50975ca5f98d33f021a36acf918d6e51b","href":"https://static.observableusercontent.com/files/4787833041c8dd2b7ef83803d3cb606b42a2c3cca7bfdacabe2b5f5ebd32ce978b8d450d8fa1efd0cb865184e1c231a50975ca5f98d33f021a36acf918d6e51b","name":"NotoSerif-Regular.ttf","type":"font/ttf","lastModified":1663844289330.735,"size":375148},{"id":"7c8014976c70449191ef5223818da2f0b04d7f8c039f4bd0a3f08f4eab69112059f96a7ab8ab7d20b0f4a5dc692937e50f35202f46c8084795465a91f418a63b","href":"https://static.observableusercontent.com/files/7c8014976c70449191ef5223818da2f0b04d7f8c039f4bd0a3f08f4eab69112059f96a7ab8ab7d20b0f4a5dc692937e50f35202f46c8084795465a91f418a63b","name":"wf_path@1.json","type":"application/json","lastModified":1663844289330.735,"size":2233},{"id":"497afa6fbf76ff797eb6fa78d6ae6b1454a5de2de5bc37a5bb0ee1872371c86bbed3db7a230d348b3b548a4d7bc1d40e46b70b1a3694614ee05d3d0b1b5e5532","href":"https://static.observableusercontent.com/files/497afa6fbf76ff797eb6fa78d6ae6b1454a5de2de5bc37a5bb0ee1872371c86bbed3db7a230d348b3b548a4d7bc1d40e46b70b1a3694614ee05d3d0b1b5e5532","name":"wf_parallel@1.json","type":"application/json","lastModified":1663844289330.735,"size":2297},{"id":"dfa636706f6b7a53a8c290218b3c177d6be1d3abbb7577b92f1e6314b3b642c59fb7a6e6dc059d89226ef1e3675b8dccafaa5c432d9599ed288eed19bb8a0ea8","href":"https://static.observableusercontent.com/files/dfa636706f6b7a53a8c290218b3c177d6be1d3abbb7577b92f1e6314b3b642c59fb7a6e6dc059d89226ef1e3675b8dccafaa5c432d9599ed288eed19bb8a0ea8","name":"wf_linear@2.json","type":"application/json","lastModified":1663844289330.735,"size":2214}] 32:{"id":"a7f0e73f8c067eb3","slug":"stsa-other-otherness","title":"StSA - Other Otherness","thumbnail":"8cc6846d07b214c30e73196aa9e6915e8c38f188a8ed9e9c54b18efac8dce3f6","access_level":"public","create_time":"$D2022-09-22T10:58:09.330Z","update_time":"$D2023-12-15T22:49:08.229Z","view_time":null,"first_public_time":"$D2022-09-22T11:02:48.983Z","has_unpublished_edits":null,"fork":{"id":"b2a9765b2ca3e3be","slug":"stsa","title":"Scoring the Spelt Air","owner":{"id":"8cad4906c41da0ef","login":"shadoof","name":"John Cayley"}},"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":2667,"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"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":{"id":"d82373961f237124","slug":"scoring-the-spelt-air","title":"Scoring the Spelt Air","owner":{"id":"8cad4906c41da0ef","login":"shadoof","name":"John Cayley"}},"type":"notebook","body":{"title":"StSA - Other Otherness","cells":[{"id":0,"value":"# StSA - Other Otherness\nfor *Other_Otherness*, University of Catania, 22-23 Sept 2022
\nand for the organizer, Salvatore Marano, in particular","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":5,"value":"

${buildSpels(verseSpanned).spansStr}

","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"frame","database":"$undefined"},{"id":1906,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":629,"value":"----\nYour maker-composed text can be typed in here, between ``pre`` tags with their ‘verse’ id. You can style this element in the CSS :","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":582,"value":"

\nhigh mountain\n                                   raises\n                                                          ancient  city\nwinedark sea\n                                   floods\n                                                          modern harbour\n\ncalling        you\nstranger\n                                   through  power\n                                   within     history\n\nother          otherness\n

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"verse","database":"$undefined"},{"id":2644,"value":"p = cqJSON","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2282,"value":"----\nThe following cell is generated by the notebook and, basically, it extracts usable 2D position data for the spatialized composition above.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1026,"value":"verseSpanned = html`${await addSpansTo(verse)}`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":974,"value":"addSpansTo = (verseElem) => {\n let newText = ``;\n let text = verseElem.innerHTML;\n let spelStart = text.search(/\\S/); // nonwhitespace\n while (spelStart != -1) {\n newText += text.substr(0, spelStart);\n text = text.substr(spelStart);\n let spelEnd = text.search(/\\s/); // whitespace\n if (spelEnd == -1) spelEnd = text.length; // text ends with nonwhitespace\n newText += `` + text.substr(0, spelEnd) + ``;\n text = text.substr(spelEnd);\n spelStart = text.search(/\\S/);\n }\n return `

${newText}

`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2215,"value":"### Spels\n*Built from the cells composed and generated above.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":844,"value":"buildSpels = (verseSpannedElem) => {\n // builds the spels array of spel objects and returns styled spans for display\n let spansStr = ``;\n let spels = []; // new Map();\n let verseSpans = Array.from(verseSpanned.children);\n verseSpans.forEach((span, idx) => {\n let spel = {};\n spel.id = \"u\" + idx;\n spel.string = span.innerText;\n spel.leftvw = pxToVw(span.offsetLeft);\n spel.topvw = pxToVw(span.offsetTop);\n spels.push(spel);\n spansStr += `${span.innerHTML}`;\n });\n return { spansStr, spels };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1166,"value":"spels = buildSpels(verseSpanned).spels","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2109,"value":"### Scores\n*First cell is the array of ``scores`` which are looped through.*","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":507,"value":"scores = [\n readThrough_linear,\n toggleAll,\n parallel_segments,\n path_fading,\n // randomly chosen segments will be injected into the following on play()\n readThrough_path,\n readThrough_path\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2220,"value":"----\nScores and score-building utilities will be bespoke or manually composed for each project because these scores are where any poetic processes (of author and/or reader) interface with the algorithmic processes.\n\nNote also that words, phrases, or strings in the text will not necessarily be unique and so cannot be used as data structure ``keys``.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":947,"value":"readThrough_linear = alignedSpels(p.linear)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1335,"value":"toggleAll = {\n let a = [];\n spels.forEach((item) => a.push({ spel: item, pause: 0 }));\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2052,"value":"readThrough_parallel = alignedSpels(p.parallel)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1356,"value":"parallel_segments = {\n let p = readThrough_parallel;\n let a = [];\n a = addFade(p.slice(0, 4), a);\n a = addFade(p.slice(4, 6), a);\n a = addFade(p.slice(6, 10), a);\n a = addFade(p.slice(10, 13), a);\n a = addFade(p.slice(13, 15), a);\n a = addFade(p.slice(15, 19), a, 1.5);\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1302,"value":"readThrough_path = alignedSpels(p.path)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1431,"value":"path_fading = {\n let p = readThrough_path;\n let a = [];\n a = addFade(p.slice(0, 6), a);\n a = addFade(p.slice(6, 11), a);\n a = addFade(p.slice(11, 14), a);\n a = addFade(p.slice(14, 19), a, 1.5);\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2154,"value":"### Score-building utilities","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1366,"value":"addFade = (s, a, interPause = 0) => {\n a = a.concat(s);\n if (interPause > 0) {\n a[a.length - 1] = { spel: a[a.length - 1].spel, pause: interPause };\n }\n s.forEach((item) => a.push({ spel: item.spel, pause: 0 }));\n a[a.length - 1] = s[s.length - 1];\n return a;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":948,"value":"alignedSpels = (alignmentJSON) => {\n let allWords = [];\n Object.keys(alignmentJSON).forEach((segment) => {\n alignmentJSON[segment].forEach((speech) => {\n allWords = allWords.concat(speech.wdlist);\n });\n });\n let aSpels = [];\n allWords.forEach((alignedWord, idx) => {\n let p = alignedWord.end - alignedWord.start;\n if (idx < allWords.length - 1) {\n p = p + (allWords[idx + 1].start - alignedWord.end);\n }\n let string = alignedWord.word.match(/\\w*/)[0];\n // TODO: needs serious work! this STSA too alignment-dependent for distribution\n let spel = spels.filter((sp) => sp.string === string)[0]; // finds words in alignment data\n // spel = spel ? spel : spels[idx]; // HACK would allow quick even number of words substitution\n aSpels.push({ spel: spel, pause: p }); // spels[idx]\n });\n return aSpels;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1672,"value":"readThrough_rdnPath = () => {\n let segments = readThrough_path.slice(0);\n segments[segments.length - 1].pause = 2.5;\n segments = shuffle([\n segments.slice(0, 6),\n segments.slice(6, 11),\n segments.slice(11, 14),\n segments.slice(14)\n ]);\n let flattened = segments.reduce((a, b) => a.concat(b), []);\n return flattened;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"$35","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":2579,"value":"widthHeight = {\n let width = pxToVw(\n Array.from(verseSpanned.children).reduce(\n (a, b) => Math.max(a, b.offsetLeft + b.offsetWidth),\n 0\n )\n );\n let height = pxToVw(\n Array.from(verseSpanned.children).reduce(\n (a, b) => Math.max(a, b.offsetTop + b.offsetHeight),\n 0\n )\n );\n return `width: ${width}, height: ${height}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2088,"value":"### General utilities","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1051,"value":"pxToVw = (px) => px * (100 / document.documentElement.clientWidth)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1680,"value":"shuffle = (a) => {\n let i = a.length;\n while (--i > 0) {\n let j = ~~(Math.random() * (i + 1)); // ~~ is a common optimization for Math.floor\n let t = a[j];\n a[j] = a[i];\n a[i] = t;\n }\n return a;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1209,"value":"### File attachment references\n\nThese JSON files contain data kindly rendered by [reduct.video](https://reduct.video) thanks to the good offices of Robert Ochshorn. They contain alignment information: *start* and *end* timestamps for the sound images of words in audio recordings of texts being performed vocally. In this case the audio recordings were made by myself, reading the text of this translation from a Chinese quatrain in three different orders.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1513,"value":"wfJSON = ({\n linear: await FileAttachment(\"wf_linear@2.json\").json(),\n parallel: await FileAttachment(\"wf_parallel@1.json\").json(),\n path: await FileAttachment(\"wf_path@1.json\").json()\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2640,"value":"cqJSON = ({\n linear: await FileAttachment(\"cq_linear.json\").json(),\n parallel: await FileAttachment(\"cq_parallel.json\").json(),\n path: await FileAttachment(\"cq_path.json\").json()\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 33:"$32:body"