Hi Jack,
I would recommend reserving the data-collection link for actual participants, otherwise you might end up with noise submissions from test runs mixed in with valuable submissions from actual participants. The recommended link to share is the demonstration link, which comes with the debugger and a link to edit a copy of the project, which I need to troubleshoot issues. I did look up the database and fetched the demonstration for your project, but you might want to edit your message to not circulate the data collection link
Regarding the formatting issues, it’s coming from the fact that your HTML document is written as a standalone document, whereas it is actually injected as a part of another document when you include it in your experiment. More specifically, your HTML document contains a body node and applies CSS rules to all h1, header, p, div, etc. nodes in the document, which will necessarily also target those outside your HTML document, ie. including the nodes introduced by IBEX and PCIbex
What you can do is delete the first 5 lines of your HTML document (from <!DOCTYPE html> through <title>Passage One</title>) as well </html> at the very end. Then replace <body> with <div class="thisDocument"> and </body> at the end with </div>. Finally, prepend every selector in the CSS rules with .thisDocument, eg replace h1 { font-size: 2em; } with .thisDocument h1 { font-size: 2em; } and h2, h3, h4 { font-size: 1.5em; } with .thisDocument h2, .thisDocument h3, .thisDocument h4 { font-size: 1.5em; }, etc. Also make sure to replace body { with .thisDocument { in those rules
You should be good once you proceed to those edits
Jeremy