Dr. Michaels

Dr. Michaels
By: Lt Flops
Published on 07 Oct 2019 13:56

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

▷ Show Code ◁

@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap);
 
/* Centered Header Sigma
 * [2021 Wikidot Component]
 * By Lt Flops (CC BY-SA 3.0)
 * Forked from:
   * Penumbra Theme by EstrellaYoshte
 * Also based on:
   * Centered Header BHL by Woedenaz
**/
 
/* ---- VARS ---- */
 :root{
     --titleColor: hsl(0, 0%, 95%);
     --subtitleColor: hsl(60, 62%, 85%);
     --lgurl: url(https://scp-wiki.wdfiles.com/local--files/component:pride-highlighter/lgbtqp_logo.svg);
}
 
/* ---- SITE BANNER ---- */
 #header,
 div#header{
     background-image: none;
}
 
 #header::before{
     position: absolute;
     width: 100%;
     height: 100%;
     content: "";
 
     background-image: var(--lgurl);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: auto 9em;
     opacity: .33;
}
 
 #header h1,
 #header h2{
     float: none;
     margin-left: 0;
 
     text-align: center;
}
 
 #header h1 span,
 #header h2 span{
   /* Hide the Existing Text */
     display: none;
}
 
 #header h1 a::before,
 #header h2::before{
   /* Style the New Text */
     font-family: "Montserrat", "Arial", sans-serif;
     text-shadow: none;
}
 
 #header h1 a::before{
     position: relative;
     bottom: .15em;
 
     color: var(--titleColor);
 
     font-size: 115%;
     font-weight: 700;
}
 
 #header h2::before{
     position: relative;
     top: .1em;
 
     color: var(--subtitleColor);
 
     font-size: 130%;
     font-weight: 600;
}
 
 #header h1 a::before{
   /* Set the New Text's Content From Variable */
     content: var(--header-title, "SCP FOUNDATION");
}
 
 #header h2::before{
     content: var(--header-subtitle, "SECURE - CONTAIN - PROTECT");
}
 
/* ---- SEARCH ---- */
 #search-top-box{
     top: 1em;
     right: 0;
}
 
 #search-top-box-form input.button{
     margin-right: 0;
}
 
 #search-top-box-input,
 #search-top-box-input:hover,
 #search-top-box-input:focus,
 #search-top-box-form input[type=submit],
 #search-top-box-form input[type=submit]:hover,
 #search-top-box-form input[type=submit]:focus{
     border-radius: 0;
     box-shadow: none;
 
     font-size: 100%;
}
 
/* ---- TOP BAR ---- */
 #top-bar{
     right: 0;
     display: flex;
     justify-content: center;
}
 
 #top-bar ul li ul{
     border-bottom: 1px solid hsl(0, 0%, 40%);
     box-shadow: none;
}
 
/* ---- LOGIN ---- */
 #login-status{
     top: 1.1em;
     right: initial;
 
     color: hsl(0, 0%, 87%);
}
 
 #account-topbutton{
     border-color: hsl(0, 0%, 87%);
 
     font-size: 100%;
}
 
/* ---- PAGE TITLE ---- */
 .meta-title,
 #page-title{
     text-align: center;
}
 
/* ---- BREADCRUMBS ---- */
 .pseudocrumbs,
 #breadcrumbs{
     text-align: center;
}
 
/* ---- MOBILE DISPLAY ---- */
 @media (max-width: 767px){
     #search-top-box{
          top: 1.85em;
          width: unset;
    }
 
     .mobile-top-bar{
          position: relative;
          left: 0;
          display: flex;
          justify-content: center;
    }
 
     #login-status{
          top: 0;
          right: 0;
    }
 
     #header .printuser{
          font-size: 0;
    }
 
     #header .printuser img.small{
          margin: 0;
 
          transform: translate(6px, 4px);
    }
 
     #my-account{
          display: none;
    }
 
     #account-topbutton{
          margin-left: 2px;
    }
}

Dr. Michaels
By: Lt Flops & Henzoid
Published on 07 Oct 2019 13:56

 

SCP-4428 Dr. Michaels is not in danger.
Authors: Lt Flops and Henzoid
Published on 7 Oct 2019

More by these authors:
Henzoid
Lt Flops

---

