let c;
for (let p of document.querySelectorAll('body>p, body>div')) {
if (p.classList.contains('aside')) { c = undefined; continue; }
p.querySelector('span.time').remove();
if (c) {
c.innerHTML += ' ' + p.innerHTML; p.remove();
} else { c = p; }
}
And this CSS:
body p { width: 100%; }
body div.aside { width: 100%; border: 1px solid black; }
I'm thinking maybe that page was supposed to be embedded somewhere, next to a video maybe? It wasn't meant to be read like this right?
Sorry you hated the formatting. The transcript is meant to be an assistive technology for the video, and a place to put extra notes I couldn't fit into the time I had. Ideally, the transcript would scroll as the video advances and the timestamps would move the playhead to that part of the talk, but I haven't time this week to do as much hacking on that as I'd like.
