News for March, 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; }

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

medium.jpg

Deep within the scholarly halls of the Wanderer's Library, one can hear anecdotes and arguments of passion and flourish. A synchronised waltz of construction and destruction, of enlightenment and credo. Do you hear the harmony of rhetoric and reason? Does it near make you weep to witness the artisanal craft of persuasion? The Debate Club Contest beckons, scholars.

The Contest is centred around the theme "Common VS Rare" in its many interpretations. Does the universe reach its zenith at the atypical, or the quotidian? Do you value that found once a lifetime, or that found by all? Registrations for the Contest are closed, but observers can still contend for the Critic's Choice Award by commenting substantially on more than half of all entries, equally distributed among both teams. Remember, it's not a debate without a response!

- By StrangerSwing

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-7169 by Marcelline Raynes: Big Atmosphere Planetary GF

wow ur really into this roleplay stuff, huh?

Top-Rated Non-SCP

I, Bright List by Liryn

I did not like being brought back.


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-7593 by PlaguePJP: House's Inferno

ESCP-7593 was a random, anomalous event culminating in the death of Site-666 director Randall House.

Tale

How to Summon A God Safely by Some Reference

Bringing a deity into your realm is a dangerous task.

GoI-Format

The Beat Must Go On by Corax D

PHANTOM AIRWAVES IN 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 February

SCP-7454 by Iszth [Featured by Reverend Fox]

SCP-7454 is currently cooperating with Foundation staff in exchange for psychological and gender-affirming treatment.

8th of February

SCP-7593 by PlaguePJP [Featured by Exiaswell]

SCP-7593 was a random, anomalous event culminating in the death of Site-666 director Randall House.

15th of February

SCP-6229 by Zoobeeny [Featured by Zoobeeny]

I've heard it said they've pushed medical implant and prosthesis technology forwards a number of years since their founding.

22nd of February

Our Quiet Death by Jack Waltz and Dr Trintavon [Featured by Dr Trintavon]

He stares into the distance ahead of him. His gaze is intently fixated on the planet in front of him.

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
image.png
image.png
image.png
image.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 February 1st


SCP Articles

Tales

GoI Formats


N/A

Miscellaneous Pages

N/A


Week of February 5th


SCP Articles

Tales

GoI Formats


Anderson Robotics' Installation Guide: Your New Black Series Sidhe-Issue Wing Chassis! - Written by BitOddInnit.

Miscellaneous Pages


Week of February 12th


SCP Articles

Tales

GoI Formats

N/A

Miscellaneous Pages

N/A


Week of February 19th


SCP Articles

Tales

GoI Formats

Miscellaneous Pages


N/A

Week of February 26th


SCP Articles

Tales

GoI Formats

N/A

Miscellaneous Pages


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