[{$authorPage} ▸ More by this Author ◂]

---

{$comments2}

F.A.Q.

{$doesthisfixthebug}

Dr. Michaels

Department of Miscommunications Hub » Dr. Michaels

NOTICE FROM THE FOUNDATION

DEPARTMENT OF MISCOMMUNICATIONS

The Department of Miscommunications (DoMc) is to handle all documentation and communication involving Dr. Michaels and follow a strict set of rules. These rules are impossible to state explicitly; however, we have designed this document in a way that heavily implies them.

—Eli Forkley, Director, DoMc

---

DOMC NOTICE: This file requires non-anomalous comprehensive inoculation.

☐ Commence non-anomalous inoculation.

Dr. Michaels is Dr. Michaels.	Dr. Michaels is not Dr. Michaels.
The Earth is round.	The Earth is flat.
The sky is blue.	The sky is green.

[✔] Inoculation completed. You may proceed.

COMMUNICABILITY INDEX: For adherence to the DoMc personnel Code of Linguistic Integrity, the information contained herein is 100% accurate and readily communicable through textual, pictorial, visual, audial, and subliminal means. Questionable personnel are to proceed to the Site-96 Medical Wing for the administration of Class-A Veritants,1 and if necessary, subsequent administration of Class-C Amnestics.

Item Number: Dr. Michaels

Containment Class: Safe

---

Special Containment Procedures: Dr. Michaels is not in danger. The personal well-being of Dr. Michaels is to be ensured. To this end, Dr. Michaels is kept at Site-96 and is not permitted to interact with personnel unless they are directly involved in his research and containment.

A custodial team will follow Dr. Michaels throughout the day and sanitize the area after he leaves. No member of this staff is permitted to discuss their duties or the situations surrounding them.

---

Description: Doctor Jeremy Feldson Michaels is a non-anomalous human male of British-Indian descent, currently employed as a Level-3 Researcher at Site-96. Dr. Michaels is 33 years of age and has worked for the Foundation for 8 years. He is unmarried and an only child, with no immediate family aside from his parents.

---

ADDENDA MATERIALS

---

I. Personal Safety Assessment Battery

VIDEO LOG

---

DATE: 2019/10/20

TIME: 08:16 UTC

FOREWORD: Dr. Michaels is an asset to the Foundation because of his competencies in the fields of linguistics and miscommunications. The use of a Personal Safety Assessment Battery (or PSAB) is necessary to identify risks to his personal well-being. Designated personnel conducted the PSAB inside a locked containment chamber to identify issues with Dr. Michaels' mental health.

---

[BEGIN LOG]

---

A recent image of Dr. Michaels. Immediate surroundings redacted.

Interviewer: Okay, so just tell me your name — as is protocol — and we'll start. How does that sound?

Dr. Michaels: [He takes a deep breath.] Okay, my name is Doctor Jeremy Feldson Michaels.

Interviewer: Perfect, now–

