The SCPDraft Swap – Round II

The SCPDraft Swap – Round II
By: Lt Flops
Published on 22 Mar 2019 21:38

What this is

A bunch of miscellaneous CSS 'improvements' that I, Croquembouche, 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):

• RSO Component — Rounderhouse

Personal styling themes (which are visual overhauls):

• Magnus Web Format — DrMagnus
• Flopstyle CSS — Lt Flops
• Blankstyle CSS — HarryBlank
• Placestyle CSS — Placeholder McD
• Jakstyle — JakdragonX

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; }

== What is the SCPDraft Swap? ==

The SCPDraft Swap is a community writing event hosted right here on the server. It's one where authors from all walks of life have the opportunity to liberate an old draft from their collection, so that another author may breathe new life into it.

It's an open chance at taking part in something exciting alongside your friends and peers—but it isn't a contest, that's for sure. This is a collaboration, not a competition. There are no prizes, but there will be plenty of inspiration and fun to go around. And by the end, everyone wins!

---

Schedule

---

All dates are subject to change.
All times are in EST.

Sign-up Period: 2020/12/30 – 2021/01/03 [4 days]

Writing Period: 2021/01/03 – 2021/01/31 @ 11:59 p.m. [4 weeks]

Wrap-up: 2021/02/01 and 2021/02/02 [2 days]

Posting: You may post any time after 2021/01/31.

---

Da Rules

---

1. A maximum of 24 authors may participate.
2. You must have at least one surviving published article on the Wiki (SCP, Tale, or GOI Format) to enter the Draft Swap. This is to ensure everyone gets a fair chance at having their original draft posted.
3. You must have either an incomplete draft or a very fleshed-out concept to submit. I reserve the right to refuse a draft if it is found too lacking in either respect.
4. You're welcome to speak with the original author about their draft—but remember, you are meant to put a unique spin on the work that only someone of your talents can give it.
5. You do not have to publish this if you don't want to!

---

How It Works

---

Wed., Dec. 30 – Sun., Jan. 03 Sign-up Period

Prospective attendees have 4 days to submit their chosen draft for the event. (But believe me—spaces will fill up quickly). If you change your mind, you may freely choose another draft to submit instead, so long as it's during the Sign-up Period.

The easiest way of submitting a draft is by pinging me (Lt Flops AKA 🗿LimpFirebird) in the #collaboration-station channel with a sandbox link to your draft. Your draft must be easily accessible—nothing secret/hidden, or in a tabview alongside other drafts, or on an obscure sandbox.

Sun., Jan. 03 End of Sign-up Period

The draft you submitted is now out of your hands! All drafts have been put into a pool to later be scrambled and reassigned at random.

Sun., Jan. 03 Receive someone else's unfinished draft!

The reassignments are available on this page under “Who Got Who?” Check out what you received!

Sun, Jan. 03 – Sun., Jan. 31 Writing Period

You now have 4 weeks to wrap up the draft you received before sending it back to the author. Mark your calendars! There is plenty of time to brainstorm, plot things out, write, and make revisions. You may confer with the draft's original owner and ask questions, but remember: It is your duty to bring your talents to the workbench. Let them shine!

From here on out, #collaboration-station is where the action happens. This channel will be dedicated to Draft Swap discussion, and each attendee will be given the @Draft Swap 2021! role.

For the purposes of Draft Swap, it is recommended that you draft your article right here on the SCPD Sandbox. That means copying the source code onto a new page. This is optional, but it's easier when everything is in the same place.

Note: It is permissible to transform your received draft into a format (SCP, Tale, GOI Format) that is not what you received, so long as you think the idea suits it!

»Current Stage«

Sun., Jan. 31 End of Writing Period

Mon., Feb. 01 and Tue., Feb. 02 Wrap-up

So, you've taken another person's draft for a spin. Now it's time to show them what you have created! Contact the original owner of your draft, show them the link to your version, and see what they think of it.

Afterwards, attendees will come together and celebrate what they achieved! What innovative ideas have you brought life to? What new GOIs have you bolstered? What new things about the writing and collaboration process have you learned?

Any time after Sun., Jan. 31 Posting

If you want, you're free to post your finished draft or even offer up co-author credit to your draft's original author. If the final product is a healthy blend of the original and new drafts, congratulate yourselves on a job well done!

---

Drafts – The Originals

---

Round II Attendees – Click me!

Round II Attendees – Winter 2021

---

