News for September, 2023
rating: +17+–x

What this is

A bunch of miscellaneous CSS 'improvements' that I, CroquemboucheCroquembouche, use on a bunch of pages because I think it makes them easier to deal with.

The changes this component makes are bunch of really trivial modifications to ease the writing experience and to make documenting components/themes a bit easier (which I do a lot). It doesn't change anything about the page visually for the reader — the changes are for the writer.

I wouldn't expect translations of articles that use this component to also use this component, unless the translator likes it and would want to use it anyway.

This component probably won't conflict with other components or themes, and even if it does, it probably won't matter too much.

Usage

On any wiki:

[[include :scp-wiki:component:croqstyle]]

This component is designed to be used on other components. When using on another component, be sure to add this inside the component's [[iftags]] block, so that users of your component are not forced into also using Croqstyle.

Related components

Other personal styling components (which change just a couple things):

Personal styling themes (which are visual overhauls):

CSS changes

Reasonably-sized footnotes

Stops footnotes from being a million miles wide, so that you can actually read them.

.hovertip { max-width: 400px; }

Monospace edit/code

Makes the edit textbox monospace, and also changes all monospace text to Fira Code, the obviously superior monospace font.

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
 
:root { --mono-font: "Fira Code", Cousine, monospace; }
#edit-page-textarea, .code pre, .code p, .code, tt, .page-source { font-family: var(--mono-font); }
.code pre * { white-space: pre; }
.code *, .pre * { font-feature-settings: unset; }

Teletype backgrounds

Adds a light grey background to <tt> elements ({{text}}), so code snippets stand out more.

