The good news:
We just received word that PBS Learning Media http://www.pbslearningmedia.org is interested in several of the simulations and tutorials at http://www.simbucket.com. Everything on the site is made with Construct 2. It is a huge feather in Construct 2's cap, as PBS content is seen by millions of students around the US every year.
The problem:
PBS Learning Media has very strict guidelines for what can be ingested into their CMS system. The guidelines are available at https://projects.pbs.org/confluence/display/DLM/Media+Format+Guidelines#MediaFormatGuidelines-Interactives. I am having trouble modifying the exported project files to meet their requirements:
[quote:134ipu7f]Only the index.html and the manifest.txt files should be located in the root of the archive. All other files should be contained in a subdirectory called content.
I have attempted the following solutions:
SOLUTION #1 - Create a folder called contents/, and put everything there except the index.html file. In order to do this, I need to modify all of the paths in index.html, c2runtime.js and data.js to refer to the contents/ folder for all resources. Does anyone know where I would change this in the exported code? I have tried every path reference I could find in c2runtime.js and data.js, and nothing seems to work. I have a few simulations made with previous versions of Construct 2 before the existence of the data.js file, and I can get those working fine.
Ashley, is it possible to tweak something in C2 or in the exported files to achieve the proper directory reference?
SOLUTION #2 - Set up an iframe within an index.html file in the root directory, then export the C2 project to a subdirectory called contents/. Here's my attempt so far: https://dl.dropboxusercontent.com/u/55106174/pbstest/index.html
Here's what I have so far for the container index.html:
<!DOCTYPE html>
<html>
<body>
<iframe src="content/index.html" style="min-height:100%;min-width:100%;">
<p>Your browser does not support iframes.</p>
</iframe>
</body>
</html>[/code:134ipu7f]
It doesn't look great: The iframe shows up with a 1px border, the container document has a white background while the iframe has a black background, and the iframe content is slightly smaller (10 px maybe?) than the container document. Are there any web gurus out there who know how to take care of these issues?