[Interviewer glances above Dr. Michaels' head and shifts in their seat.]

Interviewer: Um, sorry. So anyway, you checked in with the Site Psychiatrist yesterday. Now, this is meant to be a sort of follow-up to your visit. Could you tell me about how it went?

Michaels: Yes, well, I've been a bit foggy for the past little while now. You know how that is — we all get that way when we're stationed away from our families, right?

Interviewer: Hmm, could you be more specific? How does this “fogginess” manifest?

Michaels: I have a constant looming feeling that I can't get out of my head. Like something just won't let go. I am speaking metaphorically, of course.

Interviewer: Can you tell me roughly when this feeling began?

Michaels: I would say right after we lost D-4428-3. Like, within seconds.

Interviewer: [They write on a notepad.] Right, okay, so you had a traumatic experience.

Michaels: It was something like that.

Interviewer: This particular D-Class was part of your personal research team. Am I correct in stating that?

Michaels: You are.

Interviewer: Who else was on the team?

Michaels: Well, in no particular order, that would be Agent Rosewood,² D-4428-1,³
D-4428-2,⁴ Containment Engineer Howard Winters,⁵ and Researcher Gabi Kalpana.⁶

Interviewer: I see. So Jeremy, would you say these feelings are recurring?

Michaels: No. Well, it comes and goes. Sometimes it pulls me down harder than I expect.

Interviewer: All right. Your files say your family has no history of traumatic experiences — ah, except for your brother. Do you have a brother, Jeremy?

Michaels: I do have a brother, yes.

Interviewer: The doctor referred to him as a “stressor”. Could you explain? What happened to him?

Michaels: Well, I couldn't tell you where he is now. It's not that I don't know. It's that I would rather not bring him up.

Interviewer: Correct me if I'm wrong… Your brother was a source of hostility toward you.

Michaels: He was an arsehole, sure, but with him, it was more insidious than that. My parents took him in when he was a kid. He's been my foster brother ever since, and we did get along fairly well. When we were growing up, though, something inside him snapped. After that, all he ever did was weigh our family down.

Interviewer: And that's when he was hostile?

Michaels: He wasn't confrontational — it wasn't like that — it was as if he was a dead weight on all of us, but especially on me. We grew up together, after all, and he was the most attached to me. When I went off to university, though, he– Well, he wouldn't let me go.

Interviewer: The doctor's notes say you called him a– What was it? You called him “a parasite”.

Michaels: [He tenses up for a moment, and then sighs and regains his composure.] I wanted to be on my own, that’s all. But when I was getting moved in, weeks after last seeing him, he was just there. I was hundreds of miles away, but he was there somehow. He's done this to other people, too. I– We weren't the first.

Interviewer: Gotcha. [They flip through their notepad.] Now, Jeremy, what is your favorite color?

Michaels: Pur– No, wait, maybe we can just skip that one.

Interviewer: Are– Uh, you sure?

Michaels: Go to the next question. Please.

Interviewer: [They pause, putting a hand up to their ear, hidden from the recording device.] Actually, Dr. Michaels, you were here for the sewage backup, were you not?

[Dr. Michaels nods.]

Interviewer: I recently got a report that they found the source of that, actually. One of the security personnel — they found a huge pipe burst in one of the abandoned basement sub-levels. It was an absolute flood down there. Nobody is sure of the cause, though.

Michaels: Just now?

Interviewer: No, it was about a week ago now. They sent down a task force and lost one in the muck, and when they came back to look for them, it was as if they were incapacitated. They were fine, but they moved too slowly.

Michaels: Okay.

Interviewer: [They inhale sharply and lean forward in their chair.] The task force said they felt fogginess, as you did.

Michaels: Did they, now? Huh, how coincidental.

Interviewer: Indeed.

---

[END LOG]

---

II. Final Note

RESEARCHER NOTE

---

I have tried making myself perfectly clear in this document. I am completely fine, though I don't know how much more of this I can take. Please, if you are reading this, and you understand nothing is wrong: This can't keep up much longer. One of these days, someone might slip up, or even me, and… I can't do that to myself, or my family, or my fellow personnel. Miscommunications is doing wonders, and it's a miracle they've been able to get me through this, but there's only so much they can handle.

Ultimately? I am okay, you understand? Please, please understand, and find some way to figure this all out.

---

Dr. Jeremy Michaels Site-96 Researcher 2019/10/20

---

Footnotes

1. An agent used to verify the existence of a specific memory within a subject.

2. Deceased as of 2019-10-12 @ 19:48 UTC.

3. Deceased as of 2019-10-12 @ 23:57 UTC.

4. Deceased as of 2019-10-13 @ 01:44 UTC.

5. Deceased as of 2019-10-13 @ 09:51 UTC.

6. Deceased as of 2019-10-14 @ 20:38 UTC.

---

[END OF FILE]

---

‡ Licensing / Citation

Cite this page as:

"Dr. Michaels" by Lt Flops, Henzoid, from the SCP Wiki. Source: https://scpwiki.com/scp-4428. Licensed under CC-BY-SA.

For more information, see Licensing Guide.
Licensing Disclosures

Filename: dr-michaels.png
Name: 2010 Research Fellows
Author: NWABR
License: Attribution 2.0 Generic (CC BY 2.0)
Source Link: Flickr
Note: Edited by Lt Flops & Henzoid. Cropped, background removed and replaced with black.

Filename: DoMC_Logo100.png
Name: DoMC Logo
Author: hawkguyy
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
Source Link: Dr. Michaels - SCP Foundation
Note: Edited by JackalRelated.

For more information about on-wiki content, visit the Licensing Master List.