Board Thread:Script Suggestions/@comment-36292647-20180723213816

A few years back a feature was introduced on the Creepypasta Wiki that allowed you to click a link at the top of the page which would in turn isolate the content of the page from the rest of the site. This created a sort of 'distraction free' reading environment which I quite enjoyed. Sadly, the site took it down and the source code seems to have been lost. That said, I would still like to recreate it in some way (and maybe better if I can manage).

So without further a do, here is a rough description of how it should work:

1. A link is added at the top of the page that says something akin to "Read alone in the dark"

2. When clicked, the script will create a full-page mask that overlays the page

3. The script will then take the content of the page and put it into the mask so that it is on its own

4. There should be an X of some sort in the corner that would close the mask

A few other things I thought would be neat:

- the ability to change the font between serif, sans-serif, and a dyslexic friendly font

- the ability to change the color scheme from white on black to black on white

- the ability for it to function on mobile screens too

I think I know roughly how to do this but I do need some help.

1. How do I determine that I am on a story page and not a user page

2. How do I add CSS to a page with Javascript 