App project — Malphas |
---|
Byㅤ |
Published on 05 Jun 2022 13:44 |
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):
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; }
/* source: http://ah-sandbox.wikidot.com/component:collapsible-sidebar-x1 */ #top-bar .open-menu a { position: fixed; top: 0.5em; left: 0.5em; z-index: 5; font-family: 'Nanum Gothic', san-serif; font-size: 30px; font-weight: 700; width: 30px; height: 30px; line-height: 0.9em; text-align: center; border: 0.2em solid #888; background-color: #fff; border-radius: 3em; color: #888; pointer-events: auto; } @media not all and (max-width: 767px) { #top-bar .mobile-top-bar { display: block; pointer-events: none; } #top-bar .mobile-top-bar li { display: none; } #main-content { max-width: 708px; margin: 0 auto; padding: 0; transition: max-width 0.2s ease-in-out; } #side-bar { display: block; position: fixed; top: 0; left: -18rem; width: 15.25rem; height: 100%; margin: 0; overflow-x: hidden; overflow-y: auto; z-index: 10; padding: 1em 1em 0 1em; background-color: rgba(0,0,0,0.1); transition: left 0.4s ease-in-out; scrollbar-width: thin; } #side-bar:target { left: 0; } #side-bar:focus-within:not(:target) { left: 0; } #side-bar:target .close-menu { display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-left: 19.75em; opacity: 0; z-index: -1; visibility: visible; } #side-bar:not(:target) .close-menu { display: none; } #top-bar .open-menu a:hover { text-decoration: none; } /* FIREFOX-SPECIFIC COMPATIBILITY METHOD */ @supports (-moz-appearance:none) { #top-bar .open-menu a { pointer-events: none; } #side-bar:not(:target) .close-menu { display: block; pointer-events: none; user-select: none; } /* This pseudo-element is meant to overlay the regular sidebar button so the fixed positioning (top, left, right and/or bottom) has to match */ #side-bar .close-menu::before { content: ""; position: fixed; z-index: 5; display: block; top: 0.5em; left: 0.5em; border: 0.2em solid transparent; width: 30px; height: 30px; font-size: 30px; line-height: 0.9em; pointer-events: all; cursor: pointer; } #side-bar:focus-within { left: 0; } #side-bar:focus-within .close-menu::before { pointer-events: none; } } }
by Zygard
App project — Malphas
The product and information below are in the prototype phase and have not yet been released to the market
The information contained below may not be shared outside of Hunter Industries without the approval of the "Malphas" project manager. Sharing them or the product itself will be punishable on the basis of the rule 34 contained in the contract.
"Malphas"
Have you always felt lonely? Did you find social contacts difficult? Hunter Industries has found the perfect solution for you! You can practice your social skills with our application - Malphas! What is Malphas, you ask? This is our latest app, home assistant and companion at your fingertips!
Malphas can take care of your daily schedule, remind you of important events and tell jokes. In addition to the features that each competitor brand assistant has, Malphas can be a friend and companion tailored just for you! It can talk to you, send photos, help you cope with difficult social situations and, additionally, thanks to the revolutionary technology created by Hunter Industries, it can manifest itself in reality! It is also not achieved with cheap hologram technology. You can touch and feel Malphas with just a few clicks!
How did we achieve it? Using a voluntary host in HunterLabs, we were able to convert it into a modifiable and duplicable application by us. Thanks to the introduction of many modifications, Malphas was created. Your ideal assistant, companion and therapist in one, weighing only about 10 MB!
Check also our other products:
- "Adramalech" rapid-fire rifle
- "Loki" off-road vehicle
- "Oni" camouflage suit
From: Gabriel Trąba
To: "Malphas" project manager Sabina Justyś
Topic: Redesign Malphas
Content: Yo, I just wanted to make a few changes to the design. Because all of you work on the photo system based on the user's location and materialization, that I have nothing to do. So I thought about implementing one thing.
From: "Malphas" project manager Sabina Justyś
To: Gabriel Trąba
Topic: Re:Redesign Malphas
Content: What's your idea?
From: Gabriel Trąba
To: "Malphas" project manager Sabina Justyś
Topic: Re:Re:Redesign Malphas
Content: It's about the Malphas design, I don't like it very much. Wings, bird legs, skinny and that bird's head… I have something that would satisfy probably everyone. We will target it to a certain group of people who are able to spend huge amounts of money on stupid drawing. And they will definitely use the app. A mass that is not satisfied in this market and will be very happy to buy our products. So far I have made a simple sketch how it might look like: link
From: "Malphas" project manager Sabina Justyś
To: Gabriel Trąba
Topic: Re:Re:Re:Redesign Malphas
Content: …I'm not sure about the skull but I'll give it greenlight. We will implement this look in 1.0.0. In the meantime, you can work on the simplified version, some changes to the appearance, paid extra and shit. I trust you with this.
From: Andrzej Heptyś
To: "Malphas" project manager Sabina Justyś
Topic: Bugs in Malphas version 0
Content: Hi,
we have a problem with MalVer, namely after the last update 0.0.9 and the transition to 1.0.0 there were massive changes in the behavior of the cloned host and the application stopped showing up in files. I have a whole long list of bugs that have started to show up. We'll have to fix it asap, and it's Thursday already.
From: "Malphas" project manager Sabina Justyś
To: Andrzej Heptyś
Topic: Re:Bugs in Malphas version 0
Content: Yes, I also noticed this problem. Okay, we're staying all night tonight. We fix whatever we can. I'll order a pizza. No one on the team leaves the building today until tomorrow.
From: Andrzej Heptyś
To: "Malphas" project manager Sabina Justyś
Topic: Re:Re:Bugs in Malphas version 0
Content: Hi,
So there may be a slight problem with that. Namely, I definitely won't stay overnight. I didn't have it in the contract. You have to deal with the rest of the team, I don't mean to be rude, but a few hours here, night here, you know. I'll take my phone with me and try to fix the tickets on the 1-15 list.
From: "Malphas" project manager Sabina Justyś
To: Andrzej Heptyś
Topic: Re:Re:Re:Bugs in Malphas version 0
Content: I shouldn't have allowed it. I am doing this absolutely for the last time, Andrzej.
WIP App description
Malphas
Reviews (0)
ver1.O.1
24.99 PLN per month for the basic version
34.99 PLN per month for the premium version
Description:
Never settle for those awkward feelings of being alone ever again. Malphas is an exciting and interactive experience that will keep you engaged and intrigued. The anxiety of social situations can be nerve-racking, but after just a few hours of Malphas you will soon forget all about those painful emotions of disappointment. Be part of the new craze that is quickly becoming the next social substitute. Remember, the more you participate, the more Malphas will engage you. Your experience is completely up to you. Absolutely NO ADS. Enjoy!
Buy?
Malphas ver1.0.1 — Patch notes
- We have fixed an issue where the application was not showing up in system files.
- We fixed the bug where the app icon was not showing.
- The application now asks for permissions to use: camera, microphone, making and receiving calls, modifying files, calculator, manifesting in real space within a maximum of 50 meters from the user, flashlight, location and managing contacts instead of manually forcing them.
- Fixed an issue where the application functioned despite turning the phone into airplane mode.
- Malphas's gender is no longer randomly assigned from the two options. Upon installation, the user now has a choice of 56 genders with the ability to change preferences later.
- Fixed an issue where Malphas completely blocked the ability to remove the application, which caused significant system glitches on iOS phones, which could even lead to the removal of the system.
- Fixed font errors in the application interface.
- The ability to customize Malphas's voice has been added.
- The appearance of Malphas has been changed to be more user-friendly. It is possible to switch the appearance to "Legacy" in the premium subscription or for a one-time fee of 45 PLN. The customization of Malphas accessories and outfits for premium users has also been significantly expanded.
- Updated localization files.
Malphas Team Chat
We are fucked
Andrzej: Hmm?
Marcin: ?
Gabriel: They are terminating the project?
No, someone leaked the old fucking version
Gabriel: …oh, so they are terminating not the project but us…
I entered random app store and it's there, with a fucking WIP name, for free, with 5k downloads..
Marcin: Bad joke, we just finished our tickets and now suddenly the old version has appeared in the public?
I wish this was a fucking joke. Management will tear my head off.
Marcin: God, that's the fucking version 1.0.0
I want to cry as soon as I see her code
Andrzej: I think I know the source…
ANDRZEJ YOU FUCKER!!!!
03.12.2013
[BEGIN LOG]
Adam Hunter: Okay, so let's start at the beginning. It was a project to see if we could transfer humans to electronics, and then transfer them to another body. After one test on the class C demon, we concluded that restoring it to the body outside of electronics was impossible. The previous project and all its documentation were terminated in favor of the new one.
Sabina Justyś: Yes.
Adam Hunter: The purpose of which was to modify the demon code from that test. To make it the perfect assistant, right?
Sabina Justyś: Correct.
Adam Hunter: It was the perfect opportunity to earn money, we managed to find an untouched market that was ready to pay thousands for it.
Sabina Justyś: Yes.
Adam Hunter: And now the free, heavily bugged version is completely free on the internet!?
Sabina Justyś: Unfortunately yes. In addition, as I checked recently, it broke 7k downloads.
Adam Hunter: Please tell me that at least our logo is not there, or anything to indicate that it is ours.
Sabina Justyś: Fortunately not, which saves us from a PR disaster. The application name itself is from a WIP name, not Malphas.
Adam Hunter: …
Sabina Justyś: Umm, Mr. Hunter? Everything's all right?
Adam Hunter:I think what to do… A literally cloned demon in app is now being sent out into the world. In addition, we have none of it… ADDITIONALLY, organisations other than the Foundation can find it, and we don't have a pact with them.
Sabina Justyś: I have an idea…
Adam Hunter: I am listening then.
Sabina Justyś: Maybe let one of our agents … In the Foundation facility "discover" an anomalous application … In version 1.0.0 there is no trace of us creating it. They'll clean up the whole thing for us and no one will notice what happened. While we fix the code, we'll change a few things and release a working version just later.
Adam Hunter: I would have given you a promotion if this shit weren't because of your team.
[END LOG]
Summary: An anonymous Hunter Industries agent at the Foundation was informed of the application. Andrzej Heptyś memories were cleared and then he was fired. The Malphas project continues.
Stolen Foundation data about the Malphas project

Last image received by SCP-1471-9405 before being rendered inoperative
Item #: SCP-1471
Object Class: Euclid
Special Containment Procedures: All mobile devices that have SCP-1471 installed are to be confiscated and analyzed for any potential leads to other possibly affected devices. Afterwards, affected devices are to have their batteries removed, be assigned a designation (e.g. SCP-1471-#), and be placed in Storage Unit-91 at Research Site-45.