News for June, 2023
rating: +13+–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
« May 2023 | June 2023 | July 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

banner.png

Last month, the wiki was graced with not one, but two contests! One official, one not; GoblinCon and RomCon specifically.

GoblinCon's theme (or themes, as it would be!) deals with the infamous slot goblins which plagued our site a few years ago. For the uninitiated, slot goblins are broken SCP slots that could not host an article due to Wikidot's technical flaws. However, that was corrected, and the slots were opened back up on the anniversary of the first slot goblin being discovered. The themes of GoblinCon were Class of 76, Glitches, Fantasy Goblins, Battle Royale, and Deletions. You can find the winners and the entries here!

judas-min.png

The second contest, Romcon, is exactly what you expect from the title; a Romantic Original Character Tournament! Sign-ups were initiated near the beginning of May and over 40 entrants signed up. The first round of the contest finishes June 4th, and the next round of matches will be decided by the matchmaker, UraniumEmpireUraniumEmpire. You can read all the entries here!

- By Uncle Nicolini

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-6183 by Liryn, MontagueETC, and Billith: B L A C K B O X

object reference not set to instance of object ; description_6.rtf does not exist

Top-Rated Non-SCP

cube by RosySaturniidae.

Why can he not simply think, he thinks.

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-7503 by Kilerpoyo: Sacrum Humanum Imperium

The Archeology Department has hypothesized SCP-7503 to be one of the "Catacomb Saints".

Tale

Rate My Director by multiple authors

RateMyDirector is the only website that allows Foundation personnel to anonymously rate your Site Director.

GoI-Format

Finding Avalon by Fortano

At this point in the year, every student at Deer College will have at least a passing idea of how deeply entrenched Fae culture is to Three Portlands.

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 May

Borne On the FM Waves of the Heart by Uncle Nicolini [Featured by AstersQuill]

She was waiting for her date to arrive.

8th of May

SCP-2256 by qntm [Featured by Avalon3131]

SCP-2256 was the largest species to have lived on Earth.

15th of May

Swatches of a Sunrise by flowerfirst [Featured by Fish^12]

I've never seen the sun.

22nd of May

SCP-6759 by Anky swallow [Featured by Anky swallow]

SCP-6759 does not adhere to any known laws of physics; gravity is inconsistent and matter can be created and destroyed, with temporal anomalies being common.

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.pngimage.pngimage.pngimage.pngimage.png

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 chart.

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 May 1st

SCP Articles

Tales

GoI Formats


N/A

Miscellaneous Pages

Week of May 7th

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

Week of May 14th

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

Week of May 21st

SCP Articles

  • 📈 SCP-6298- Written by PoufyPoufson.
  • SCP-7713- Written by Iszth.
  • 📈 SCP-1970-J- Written by StrangerSwing.
  • 📈 EE-6460- Written by Ampyrsand.
  • 📈 SCP-7415- Written by CowscantgoMoo.
  • 📈 SCP-4276- Written by Roufhous.
  • 📈 SCP-7108- Written by Nickthebrick1.
  • SCP-6109 - Written by FLOORBOARDS.
  • SCP-3775 - Written by Kothardarastrix
  • 🤝 SCP-6183 - Written by Billith, Liryn, and MontagueETC.
  • 🤝 SCP-5257 - Written by Doctor Cimmerian and EmotionalEntropy.
  • 🤝 SCP-6467 - Written by Uncle Nicolini, Rakkran, and fairydoctor.
  • 📈 SCP-140-IT- Written by Roberto Turati.
  • 📈 SCP-7133- Written by DrNonyabusiness.
  • 📈 SCP-7430- Written by CrimsonFripp.
  • 📈 SCP-7467- Written by Merehrab.
  • 📈 SCP-044-DE- Written by Roseaity.
  • 📈 SCP-7181- Written by DrNonyabusiness.
  • 📈 SCP-139-IT- Written by Roberto Turati.
  • 📈 SCP-7089- Written by Wixelt.

Tales

GoI Formats

N/A

Miscellaneous Pages

Week of May 28th

SCP Articles

Tales

GoI Formats

Miscellaneous Pages

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

‡ Licensing / Citation
news
page revision: 5, last edited: 04 Jun 2023 03:58
Edit Rate (+13) Tags Discuss (2) History Files Print Site tools + Options
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License