tt {
  background-color: var(--swatch-something-bhl-idk-will-fix-later, #f4f4f4);
  font-size: 85%;
  padding: 0.2em 0.4em;
  margin: 0;
  border-radius: 6px;
}

No more bigfaces

Stops big pictures from appearing when you hover over someone's avatar image, because they're stupid and really annoying and you can just click on them if you want to see the big version.

.avatar-hover { display: none !important; }

Breaky breaky

Any text inside a div with class nobreak has line-wrapping happen between every letter.

.nobreak { word-break: break-all; }

Code colours

Add my terminal's code colours as variables. Maybe I'll change this to a more common terminal theme like Monokai or something at some point, but for now it's just my personal theme, which is derived from Tomorrow Night Eighties.

Also, adding the .terminal class to a fake code block as [[div class="code terminal"]] gives it a sort of pseudo-terminal look with a dark background. Doesn't work with [[code]], because Wikidot inserts a bunch of syntax highlighting that you can't change yourself without a bunch of CSS. Use it for non-[[code]] code snippets only.

Quick tool to colourise a 'standard' Wikidot component usage example with the above vars: link

:root {
  --c-bg: #393939;
  --c-syntax: #e0e0e0;
  --c-comment: #999999;
  --c-error: #f2777a;
  --c-value: #f99157;
  --c-symbol: #ffcc66;
  --c-string: #99cc99;
  --c-operator: #66cccc;
  --c-builtin: #70a7df;
  --c-keyword: #cc99cc;
}
 
.terminal, .terminal > .code {
  color: var(--c-syntax);
  background: var(--c-bg);
  border: 0.4rem solid var(--c-comment);
  border-radius: 1rem;
}

Debug mode

Draw lines around anything inside .debug-mode. The colour of the lines is red but defers to CSS variable --debug-colour.

You can also add div.debug-info.over and div.debug-info.under inside an element to annotate the debug boxes — though you'll need to make sure to leave enough vertical space that the annotation doesn't overlap the thing above or below it.

…like this!

.debug-mode, .debug-mode *, .debug-mode *::before, .debug-mode *::after {
  outline: 1px solid var(--debug-colour, red);
  position: relative;
}
.debug-info {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Fira Code', monospace;
  font-size: 1rem;
  white-space: nowrap;
}
.debug-info.over { top: -2.5rem; }
.debug-info.under { bottom: -2.5rem; }
.debug-info p { margin: 0; }

Site News Hub
« August 2023 | September 2023 | October 2023 »

DISCLAIMER: This is the Site News for the English Branch of the SCP Wiki. The opinions of the individual members of the Site News team that are presented in each edition of the Site News are their own thoughts and are not meant to be representative of the Site News team as a whole nor are they representative of the staff body as a whole. If you take issue with any of the contents, then feel free to reach out to the editor(s) and they will review the contents to see if there are any edits that need to be made. We intend to always deliver interesting content to you, and we understand that there may be times where controversial or unpopular opinions will be presented whether by our writers or our editor(s). Thank you for your understanding!

Editorial


remixbanner.png

Have you ever wanted to read personalized interpretations of other SCPs? Remix-Con 2023 is here! Remix-Con aims to inspire writers to take existing SCPs classic or otherwise and put their own spin on them! Whether an old article misses the mark, or an author wants to pay homage to the original, Remix-Con is the perfect time to find some new takes on old favorites. Remix-Con voting ends the 11th of September. You can check out the announcement and all entries here!

- By DianaBerry

CADENAS.png

We may have started Remixcon this month, but we aren't the only branch that's having a contest: SCP-ES-300 Contest has begun! Similar to the English Branch's k-cons, the Spanish Branch of the SCP wiki is holding a contest to determine which article will claim the esteemed ES-300 slot.

The theme of this contest is one that many SCP fans know well: monsters. From swarms of tiny creepy crawlies to large hulking forms the human mind can barely comprehend, there are many ways to interpret this theme. It doesn't even need to be horror as long as there is a monster present in the story. The posting period begins on September 28th; stop by to check it out!

- By ParallelPotatoes

Writing Prompts

Site News is bringing you monthly writing prompts! Every month there will be three user-submitted prompts to help inspire new pieces. Participation in these prompts is completely optional, and any pages based on the prompts will be featured in the next issue of Site News! If you're interested in submitting a prompt for next Site News, send a wikidot PM to ParallelPotatoesParallelPotatoes. (One prompt per person)
This month's writing prompts are below! As this is the first edition of Site News writing prompts, all of the prompts were submitted by staff, but we are hoping to get user-submitted prompts next month.

A new GOI enters the stage Submitted by ParallelPotatoes
There's many groups of interest on the site. Why not try writing something with a new one?

Secure, Contain, Draw! Submitted by ParallelPotatoes
In the fictional wild west, duels were in a style called "fast draw", where each participant would try to draw their gun as fast as possible. What would this look like in the SCP setting? Alternatively, this could be a tale about drawings and artwork in SCP! It's up to you!

A tale about SCPs 6600 through 6699 Submitted by EstrellaYoshte
Did you know that 6600 through 6699 is the only pre-7k block of SCPs that don't have any associated tales? Let's change that!

If you write an entry inspired by one of these prompts, feel free to send a wikidot PM to ParallelPotatoesParallelPotatoes to have it featured in the next Site News!

Features Last Month

Top Articles of the Month

Ratings of course do not mean everything, but they are representative of what people happened to like seeing at the time. With this in mind, the following are the top-rated works last month, so if by some chance you haven't encountered them yet, be sure to check them out!

Top-Rated SCP

SCP-7785 by PeppersGhost: Mr. Lengthwise and Mr. Longways

The number of this SCP
Is Seven Seven Eighty-Five.
Beware! What you’re about to see
Will not be easy to survive.

Top-Rated Non-SCP

She is completely sentient and by Raddagher.

Front Page Features

Every month, an article is selected from each of the three common article types: SCP, Tale, and Group of Interest Format. These three articles are displayed on the front page for the month to bring further recognition to them.

If you would like to view the previous front page features, you can view the archive for the SCPs here, the archive for the Tales here, and the archive for the GoI Formats here!

SCP Article

SCP-7900 by Its a Bad Idea: A Place to Drown in

Access to the subterranean network beneath SCP-7900 is limited to personnel trained in navigating anomalous spaces.

Tale

Content In The End by PeppersGhost

It’s been three months since the crosstest between SCP-106 and SCP-999.

GoI-Format

'Nexus HyperLine' (N7S2M/ER9C3/X56ID) by Ralliston

When the real world was revealed to the public back in 2021, the thing most frequently on people's lips were Nexuses.

Reviewers' Spotlights

Works are featured on the site’s front page as part of the Reviewers’ Spotlight, which acknowledges the time and effort spent by forum reviewers helping other authors develop and edit and their works for the mainsite. Each month, community members are encouraged to nominate forum reviewers who have been both particularly helpful and active. Members of the Forum Criticism Team will then discuss the nominations, and select four prominent reviewers to choose the month’s Reviewers’ Spotlight front-page features.

If you would like to view previous spotlights, you can view the archive for them here!

1st of August

Manifest-390: History Hath Triumphed by StrangerSwing [Featured by Industry Standard]

When the Cargo manifests, the colonists are convinced that they are Englishmen residing on the isle of Roanoke in 1585.

9th of August

SCP-7574 by ThatGuyThatTime [Featured by AwhRyan]

“I can see clearly. I can see the stars. I can see you.”

17th of August

SCP-7713 by Iszth [Featured by Doctor Fullham]

In space, no one can hear you smile.

25th of August

SCP-6923 by PoufyPoufson [Featured by Zoobeeny]

As of 23-09-2011, primary containment of SCP-6923 has been deemed impossible.

SCP Data & Trends

All the goings-on of the site condensed into bite-sized takeaways! Is there a statistic or figure you would be interested in knowing? Let us know and we can feature it next time!

image.png?width=652&height=468image.pngimage.pngimage.png?width=682&height=468image.png?width=960&height=378image.png?width=799&height=468

Like before, we are still renovating this section. It will likely be a couple months, but we will soon have a nice little stats section here. In the meantime, please enjoy our monthly charts.

Also, what do YOU want to see in the monthly stats section? Any data you want to know about? Please leave a comment about it in the Discussion page or use this anonymous google form.

- By Data Analysis Team

New Content this Month

There is a multitude of wonderful works that are posted to the Wiki every month whether they be SCP articles, Tales, GoI Formats, Art pages, Author Pages, Essays, and more! Below, we have all of the creations for this month listed out by week and type (except for art pages, we did that earlier!) We have added little emojis next to articles that qualify to add some additional content. Below we have listed out the emojis we use and what they mean. Be sure to give them a look!

🤝 = Co-authored works - It is always interesting to see the dynamics of how people work together!
💯 = Articles rated at +100 and higher - These are articles that have seen success and should be celebrated for it!
📈 = SCP articles rated under +30 and Tales and GoI Formats rated under +20 - Let's show these a little love!

Week of August 1st

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

Week of August 7th

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

Week of August 14th

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

Week of August 21st

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

Week of August 28th

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

N/A

Thank you so much for reading the SCP Wiki's Site News!

‡ Licensing / Citation
news
page revision: 6, last edited: 10 Sep 2023 12:52
Edit Rate (+17) Tags Discuss (5) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License