Puffer's Nifty Tricks at Writing
@supports((display: -ms-grid) or (display: grid)) {
:root {
/* header measurements */
--header-height-on-desktop: 10rem;
--header-height-on-mobile: 10rem;
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header {
background: none;
}
#header::before {
content: " ";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0.75rem;
background-image: var(--logo-image);
background-repeat: no-repeat;
background-position: center -3.5rem;
-webkit-background-size: auto 8rem;
-moz-background-size: auto 8rem;
-o-background-size: auto 8rem;
background-size: auto 8rem;
background-position: center top;
opacity: 0.45;
pointer-events: none;
}
#header h1,
#header h1 a,
#header h1 a::before {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
}
#header>h1>a>span {
width: 100%;
height: 100%;
top: 0;
left: 0;
max-width: inherit;
}
#header h1 {
height: -webkit-calc(100% - 2.25rem);
height: -moz-calc(100% - 2.25rem);
height: calc(100% - 2.25rem);
}
#header h1 a::before,
#header h1 a {
text-align: center;
line-height: 0.8;
}
#header h2,
#header h2 span,
#header h2 span::before {
position: absolute;
left: 0;
top: 0.15em;
margin-left: 0;
padding: 0;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-height: inherit;
z-index: 0;
text-transform: uppercase;
pointer-events: none;
}
#login-status {
min-height: -webkit-calc(var(--base-font-size) * 1.5);
min-height: -moz-calc(var(--base-font-size) * 1.5);
min-height: calc(var(--base-font-size) * 1.5);
-webkit-border-radius: .0625rem;
-moz-border-radius: .0625rem;
border-radius: .0625rem;
-webkit-border-radius: var(--border-radius-width);
-moz-border-radius: var(--border-radius-width);
border-radius: var(--border-radius-width);
color: rgb(var(--pale-gray-monochrome));
background-color: rgba(0, 0, 0, 0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
left: 3%;
right: initial;
}
#login-status .printuser {
--wght: 900;
position: relative;
top: 0;
left: 0;
color: rgb(var(--swatch-menutxt-light-color));
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0.25rem;
margin: 0;
font-weight: 900;
}
#login-status #my-account {
--wght: 300;
color: rgb(var(--pale-gray-monochrome));
font-weight: 300;
}
#login-status #account-topbutton {
border: initial;
padding: 0.5em 0.5em 0.5em 0.25em;
position: relative;
height: 100%;
top: 0;
left: 0;
margin: 0;
font-size: 1em;
}
#account-options {
width: auto;
padding: 0.5em;
border-color: rgba(var(--bright-accent));
background: var(--gradient-header);
color: rgb(var(--swatch-text-light));
}
#account-options ul li a {
color: rgb(var(--swatch-text-light));
}
#account-options li a:hover {
color: rgb(var(--swatch-text-light));
text-decoration: underline;
}
@media only screen and (min-width: 769px) {
#search-top-box {
right: 3%;
top: 0.5rem;
}
#search-top-box-form>input,
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
background: rgb(var(--black-monochrome));
}
#search-top-box-form>input {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form>input:hover,
#search-top-box-form>input:focus {
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
#search-top-box-form input[type="submit"],
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
border: none;
border-left: 0.0625rem solid rgb(var(--swatch-primary-darkest));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-dark-color));
}
#search-top-box-form input[type="submit"] {
background: rgb(var(--swatch-primary-darkest));
color: rgb(var(--swatch-menutxt-light-color));
}
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
background: rgb(var(--swatch-primary));
-webkit-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
-moz-box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
box-shadow: 0 0 0 0.125rem rgb(var(--swatch-menubg-medium-dark-color));
}
}
#page-title {
text-align: center;
}
@media only screen and (max-width:768px) {
:root {
--header-h1-font-size: -webkit-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: -moz-calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
--header-h1-font-size: calc(2rem + (2.5 - 2) * ((100vw - 18.750rem) / (60 - 18.750)));
}
#header h1,
#header h1 a,
#header h1 a::before {
top: 0.25rem;
}
#header h2,
#header h2 a,
#header h2 a::before {
top: 0;
}
#header h2 span {
margin-top: -webkit-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: -moz-calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 + .25rem);
margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - .25rem);
}
}
G'day g'day, I'm
Professor Puffer as you know. If you've stumbled onto this page, it means I've either given you the link while critiquing your ideas or drafts and you require assistance in CSS coding or are in need of other tidbits of information. Below are the useful bits of information I've accumulated while helping authors on my travels. Come rest awhile, dear author.
Table of Contents
What is SCP?
The SCP Wiki is a collaborative writing project with thousands of participating authors. Anyone can join the Wiki. It's quite simple. Everyone is welcomed and you can freely write whatever you want.
But what is an SCP Wiki article composed of? It's divided into three key concepts:
- Reasonable and effective containment procedures
These are crucial to writing a good SCP article. You must draw in the reader and show them the world you've created. Otherwise, they'll just go read SCP-5000 again and leave your article in the dust, and we can't have that.
Also, make sure to not drown the reader in exposition. An SCP blandly explaining their entire life story in an interview is boring. Show the reader, don't tell them.
What are Object Classes?
So you've heard of Safe, Euclid, and Keter. But what exactly are these?
Safe
Safe-class SCPs are anomalies that are easily and safely contained. This is often due to the fact that the Foundation has researched the SCP well enough that containment does not require significant resources or that the anomalies require a specific and conscious activation or trigger. Classifying an SCP as Safe, however, does not mean that handling or activating it does not pose a threat.
For a complete list of Safe-class articles on the site, click here.
Euclid
Euclid-class SCPs are anomalies that require more resources to contain completely or where containment isn't always reliable. Usually, this is because the SCP is insufficiently understood or inherently unpredictable. Euclid is the Object Class with the greatest scope, and it's usually a safe bet that an SCP will be this class if it doesn't easily fall into any of the other standard Object Classes.
As a note, any SCP that's autonomous, sentient and/or sapient is generally classified as Euclid, due to the inherent unpredictability of an object that can act or think on its own.
For a complete list of Euclid-class articles on the site, click here.
Keter
Keter-class SCPs are anomalies that are exceedingly difficult to contain consistently or reliably, with containment procedures often being extensive and complex. The Foundation often can't contain these SCPs well due to not having a solid understanding of the anomaly, or lacking the technology to properly contain or counter it. A Keter SCP does not mean the SCP is dangerous, just that it is simply very difficult or costly to contain.
For a complete list of Keter-class articles on the site, click here.
Thaumiel
Thaumiel-class SCPs are anomalies that the Foundation specifically uses to contain other SCPs. Even the mere existence of Thaumiel-class objects is classified at the highest levels of the Foundation and their locations, functions, and current status are known to few Foundation personnel outside of the O5 Council.
For a complete list of Thaumiel-class articles on the site, click here.
Neutralized
Neutralized SCPs are anomalies that are no longer anomalous, either through having been intentionally or accidentally destroyed, or disabled.
For a complete list of Neutralized-class articles on the site, click here.
Explained
Explained SCPs are commonly articles about anomalies that are completely and fully understood to the point where their effects are now explainable by mainstream science or phenomena that have been debunked or falsely mistaken as an anomaly.
For a complete list of Explained-class articles on the site, click here.
Esoteric/Narrative Classes
Esoteric Object Classes, also occasionally referred to as Narrative classes, are Object classes that do not fall into any of the above sections. They are generally only used once and are created to further the narrative in a particular SCP. It is highly recommended that SCPs use one of the standard Object Classes listed here. While some authors choose to introduce exceptions to these rules, they are only very rarely done and need to justify their existence and placement. Many site members will downvote for non-standard Object Classes if used without merit.
For a comprehensive list of Esoteric Object Classes and the articles that use them, click here.
What is the ACS?
The ACS, or Anomaly Classification System is the relatively newer method of identifying SCPs. There are key features in this new system that I will be discussing, should you use the ACS in your article.
First up: How do you make one of these and how do you check if you're classifying something correctly?
Here is the bare bones code for the ACS that you can put in your article. As an example, I'll be using SCP-2951.
[[include :scp-wiki:component:anomaly-class-bar-source
|item-number= 2951
|clearance= 3
|container-class= euclid
|secondary-class= none
|secondary-icon= https://urlhere.com
|disruption-class= vlam
|risk-class= warning
]]
And as you can see, the ACS below is a direct copy of what is above.
Containment Class:
euclid
But ACS isn't limited to just the standard Safe-Euclid-Keter system. Now there are dozens of
Esoteric Classes to choose from for your specific entry. Hell, you can even make your own Esoteric Class if you want and use that.
Below is a few examples of SCPs with different classes. All of these are created with the simple code used above.
Containment Class:
esoteric
Secondary Class:
thaumiel
Containment Class:
pending
Containment Class:
esoteric
Containment Class:
euclid
You get the general idea now of what these look like, but what do they mean?
Each classification: Clearance Level, Container Class, Disruption Class, Risk Class; they all identify the anomaly in a specific way. In describing the anomaly with a glance, readers can tell what kind of story they're about to read.
Clearance Level
This is an adaptation of the already existing Clearance Levels. A number of modifications will be described below. Clearance Levels refers to the level of an employee that is given permission to read the information contained within the document.
Containment Class
This is the same as the classic "Object Class." It is renamed in order to more clearly convey what the classification refers to: Containment. This is the "Contain" part of "Secure, Contain, Protect."
Disruption Class
This is one of the new classes invented for this Classification System. Disruption Class refers to an anomaly's ability to disturb the status quo and/or break the veil. This is the "Secure" part of "Secure, Contain, Protect."
When considering the Disruption Class of an object, ask yourself these questions:
- How swiftly will the influence of the anomaly spread?
- How far will it spread if left unchecked?
- How easily can The Foundation neutralize its effects?
Risk Class
This is one of the new classes invented for this Classification System. Risk Class refers to the severity of an anomaly's effects on an individual person and how easily one can recover from it. This is the "Protect" part of "Secure, Contain, Protect."
When considering the Risk Class of an object, ask yourself these questions:
- How easily can an individual recover, if at all?
- How severe are the effects?
- At what proximity do these effects start being noticed?
Secondary Class
This is an optional new class used, but not invented, for this classification system. The Secondary Class can also be known as the "Esoteric Class."
It is standard for the Containment Class to be set to "Esoteric" when utilizing a Secondary Class, but this is not required.
Now onto the Clearance Levels, which comprise of six levels as follows.
Level 1: Unrestricted (UR)
This document is available to all Foundation employees. If someone gets a regular paycheck from The Foundation, they can see this document.
Level 2: Restricted (RS)
This document is available to the majority of employees upon request. If the employee has a subordinate, then they are already granted Level 2 access. If an employee does not have any subordinates, then they must request access to the document from their supervisor.
Level 3: Confidential (CF)
This document is available to the minority of employees. The primary administrative staff of a Site will have Level 3 access. If an employee has a subordinate but does not have Level 3 access, they must request access to the document from their site administrative staff. If an employee does not have a subordinate, they must request access from their supervisor who will then request access from the site administrative staff.
Level 4: Secret (SC)
This document is ONLY available to site and foundation administrative staff. Access to employees without Level 4 access will, generally, be declined and only approved for very specific purposes.
Level 5: Top Secret (TS)
This document is ONLY available to the highest Foundation Administrative Staff, such as the Ethics Committee or the O5 Council. Anyone without Level 5 access will always be denied.
Level 6: Cosmic Top Secret (CTS)
This document is ONLY available to a member of the O5 Council. All access to this document is granted solely at the discretion of an O5 Council member.
Next up is the Disruption Classification system.
Dark
The known or potential disruption is so low as to not be a concern.
The object is essentially inert when not interacted with and may potentially only affect a single individual.
The Foundation would find it trivial to clean up after it.
Vlam
The known or potential disruption would be localized to a small handful of people.
The anomalous effects certainly do affect multiple people, but it would not extend very far.
The Foundation would find it relatively simple to neutralize its effects.
Keneq
The known or potential disruption would be extended to a number of people roughly defined as a city.
The anomalous effects could spread with fairly significant speed, fast enough as to cause concern.
The Foundation would find it moderately difficult to neutralize its effects.
Ekhi
The known disruption would extend to roughly the size of a large metropolitan area to an entire country. The potential disruption could extend to the entire known world.
The spread would be swift and difficult to manage.
The Foundation would find it quite difficult to neutralize its effects.
Amida
This Disruption Class should be reserved for special circumstances when The Foundation is essentially "declaring war" on an anomaly. When an anomaly poses such a dire threat to the status quo and The Foundation's veil that there is no other option than to use all possible options in order to Neutralize it.
The effects of an Amida anomaly would extend to the entire known world and possibly the entire universe.
Alright got that? Good. Because there is one more. The Risk Class.
Notice
The anomalous effects of the object are nearly non-existent to mild.
An individual within close proximity of the object would not feel anything as a result of the object.
It poses no danger to any individual nearby.
Caution
The anomalous effects of the object are mild to moderate.
An individual within close proximity of the object may feel mild effects from the anomalous object.
It poses mild danger to any individual nearby.
Warning
The anomalous effect of the object are moderate to significant.
An individual within close proximity of the object will feel mild effects or may feel major effects from the anomalous object.
It poses moderate danger to any individual nearby.
Danger
The anomalous effect of the object are significant to extreme.
An individual within close proximity of the object will feel major effects or may feel extreme effects from the anomalous object.
It poses significant danger to any individual nearby.
Critical
This Risk Class should only be chosen when the object's effects will be near instant and/or extremely severe.
It does not, necessarily, need to cause actual death, but death is incredibly likely and expected. Any individual nearby will feel the effects near instantly and the possibility of recovery is impossible.
The final bit to consider while creating the ACS for your article is the Secondary Class, which I will describe below.
The Secondary Class is reserved for Esoteric anomalies, which is a new category altogether. It replaces the Primary Class with Esoteric and the secondary class with your desired anomaly as shown below.
A full list of their icons can be found here.
A full list of their icons can be found here.
A full list of their icons can be found here.
These specific icons were created by
Dr Moned
A full list of their icons can be found here.
These specific icons were created by
ItsDenali
A full list of their icons can be found here.
What Are Threat Levels?
Threat Levels, are an optional classification you can add to an anomaly, further identifying them. I will show you what the individual levels mean, as well as how to add them to your article.
Threat Levels come in seven different levels:
White
The object is beneficial to the Foundation and its use is strictly regulated, as detailed in the object's special containment procedures. Often assigned to Safe class objects.
Blue
The object might be beneficial, but its mechanisms are poorly understood or remain unknown. This applies to items with undefined properties or to entities that react differently to different individuals. Often assigned to Safe and Euclid class objects.
Green
The object is not beneficial, but isn't harmful as long as it is handled correctly. Often assigned to Safe and Euclid class objects.
Yellow
The object is harmful but easy to recontain. This may indicate that it can quickly be brought under control as long as certain, easily achievable conditions are met. May be assigned to either Safe, Euclid, or even Keter class objects.
Orange
The object is unpredictable, exhibiting dangerous properties and is difficult to recontain. It is generally the lowest level assigned to humanoid entities. Often assigned to Euclid and Keter class objects.
Red
The object is highly unpredictable and possesses considerable destructive capabilities. A containment breach may escalate into a K-Class scenario, and the object's recontainment is to be considered a high priority. Often assigned to Euclid and Keter class objects.
Black
The object possesses the capacity for destruction on a global scale. Moreover, containment breaches by such objects are to be considered synonymous with an XK-Class scenario and its recontainment and/or neutralization is to be considered top priority. It is chiefly assigned to Keter class objects.
This is what each Threat Level looks like in an article.
Threat Level: White
Threat Level: Blue
Threat Level: Green
Threat Level: Yellow
Threat Level: Orange
Threat Level: Red
Threat Level: Black
What is Canon?
In the SCP Universe, there are many different storylines and characters. So how exactly does it work?
Each story can belong to a canon or a series of stories. Normally within a hub or series. You can create your own story and characters and have canons interest and overlap with other canons and stories, creating an intricate web of characters and sub-stories.
You can mold and shape your new stories to be however you want, set wherever you want, in any time period you want. There are no limitations to how you can craft your stories and characters.
How Do I Use the Existing Canon?
In Regards to Redaction and Expunging
How Do I Write This Thing?
Commonplace Ideas
Am I Writing Well?
Finding Inspiration
Pacing, Pacing, Pacing
What is An Author Insert?
Wrapping Up An Article
What is the Ideas Critique Forum?
What is the Drafts Critique Forum?
Where Do I Go From There?