1. SCP Draft — JackalRelated
2. Tale Draft (ft. Parawatch) — Nykacolaquantum
3. SCP Draft — PlaguePJP
4. SCP Draft — Elunerazim
5. SCP Draft (ft. ASCI) — Uncle Nicolini
6. SCP Draft (ft. Minor GOI) — Dysadron
7. SCP Draft (ft. Internal Tribunal Dept.) — AnActualCrow
8. SCP Draft — Tyumen
9. SCP Draft — LordStonefish
10. SCP Draft (ft. Parawatch/Westhead) — JakdragonX, who has submitted a draft so that Pedagon may attend
11. SCP Draft — Henzoid
12. SCP Draft — Sinagsikap
13. SCP Draft — J Dune
14. SCP Draft (ft. Surrealistics Dept.) — Placeholder McD
15. SCP Draft (ft. PENTAGRAM/Fifthism) — Ihnaaimc
16. SCP Draft (ft. Moosphere, Inc.) — Lt Flops

---

Drafts – Who Got Who?

---

Round II Assignments – Click me!

Round II Assignments – Winter 2021
This Person Receives…	… This Person's Draft!
JackalRelated	7. AnActualCrow
Nykacolaquantum	10. JakdragonX
PlaguePJP	4. Elunerazim
Elunerazim	12. Sinagsikap
Uncle Nicolini	2. Nykacolaquantum
Dysadron	15. Ihnaaimc
AnActualCrow	11. Henzoid
Tyumen	9. LordStonefish
LordStonefish	16. Lt Flops
Pedagon	13. J Dune
Henzoid	3. PlaguePJP
Sinagsikap	1. JackalRelated
J Dune	5. Uncle Nicolini
Placeholder McD	6. Dysadron
Ihnaaimc	14. Placeholder McD
Lt Flops	8. Tyumen

Refer to “The Originals” to see what your swapper submitted!

---

Drafts – The Final Products

---

Round I – Spring 2019
Original Author	Publishing Author(s)	Posted Work
Jade Skylar	Uncle Nicolini & Jade Skylar	SCP-4206 - The Weighing of the Heart
JackalRelated	Ayers	SCP-4430 - The Faceless Live In Evanholly
Rounderhouse	Jade Skylar	SCP-4510 - Avelar Express First Class Prime™!
Woedenaz	Woedenaz & Uncle Nicolini	SCP-4522 - The Mystical Village of the Jade Peach
Lt Flops	Gabriel Jade	SCP-4951 - South-Central Protective Services' new Containment Insurance Entity
Round II – Winter 2021
Original Author	Publishing Author(s)	Posted Work
Nykacolaquantum	Uncle Nicolini & Nykacolaquantum	Parawatch Intro Thread
Henzoid	AnActualCrow & Henzoid	SCP-5855 - Foot by The Fruit
Uncle Nicolini	J Dune & Uncle Nicolini	SCP-5813 - Mr. President
Lt Flops	LordStonefish & Lt Flops	SCP-6705 - The Bicameral Milk

---

Special thanks to Uncle Nicolini for setting up the first SCPDraft Swap (upon which this one is based), and Rimple for spawning the Draft Swap trend on the Wiki.

• • _
  Round I ArchiveRound I Archive
  • • _
    ▷ Round I Attendees (ARCHIVED)△ Close

    Round I Attendees – Spring 2019

    ---

    1. Link — Uncle Nicolini
    2. Link — magna2s
    3. Link — Gekkoguy
    4. Link — fishingenthusiast
    5. Link — Jade Skylar
    6. Link — Alces_Alces does not match any existing user name
    7. Link — AthosNetwork
    8. Link — XilasCrowe
    9. Link — RockTeethMothEyes
    10. Link — Lt Flops
    11. Link (A Dream) — Almarduk
    12. Link — UraniumEmpire
    13. Link — Connor MacWarren
    14. Link — PeppersGhost
    15. Link — Woedenaz
    16. *Link — OthellotheCat
    17. Link — Gabriel Jade
    18. Link — Rounderhouse
    19. Link — Elogee FishTruck does not match any existing user name
    20. Link — Doctor Cimmerian

  • • _
    ▷ Round I Assignments (ARCHIVED)△ Close

    This Person Receives…	… This Draft Number!
    Nico	5
    Magna	20
    gecko	4
    pb	11
    annoyingdog	18
    alces	8
    athos	2
    xilas	12
    rtme	15
    floppy	19
    petrocchi	3
    UE	14
    Macwarren	7
    PPG	16
    Woedenaz	1
    Othello	9
    Gabriel Jade	10
    rounder	6
    Elogee	13
    Dr. Cimmerian	17