News for August, 2022
rating: +12+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; }

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

I'll be brief, apologies for the late release this month. With 7k's posting period wrapping up and some other Community Outreach initiatives taking priority, it was a bit of a challenge to get this out quickly. We hope to be more on track in the future though!

- By WhiteGuard

August 18th

Happy Birthday, Dr Gears!

wpmMbM4.jpg

Dr. Gears by Shiro

On April 30th, 2009, Dr Gears announced that his birthday was coming up, all he wanted was a few spooky stories. The “contest” would begin on that day (April 30th) and end on August 10th. By the 10th there were at least 11 entries. Sorts won, but their entry has been deleted sometime in the following 13 years.

The next year… nothing happened. However, the year after that, Gears Day was officially codified as a day of celebration for the SCP Wiki. It’s celebrated on Dr. Gear’s birthday: August 18th.

So here’s how it goes for the uninitiated: every August 18th (except in 2016 and 2019, which we missed for some reason) several authors in the community get together to write small little horror vignettes. They’re all collected on a hub dedicated to the eponymous celebration. The topics of these vignettes vary greatly. I call them “horror vignettes” to sound sophisticated. But that’s really not what they are, they’re creepypasta. It’s fitting really, Gears has been around since the beginning. Back then, the SCP Universe wasn’t an Urban Fantasy combined with cosmic horror combined with science fiction combined with fantasy combined with conspiracy fiction combined with–

You get the point. It was a creepypasta. We’ll be celebrating it again for the 10th time this year! Click here for a link to the Gears Day Hub and click here for a link to today's celebration. Have fun!

Happy Birthday, Dr Gears!

- By Zertas

August 9th

The Winners of the 173 Art Contest have been Announced!

On the 22nd of June, 2007, a user by the name of S. S. Walrus (later and more commonly known as Moto42) made the original SCP-173 post onto the /x/ board of 4chan. You can see an archived view of the post here! This was the origin of SCP as we know it. 15 years and almost 7,000 SCP articles later with numerous tales, formats, and other kinds of pages, the SCP Foundation project is still going strong thanks to our vibrant community both on and off the site!

FWa-CRcVUAA8vjR?format=jpg&name=large

173 contest winner by Amamidori!

This year, we decided to celebrate with the 173 Anniversary Hub where a staff letter was written to the community, a short survey about the origin of our users was run, an investigation on "Untitled 2004" was conducted, and more relevantly an art contest was conducted with the prompt to create a rendition of SCP-173 celebrating its own birthday! Some of the entries were chosen to be part of this gallery on the SCP-173 Redesign Hub. The overall winner was Amamidori as shown here! Their picture will be displayed on the front page for the month of September as a reward.

- By WhiteGuard

August 6th

The Suggestions and Complaints Thread

The Town Halls last year did not go well …

This year, we reworked how we were going to conduct them and respond to them. I believe they went better this year, and we have already begun working on some of the suggestions presented to us. The Community Outreach team intends to continue doing these each year (likely during the month of May). I hope everyone understands that we can't implement every suggestion or fully address every complaint. Some of them contradict each other and some happen to be impossible to do while on Wikidot. For the ones we could address and the ones we decided to not proceed with, we did try to explain why we did so. For those a little confused on where these suggestions and complaints took place, check out this thread here. For the staff response to most of these, click on this link here to view that thread.

- By WhiteGuard

August 1st

7kcon's Posting Period has ended!

As the title reads, the posting period for the SCP-7000 contest has ended and we are well on our way to finishing out the voting period. As always the winner will receive the SCP-7000 slot and the runners-up will have their pick of the remaining slots available. As of the time of writing, we currently have 118 positively-rated articles with a turnout of over 160. We will let you know of future updates. As the first contest I personally have hosted, I hope everyone has enjoyed it! We have learned a lot and hopefully, the next one will go even smoother!

- By WhiteGuard

Features Last Month

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-6468 by tetsusquared: pvp potion by dado

All affected civilians are to be taken into Foundation custody, force-fed 1 m3 of cow's milk, and released after confirmation that anomalous effects have ceased.

Tale

Alex Thorley Eats A Burger by syuzhet

So, one foot in front of the other, you exit Site-19 and cross the cusp into Burger King. It's seamless, because there's no door.

GoI-Format

Lintbugs! by Dr Asteria

And, second, they're in almost every household on Earth, and yet only us and the Supervisors know about them!


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 July

SCP-6809: Consumer Market Androids by GlassAutomaton [Featured by Agisuru]

Psychological evaluations are underway to assess the level of individual sapience in each instance.

9th of July

SCP-6750: All-O-Ween About Halloween: Presented By Sam Hain by PlaguePJP and J Dune [Featured by Fireknight]

Foundation.AIC WATERSHED continues to monitor all television networks in the United States for SCP-6750 broadcast.

17th of July

Penal Reform by GlassAutomaton [Featured by DrDromeus]

[Majority opinion: The amendments are satisfactory and offer reasonable improvements from previous failed motions to offer humanoids more privileges.]

24th of July

SCP-6557: Annihilation From a Cross Across Time by Tstaffor [Featured by Of Sanguine]

[If you are reading this, your timeline will experience a K-Class End-of-the-World Scenario on 12/08/2794.]


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


Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License