Components Tech

Link to article: Components Tech.

Module Styles

• (none)

Inline Styles

• (none)

Includes

• :scp-wiki:component:coltop [info]
• :scp-wiki:component:coltop [info]
• :scp-wiki:component:colend [info]
• :scp-wiki:component:colend [info]
• :scp-wiki:component:tz [info]

CSS Classes

• blockquote

• blockquote

Page Source

@@ @@
@@ @@
++ Technical/Staff
@@ @@
@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:adult-content-warning | Adult Content Warning]]]
----
[[/=]]

This component is used to warn readers of adult content on an article they're reading.  To use it, paste the following, then add in the appropriate content warnings:

> @@[[include component:adult-content warning]]@@

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:hide-tags | Hide Tags]]]
----
[[/=]]

This component hides a page's tags. This component **can not** be used without Tech Team approval and can only be used on the first offset page on offset articles. To use it, paste the following:

> @@[[include :scp-wiki:component:hide-tags]]@@

See the [[[Technical Content Policy]]] for information.

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:interwiki-style | Interwiki Style]]]
----
[[/=]]

This component allows you to restyle the interwiki. To use it, paste the following:

>  @@[[include :scp-wiki:component:interwiki-style@@
> | priority=X
> | theme=<link to CSS stylesheet>
> | css=<URI-encoded CSS>
> @@]]@@

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:license-box | License Box]]]
----
[[/=]]

This component allows you to properly attribute files used in your pages and lets people know how to properly attribute your page as well. To use it, paste the following at the end of your page:

[[div class="blockquote"]]
@@[[include :scp-wiki:component:license-box]]@@
@@=====@@
@@> **Filename:** @@
@@> **Name:** (if different from filename)@@
@@> **Author:**@@
@@> **License:**@@
@@> **Source Link:**@@
@@> **Derivative of:** (If applicable)@@
@@> **Additional Notes:** (Optional)@@
@@=====@@
@@[[include :scp-wiki:component:license-box-end]]@@
[[/div]]

Once you've done that, make sure to add the [/system:page-tags/tag/_licensebox _licensebox tag] to your page.

If the page is a theme or cannot use the regular license box for whatever reason, start with @@[[include :scp-wiki:component:license-box-theme]]@@ instead. 

You can see an example of this component at the bottom of this page.

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:colstyle | Nested Collapsibles]]]
----
[[/=]]

This component allows you to nest collapsibles within each other. To use it, paste the following as your first level of collapsibles:

> @@[[include :scp-wiki:component:coltop@@
> | show=+ show block
> | hide=- hide block
> ]]
> Text to show inside the collapsible
> [[include :scp-wiki:component:colend]]

Paste this again within itself to nest them.

[[include :scp-wiki:component:coltop
| show=+ If done correctly
| hide=- it should look something like this!
]]
[[include :scp-wiki:component:coltop
| show=+ Then you paste it inside of itself
| hide=- To get this!
]]
Ain't that neat?
[[include :scp-wiki:component:colend]]
[[include :scp-wiki:component:colend]]

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:preview | Page Preview]]]
----
[[/=]]

This component adds invisible text at the beginning of your page for use as previews. To use it, paste the following at the top of your page:

> @@=====@@
> @@[[include :scp-wiki:component:preview@@
> |text=text]]
> @@=====@@

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:s-css-p | S-CSS-P]]]
----
[[/=]]

This component is used to list pages that don't operate well with the S-CSS-P browser extension, which injects custom CSS into scp-wiki pages. To add your page to it, modify the component page and add the slug for your article.

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:sigma-plus | Sigma+]]]
----
[[/=]]

This meta-component is used to help with the creation of themes, preserving the original aesthetics of Sigma-9 while updating it to modern CSS conventions. To use it, paste the following:

[[div class="blockquote"]]
@@[[include :scp-wiki:component:sigma-plus]]@@
[[/div]]

@@ @@
[[=]]
----
+++ [[size 125%]]📎[[/size]][[[component:tz | Timezone Converter]]]
----
[[/=]]

This component allows you to show a time that is converted into a user's timezone. For example:

[[include :scp-wiki:component:tz
| time=18:00
| tz=UTC
| text_if_tz_same=The event starts at 18:00 UTC, be there!
| text=The event starts at ${timeOriginal} ${tzOriginal}, or ${timeLocal} ${tzLocal}. Be there!
]]

To use it, paste the following:

> @@[[include :scp-wiki:component:tz@@
> | time=##:##, must be in 24 hour format
> | tz=default is UTC
> | date=YYYY-MM-DD, default is today
> | text_before=default is ${time} ${tz} is
> | text_after=default is "."
> ]]

Everything besides the time parameter is optional.