We offer educational games to support schools engage their students on specific issues. Here's a demo of one of our games, this one dealing with safe online relationships.

https://swipetapthink.com/member/demo/?id=demo

It's built using a heavily modified version of Squiffy, so I thought it might be of interest to the community.

Looks great!

Thanks. Was pleased to hear you have taken on Squiffy development. I've found it to be a very useful authoring tool, particularly given its versatility and ability to use Javascript freely.

Might not be the best place to discuss, but one thing that was a pain was Squiffy's injection of p tags to open and close each section. That's fine for people that want the default styling, but if you're using your own HTML you end up with DIVS and other blocks nested in paragraph tags, which isn't good.

I've carried out fairly extensive modifications to the template files, but never found a way to prevent the p tag injection - instead having to remove the offending tags from the story.js file post-compile with a simple find and replace.

Not the end of the world, but given Squiffy is very much set up for coders thanks to its flexibility, it would be helpful to disable this, or maybe offer a "dev" mode where this and other injected elements (like the HR tag) are disabled by default.

Also, the way Squiffy saves causes issues for iPhone and Mac users that enable private browsing. It essentially causes a failure to load. As far as I can tell it's because of the strange way that Apple's OS restricts localStorage.setItem when in private browsing mode.

There's no easy fix without a rewrite of the save system, but as a half way house you can detect the presence of private browsing restrictions and show a warning using something like:

Try { localStorage.test = 2; } catch (e)  {
Your error code;
} 

Might be worth including a check by default.

In terms of a fix I did start playing around with making use of WebSQL and a cookie solution, but in the end it wasn't worth the hassle.