Classification Effect

What is this?

A theme-agnostic (in theory) component that "classifies" text and "declassifies" it when being clicked. Has a few options for customization.

Notes on some limitations/downsides

Due to needing to work with purely CSS and Wikidot's limited selection of HTML features, this component's functionality is a bit limited. Of note:

• Only one block of text can have the "declassified" status at a time. If another part of the page or another classified block is clicked, the text will be "reclassified."
• The input content is limited to essentially just text. Breaks are possible, which I'll outline below, but adding anything else might not be possible. I've not tested everything but attempt at your own risk.
• The text content cannot be selected at all. So links and any other interactable content within this will not work.

Sample

Click on the text below to declassify it.

declass-textSCP-4378 is contained inside a 5 liter stainless steel mixing bowl.

+ Show above code

[[include :scptestwiki:component:classification-effect-source |block=--]
|declassification-speed=500
|classification-speed=2000
|content=SCP-4378 is contained inside a 5 liter stainless steel mixing bowl.
]]

Can also be used with multiple lines:

declass-textThe bowl is enclosed within the former kitchen of the United States White House with access via a single outward swinging door.
This door is to be kept locked at all times.
All movement and sound within 20 meters of the object is to be kept to a minimum; under no circumstances is it to be disturbed.

+ Show above code

[[include :scptestwiki:component:classification-effect-source |block=--]
|declassification-speed=3000
|classification-speed=1000
|content=The bowl is enclosed within the former kitchen of the United States White House with access via a single outward swinging door. _
This door is to be kept locked at all times. _
All movement and sound within 20 meters of the object is to be kept to a minimum; under no circumstances is it to be disturbed.
]]

It can also be used inline:

An X-Class cognitohazard is placed within the immediate vicinity of the kitchen door leading to SCP-4378, preventing White House personnel from either perceiving or approaching it.

+ Show above code

An X-Class cognitohazard is placed
[[include :scptestwiki:component:classification-effect-source |inline=--]
|declassification-speed=1500
|classification-speed=1500
|content=within the immediate vicinity of the kitchen door leading to SCP-4378
]]
, preventing White House personnel from either perceiving or approaching it.

---

declass-text

The bowl is enclosed within the former kitchen of the United States White House with access via a single outward swinging door.
This door is to be kept locked at all times.
All movement and sound within 20 meters of the object is to be kept to a minimum; under no circumstances is it to be disturbed.

The bowl is enclosed within the former kitchen of the United States White House with access via a single outward swinging door.
This door is to be kept locked at all times.
All movement and sound within 20 meters of the object is to be kept to a minimum; under no circumstances is it to be disturbed.

An X-Class cognitohazard is placed

, preventing White House personnel from either perceiving or approaching it.

---

How To Use

Styles Include

Always include this code just ONCE.
Put it at very beginning of your page but BELOW any theme includes.

[[include :scp-wiki:component:classification-effect-source |styles=--] ]]

---

Block & Inline Include

Include these for each piece of text you want to have the Classification Effect.

There is one option for text blocks, where it will sit on its own. This option allows line breaks in the content. The other option is for inline-text that will be placed within other non-classified text.

Note: declassification-speed and classification-speed are set per-component. You can give each block a different speed, if you'd like.

[[include :scp-wiki:component:classification-effect-source |block=--]
|declassification-speed=Number Animation speed in milliseconds
|classification-speed=Number Animation speed in milliseconds
|content=text line-breaks allowed
]]

[[include :scp-wiki:component:classification-effect-source |inline=--]
|declassification-speed=Number Animation speed in milliseconds
|classification-speed=Number Animation speed in milliseconds
|content=text line-breaks NOT allowed
]]

Block Include Multi-Line Content

You can have multi-line content but ONLY in the block-type include.
You just need to format the content like so:

[[div_ class="code"]]
|content=This is a super duper long text content that is eventually going to have a line break. _
You just need to add a space WITH an underscore after. _
Remember the space or it will not work. _
Adding a space after the underscore will also cause it not to work.