Here's what's happening with the animated text...
I'm quite surprised to realize squarespace code handling behind the curtains is not quite reliable. Depending on how you write that text you can have many different results.
So, for now, I've just copied the text from the other page, and it's working.
I also tweaked a bit with the script, but that was not the issue at all. The text currently working at studio is not tweaked. But this is: http://clockworkstudio.squarespace.com/studio-weird-bug
Trying to explain in short technical terms, the squarespace-generated-code that do work, split each line using <span>
. This weird behaviour there, however, is also code generated by squarespace but it contains no <span>
. Just <br>
, which makes it harder to identify different paragraphs, code wise, for my code to inject text into typed.js.
All that means that to get reliable results we'll probably need to do it in another way because by keeping it this way whenever you modify the text (which you should be able to do) there's a risk it won't work. Even if I'd go ahead and write more code to account for this, I fear there might be even more issues to arise.
Any wysiwyg code generator have this kind of problem, I just never realized sqsp one did have it this big.