Embedding various interactive content in the slide works very sporadically

[jcelerier]

Hello, The whole system is super nice but I'm encountering a fairly frustrating issue.

Here are my slides: https://interactive-design.jcelerier.name/ The source code: https://gitlab.com/jcelerier/interactive-design-class/-/tree/master/public

The issue is, that the various "interactive" things I embed into my slides works only sometimes (and other times display nothing or look like they haven't been processed in the mathjax case)

e.g.

• embedded tweets here https://interactive-design.jcelerier.name/#4 and there https://interactive-design.jcelerier.name/#5 (here in the source: https://gitlab.com/jcelerier/interactive-design-class/-/blob/master/public/slides.md#L49)

• a p5 widget here: https://interactive-design.jcelerier.name/#12 (here in the source: https://gitlab.com/jcelerier/interactive-design-class/-/blob/master/public/slides.md#L201)

• mathjax formulas here: https://interactive-design.jcelerier.name/#41 (those are the worst, I only manage to see them once every 10 ctrl-F5 refreshes). (here in the source: https://gitlab.com/jcelerier/interactive-design-class/-/blob/master/public/slides.md#L649)

I don't know at all where to look, would someone have an idea of how to debug that ? I'd be fine with delay-loading things by a few seconds if ther are some init steps that happen too early but I don't know where would be the best place to do that.

It seems to work a little bit better in chrome than in firefox but that could frankly be just 100% random.

Thanks !

[dmurdoch]

You should check the browser console. When I do, I see an error trying to download a file from twitter: that could kill the whole process, and would have symptoms like yours. Here's the error I saw on Firefox:

The resource at “https://platform.twitter.com/widgets.js” was blocked because content blocking is enabled.

On Chrome, it was a favicon.ico file that failed.

Making the document self-contained might help, unless you really need live downloads: then you're at the mercy of the host and the browser.

[jcelerier]

ohhh, I have that favicon error I think, didn't believe that it would break everything. Trying, thanks.

[jcelerier]

Hm no, that's not it :( and all my scripts except the twitter one are local - e.g. for instance this slides should display mathjax equations: https://interactive-design.jcelerier.name/module-1.html#42 - all the JS is in here: https://gitlab.com/jcelerier/interactive-design-class/-/tree/master/public (js folder)