| 삼대천 제공: 나이트버드 플라잉! |
By:  POI_Damgi |
| Published on 14 Jul 2023 14:02 |
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.
.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; }
💪 2023년 3월 9일까지 할인! 💪
지금 당장 최고의 삼대천 기적술 상품을 구입하세요!
상품 할인은 삼대천 공식 오프라인 매장 및 온라인 매장, www.samdaecheon.com에서만 가능합니다. 고객 측의 변칙적 기간 조작에 대해서는 엄중한 사적재재가 가해질 수 있습니다.
기적술 상품 : "나이트버드 플라잉"
이 제품은 숙련된 삼대천 기적술사로부터 제공되는 기적학적 의례 시술입니다. 이 시술을 거치신 고객님들의 신체는 완벽하게 조류로 변환되며 이 과정에서 기억과 지성은 보존됩니다. 또한 시술 도중 효과 기간을 설정해 다시 인간으로 돌아올 타이밍을 임의로 지정하실 수도 있습니다. 해당 의례 시술은 14세기 유럽의 마녀들이 사용했던 둔갑술을 삼대천 생활건강 측에서 극히 안전하게 개조한 것이며 현재까지 어떠한 부작용도 발견된 바 없습니다.
조류로 변하여 비행하는 것은 낭만적이기도 하지만, 동시에 상당한 상체 근육 운동입니다. 대부분의 새들은 공중에서 비행하기 위해 날개와 직결된 가슴 근육을 필사적으로 움직여야 하므로 굉장한 단련이 가능합니다. 즉 조류로 변하신 고객님은 단기간에 초고강도 가슴 운동이 가능하다고 할 수 있겠습니다. 지금 당장 상체 운동의 정점을 맛보세요!
기적술 상품 : "나이트버드 플라잉"은 숙련된 기적술사에 의해 시술이 이루어지며 현재로서는 어떠한 사망도 초래한 바 없습니다. 변신할 조류로의 종류 또한 선택이 가능합니다— 다만 타조와 펭귄은 제외하고요. 또한 다시 인간으로의 귀환은 원하시는 날에 다시 삼대천 기적술사에 의해 안전히 이루어지기에 믿을 수 있습니다. 걱정하지 마세요!
여러분이 수술대에서 잠시 잠든 후에 눈을 뜨면 새로운 몸을 경험하실 수 있을 것입니다. 고통이나 다른 어떠한 부작용도 없으며 몸은 약간의 위화감을 빼고는 마치 원래의 육체처럼 작동할 것입니다. 날아보세요!
담당자의 한마디
기적술 상품 : "나이트버드 플라잉"은 제가 개발과 시술을 담당한 기적학 시술 중 가장 성공적이며 동시에 아름답다고 자부할 수 있습니다. 사람들은 문명 속에서 건강을 추구하기 위해 노력하지만 동물들은 자연 상태에서도 대단한 근력을 지니죠.
이 상품은 믿을 만한 자연의 법칙을 추구합니다. 닭가슴살은 상당한 단백질을 지닙니다. 지방이 아닌 순수한 근육 덩어리기 때문이죠. 지금 닭은 날지 못하지만 여전히 날아다녔던 조상 새들처럼 단단한 근육을 지니고 있습니다.
인간이 날 수 있다면 엄청난 가슴 근육을 필요로 할 것입니다. 그리고 이와 동시에 날게 된다면 상당한 근력 요구를 통해 근육을 지닐 수 있겠죠. 비행은 황홀한 경험입니다.
저 또한 동료의 도움을 받아 스스로에게 시술을 적용시킨 적이 있습니다. 저는 그날 한 마리의 거대한 흰머리수리가 되어 창공을 비행했습니다. 공중에 뜬 감각, 아름다운 아래의 풍경, 깃털에 스치는 바람…… 이는 다시 없을 체험일 것입니다.
저의 기적술사 경력을 걸고 시술의 안전과 훌륭함을 확신합니다.
가격
- 기적술 상품 : "나이트버드 플라잉" (골드) — $108,89 — 최대 3일간 유지되는 기적술 시술입니다. 기본적 설정이며 도중 해제가 가능합니다.
- 기적술 상품 : "나이트버드 플라잉" (플래티나) — $158,89 — 최대 2주간 유지되는 기적술 시술입니다. 도중 해제가 가능하며 중간에 다른 종의 조류로 재둔갑하는 시술 옵션도 가능합니다.
- 기적술 상품 : "나이트버드 플라잉" (다이아몬드) — 200,85 — 최대 2달간 유지되는 기적술 시술입니다. 도중 해제가 가능하며 중간에 다른 종의 조류로 재둔갑하는 시술 옵션, 그리고 고상한 고급 새장 주문도 무료로 가능합니다.
후기:
RaiRaichachacha 2023. 2. 9. 14:05:12 #109188
상품 플래티나 옵션을 구매했습니다. 저는 까치 시술을 받았는데, 높이 나는 새는 아니지만 비행은 충분히 즐거웠습니다. 물론 엄청나게 힘들었지만요. 그리고 다시 사람으로 돌아오니 가슴 근육이 상당히 붙었더군요. 좋습니다!
going-home 2023. 2. 12. 03:02:20 #289292
상품 골드 옵션을 구매했습니다. 골드 옵션의 단점은 단기간유지된다는 점인데, 뽕을 뽑으려면 소형 조류가 최고입니다. 소형 조류는 날갯짓을 빠르게 해야 하니까 근육도 더 붙더군요. 참새나 되새를 추천드립니다.
알바트로스나 독수리는 근육 키우기엔 그리 좋진 않습니다. 활강 위주로 비행해서요.
oraorarush 2023. 2. 12. 03:45:13 #420420
가슴 단련은 물론 새나 다른 동물을 쫓아내는 데도 굿입니다.
맹금류로 변신하면 동네 비둘기가 싹 사라집니다.
농사 지으시는 분들께도 강추합니다.
siopjol 2023. 2. 15. 13:55:50 #585480
ㅇㅡ 도와ㅈㅜ세요 ㅅㅏ람으로 ㄷㅗㄹ아ㄱㅏ야 ㅎㅏ는데 ㅅㅣㄹ수로 길을 ㅇㅣㄹㅎ음
고양ㅇㅣ 많아요 ㅇㅕ기 ㅇㅓ딘지 모르겠음
ㄴㅏㄹ아갈 힘이 없어ㅇㅛ..
사건번호: EE-67985
혼란 등급: 플람 (Vlam)
상세: 요주의 단체 삼대천 (GoI-3000)이 초상사회 인원을 대상으로 한 기적술-둔갑술 시행. 이 시술을 적용받은 인물은 대략 30명 정도이나 이후 12명이 실종됨. 이들은 기적술에 의해 조류로 둔갑했으나 다시 인간으로 돌아온 기록이 없음.
추적 끝에 의식 시술 집행자인 이치노세 아카리(PoI-30001)와 연관된 위치를 발견하고 기동특무부대 강산-29가 이를 급습함. 내부에서 실종자들이 발견되지는 않았으나 PoI-30001에 의해 기록된 자료가 발견됨.
기록에 따르면, 시술 환불 요청 인물이나 부작용 발생 인원들은 삼대천 생활건강에 의해 재시술을 받아 멸종위기종 히아신스마코앵무(Anodorhynchus hyacinthinus)로 개조됨. 이들은 지성은 있었으나 발화는 불가능했고, 이후 삼대천 자금 획책 목적으로 각지 부유한 요주의 인물에게 반려동물로서 판매됨.
다만 몇 개체의 앵무는 아직도 삼대천 관리 하에 있으며 이윤 추구를 위해 인공 번식 대상으로 선정되었을 가능성이 있음. 윌슨 야생동물구제와 협력하여 판매를 사전에 차단하고, 기적술 일명 "나이트버드 플라잉"은 재단 상업은비연구팀 리코리스 구상에게 인계될 것임.
페이지 내역: 2, 마지막 수정: 14 Jul 2023 14:02
