Cold as Hell
Cold as Hell
Byㅤ ZygardZygard
Published on 25 Jul 2022 19:48

rating: +5+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; }

Cold as Hell

rating: +5+x

"Ian to base, we came to the last location of the C-12 expedition" a male voice said on the communicator.

Two men dressed in orange cold weather suits stood at the bottom of an ice gorge somewhere in the middle of Antarctica. In front of them lay a faint, red blinking transmitter left behind by a previous expedition that had failed to return to base.

"We found the transmitter, it still works. But there are no people around" said the same man again, then turned off the communicator.

In front of the two men there was a narrow entrance to an deep ice cave. Ian looked at his companion.

"I think Mark, they went inside to take shelter from the blizzard, maybe we'll find them still alive."

"Or crushed by ice" Mark replied

"Or…"

They both went inside, Ian took out a flashlight to be able to illuminate the road, and moved forward. Icicles and ice walls surrounded them. On the ground, they could see the footprints of members of the lost expedition.

"Yes, they definitely hid here, the question is why they went deeper instead of waiting at the entrance… And why did they leave the transmitter?" Mark said inquiringly.

"I was a rescuer at Mount Everest, people do very different things for very different reasons. If I told you everything you wouldn't believe it," Ian said calmly.

"Sorry, but is it true that sometimes you don't pick up a frozen corpse and… it becomes a landmark in some way?" Mark asked in a slightly awkward voice, immediately realizing what question he was asking.

"Yup" Ian replied calmly again.

"Damn."

As they continued walking through the frosty, icy corridors of the cave, they noticed another strange thing. A penknife, stained with blood, was spread out on the ground. And in front of it was an inscription carved in ice.

"Something is written here… San…rvif? Sanrvif? Sanrvif, I think," Mark said, looking better at the inscription. Ian stepped closer and wiped the writing with his hand, it flashed blue for a moment.

"Yes… Sanrvif. Ice Queen," Ian said softly to himself.

"Huh?" Mark asked, unable to hear the tip

"Nothing" Ian replied.

They moved on. Passing footprints from the previous expedition and traces of frozen blood to the walls. Ian took out his communicator.

"We have entered the cave where the previous expedition entered, most likely at least one person is injured. We couldn't find them… Base? Hello?" he said, surprised by the lack of a response from the other side, slightly shook the communicator, a heavily deformed, incomprehensible voice and hum answered him "Mark, we have lost contact with the base."

"I know that engraved name from somewhere…"

"Maybe, it's not one of the more popular beliefs," Ian and Mark continued on. "I once heard about them from a shaman, the siblings of two deities, Sanrvif and Senrvif, a snowstorm and an arctic fox. According to their beliefs, they were separated, Senrvif to the north, Sanrvif to the south. Once every 50 years they meet, all winters except the Arctic and Antarctica are then spread by their offspring. "

"Wait, offspring? They weren't siblings sometimes?" Mark asked, a bit disgusted.

"These are not folk beliefs if there is no sick family tree. See Norse and Loki himself."

"Yeah… But why this inscription is engraved here"

"I have no idea," Ian replied in a completely calm voice.

As they went deep, they heard an echo coming from the depth, the work of tools forging ice. Ian stopped abruptly and turned to Mark, then shoved the communicator into his hands.

"Get out of the cave, notify base we didn't find them. Don't wait for me."

"What, but-"

"No" Ian replied, then grasped the wrist of his right hand tightly. Mark, when he looked there, noticed a red light trying to penetrate the Arctic suit.

"May I know what's going on?" Mark asked a little louder.

"No, get out of here if you want to live," Ian said, pushing Mark to leave and then started walking towards the noises on his own, still holding his wrist.

As Ian disappeared around the corner, he carefully approached the source of the sounds. He let go of his wrist and began to unscrew the flashlight, walking on without light. Quickly modifying it in his hand, he changed it to a bony sword with gold ornaments. He took a deep breath of the frosty air around him, then exhaled, there was no water vapor in the air. He took off his backpack and coverall for freedom of movement, the temperature was doing him nothing, his longer brown hair turned white. He took out the bandage and began to wrap it around his right wrist so that no red light was released. He continued, moving the sword in his hand. Finally he reached the place, a gigantic ice cave appeared before his eyes, containing houses carved in the ice, they belonged to long considered extinct Antarctic Yerens. On the dais there was an icy soaring throne on which the figure sat, while under the throne, the figures dressed in orange expedition suits forged runes in a rim resembling a portal. Ian started walking towards the throne with a calm pace. Looking left and right, he saw the frozen corpses of the Yerens in a prayer position, as well as rock paintings depicting a beautiful, pale woman in blue robes and an ice scepter. When this one was halfway there, the portal was finished.

"Who has finally arrived?" He heard a woman's voice from the throne, and the members of the expedition turned to face him.

Six people, their skin was pale as snow with a slight hint of blue. Their eyes were blue, and their hair was silver. Glancing past the portal, he noticed the body, it was fresh. They belonged to an old Yerenian woman in blue robes. The body was dry, as if all its energy had drained from it, it was killed by cuts with a pocket knife.

"If you want to get rid of the scar, you're looking in the wrong place," said a female voice.

Looking at the throne, Ian noticed the seventh member of the expedition, but instead of the suit, she was wearing a dress made of ice. She started going downstairs.

"Together, we have a common goal, don't you think? You've been deceived, I want power, and the same obstacle stands in the way."

Ian grabbed his wrist again, but noticed that the bandage had been completely burned out, the black tattoo of the seal was clearly visible and shone with intense light. Despite his great effort to resist him, Ian only managed to let out a defeated groan of pain and everything turned black.































Everything is back. Ian looked around, out of the corner of his eye he thought he saw the tentacle retracting, he looked to his left hand, still holding the bony sword. But he was now covered in blue blood and stuck to the head of the expedition member lying on the ground. He looked around, there were the cut and torn corpses of other people lying around. The portal, on the other hand, stood open, letting in cold from other layer of reality. He looked immediately towards his wrist, a fleshy tentacle ending with fangs was retreating to it.

"Ahh, how many years have we not heard each other?" He heard Ian's severely deformed voice.

"What do you want from me!? I could do it on my own," Ian replied fiercely.

"You've finally reached one of the portals, come in. We'll be together again, we'll be able to overthrow him again and take his place, giving back to the people what theirs, Ion" said encouragingly, the deformed voice growing more by becoming feminine and inviting.

"I chose my side many years ago," he replied, and then plunged the sword into the frame of the portal, it flashed white and golden light, breaking the passage and destroying it like a glass mirror.

"What are you doing!?" An increasingly deformed voice answered, the tentacles protruding from the tattoo to grab the sword and pull it out, but retracted as if burnt upon touching it.

"You revealed yourself too soon, but maybe that's okay, you'll know sooner that I am coming." Ion pulled his sword from the portal frame and raised it above his right hand, "I'm coming for you… and for all the rest!" Ion shouted, cutting his right arm off the elbow, it began to burn on the ground with a golden flame. He let out a powerful scream and then began to destroy the rest of the portal with quick cuts of the bone sword, then stabbed the sword into the heart of the already dead woman in ice robes.

"I couldn't help you… but you will definitely help me."

Her blue life essence began to fly towards where the passage was located, then disappeared immediately. The slightly thinner at this point the barrier between the two layers of reality has been strengthened.

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