2b:null 2c:["$","title",null,{"children":"Happy Birthday Professor! | Aparna Krishnan | Observable"}] 31:[] 2f:{"id":"b6f1386fcbd613b9","slug":null,"title":"Happy Birthday Professor!","thumbnail":"d3f5b48cd92d08e8472b5555a013c49ce2736139228040d17415c77b1227e0b1","access_level":"public","create_time":"$D2023-02-14T00:46:57.102Z","update_time":"$D2023-02-14T00:58:57.296Z","view_time":null,"first_public_time":"$D2023-02-14T00:46:57.102Z","has_unpublished_edits":null,"fork":{"id":"fd1a691f78889698","slug":"happy-birthday-synchronizer","title":"“Happy Birthday” Synchronizer","owner":{"id":"f35c755083683fe5","login":"observablehq","name":"Observable"}},"stars":1,"starred":false,"owner":{"type":"team","id":"0b92b1438e140e9d","login":"aparnak799","name":"Aparna Krishnan","avatar_url":"https://avatars-next.observableusercontent.com/6753a0acf921239551456a133160847934758fe4e7661d6525748489ce829068","tier":"starter_2024"},"version":842,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c1b55e41c39ab2cc","login":"aparnak799","name":"Aparna Krishnan","avatar_url":"https://avatars-next.observableusercontent.com/6753a0acf921239551456a133160847934758fe4e7661d6525748489ce829068","tier":null}],"members":[{"type":"individual","id":"c1b55e41c39ab2cc","login":"aparnak799","name":"Aparna Krishnan","avatar_url":"https://avatars-next.observableusercontent.com/6753a0acf921239551456a133160847934758fe4e7661d6525748489ce829068","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Happy Birthday Professor!","cells":[{"id":0,"value":"md`# Happy Birthday Professor!\n\n\n---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"lyricsAnimation = html`

\n${lyrics.map(\n ([text, time]) => html`${text}`\n)}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":121,"value":"metronome = html`\n \n ${tick % 2 ? \"👐\" : \"🙏\"}\n restarts in ${countdown} seconds…`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":770,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"name = \"dear John\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"md`---\n## Values`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"bpm = 100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"relativeTime = now - startTime","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":166,"value":"tick = Math.floor(relativeTime / msPerBeat)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"msPerBeat = (1 / bpm) * 1000 * 60","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"duration = (lyrics.map(([, time]) => time).slice(-1)[0] + padding) * msPerBeat","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"// pad by one measure, rounding up to an even number of beats so the metronome doesn't skip\npadding = Math.ceil(meter / 2) * 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":53,"value":"// beats per measure\nmeter = 3","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":301,"value":"startTime = new Date(nextStartTime - duration)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"nextStartTime = {\n while (true) {\n const time = new Date(Math.ceil((Date.now() + 1) / duration) * duration);\n yield time;\n await Promises.when(time);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":329,"value":"countdown = Math.ceil((nextStartTime - now) / 1000)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"lyrics = [\n [\"Hap\", [0, 2]],\n [\"py \", [0, 2.5]],\n [\"birth\", [1, 0]],\n [\"day \", [1, 1]],\n [\"to \", [1, 2]],\n [\"you! \", [2, 0]],\n [\"Hap\", [2, 2]],\n [\"py \", [2, 2.5]],\n [\"birth\", [3, 0]],\n [\"day \", [3, 1]],\n [\"to \", [3, 2]],\n [\"you! \", [4, 0]],\n [\"Hap\", [4, 2]],\n [\"py \", [4, 2.5]],\n [\"birth\", [5, 0]],\n [\"day, \", [5, 1]],\n [`${name}, `, [5, 2]],\n [\"Hap\", [7, 0]], // this leaves an extra beat after the name\n [\"py \", [7, 0.5]],\n [\"birth\", [7, 1]],\n [\"day \", [7, 2]],\n [\"to \", [8, 0]],\n [\"you!\", [8, 1]]\n].map(([text, [t0, t1]]) => [text, t0 * meter + t1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"