spoiler block

Users of the Coppermind (or any MediaWiki fandom site) can hide paragraphs containing spoilers of particular books.

How to implement

Note: You need the ability to create pages on the Coppermind in order for this to work! If you do not already have these permissions, please follow the steps here.

Step 1: Navigate to your common.js page at https://coppermind.net/wiki/User:YOURUSERNAME/common.js
Step 2: Create Source
Step 3: Paste in common.js code and save
Step 4: Navigate to your common.css page at https://coppermind.net/wiki/User:YOURUSERNAME/common.css
Step 5: Create Source
Step 6: Paste in common.css code and save
Step 7: Refresh your browser

Blocking spoilers for multiple books

In order to block more than one book, you'll need to add a comma and copy the RegEx within the Selector. Here is an example: var spoilers = document.querySelectorAll('\*[id^="cite_ref-Dawnshard"], \*[id^="cite_ref-Oath"]');

Example of hidden text

Example of revealed text (by hovering over)

Help or Contributing

I am over on Discord under the username GreyHive. Just shoot me a message!

ADVANCED: Custom spoiler blockers

The Coppermind includes citations from sources other than books.

If you'd like to block something else:

Step 1: Go to a page with the type of citation you'd like to block.
Step 2: Right click on the subscripted notation, which looks like this: [1], then select "Inspect".
Step 3: Look at the parent element (element just above). It should look something like this:

Annotations use the superscript data type ('sup' ) to denote references.

<sup id="cite_ref-Dawnshard_.28novella.29-6-chapter_1-0" class="reference" title=""><a href="#cite_note-Dawnshard_.28novella.29-6-chapter-1">[1]</a></sup>

The id contains the name of the book, chapter, etc.

The spoilerblock html would search through all DOM elements looking for "cite_ref-VARIABLE" and change the style to a new class called "spoiler". The spoiler class has a black background and black text, which is removed when hovered over.

Step 4: Place the "cite_ref-VARIABLE" in your common.js using the steps above.

ALeonard9 / spoilerblock