네온 디스토피아 테마
평가: +2+x

이게 뭡니까?

네온 디스토피아 테마는 BHL 기반의 어두운 테마로, 1982년 영화 《블레이드 러너》같은 사이버펑크 미감을 내기 위한 테마입니다. 아무 작품에나 사용할 수 있지만… 무정하고, 인구는 과밀하고, 그렇지만 기술적 진보는 건드리면 베일 정도로 최첨단인 바이브가 있는 작품에서 쓰면 좋을 것입니다. 아니면 그냥 당신이 블레이드 러너를 좋아해서 쓰거나요.


테마 색상

네온 블루--neon-blue(15, 227, 229)
빗속의 눈물--tears-n-rain(73, 177, 178)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
데커드 레드--deckard-red(191, 0, 0)
블레이드 러너--blade-runner(163, 0, 0)
퇴역 레플리칸트--retired-replicant(77, 22, 25)
액정 라이트--display-green(23, 230, 16)
액정 미듐--tyrell-green(7, 53, 0)
액정 다크--display-dark(1, 18, 6)
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}

foundation-text.png

재단원격접속데이터베이스(FRAD) 로고


대안적 색상

spread.png

청색 - 녹색 - 황색 - 적색 바리에이션

비고: 이것은 블랙 하이라이터 기반 테마입니다. 이 테마를 사용하기 위해서는 기본형 블랙 하이라이터를 먼저 적용시켜야 합니다. 상세한 정보는 여기를 참조하세요.

사용법:

[[include :scpko:theme:black-highlighter-theme]]
[[include :scpko:component:toggle-sidebar-bhl]]
[[include :scpko:theme:cyberpunk theme-number=1]]


색상 선택하기:


  • 청색: [[include :scpko:theme:cyberpunk theme-number=1]]
  • 녹색: [[include :scpko:theme:cyberpunk theme-number=2]]
  • 황색: [[include :scpko:theme:cyberpunk theme-number=3]]
  • 적색: [[include :scpko:theme:cyberpunk theme-number=4]]


용례

구분선은 하이픈(-) 5개 "-----"로 만들 수 있고 어떤 것 안에(예: 인용구) 들어있지 않다면 페이지 전체를 가로지릅니다. 이 줄은 이 문서의 구획을 나누는 구분선입니다.


제목은 한 줄의 앞에 1-6개의 "+" 를 넣어서 표시할 수 있습니다.

여기에 로렘 입숨이 있다고 상상해 주세요.


이것은 인용구로 각 줄의 시작에 ">"를 넣으면 작동합니다.

글자


구분선

이중 인용문

삼중 인용문1


이것은
만드는 법은 이미 아실 거라
생각합니다

특별한 Div 속성들

대안적 인용문

그 여자, 그 디지털 리퍼인가 그거였습니까?


그래. 바로 피리 바물레토(Piri Vamuletto) 본인이었어.


콘솔/터미널 Div


FOUNDATION
mobile access terminal


부서 터미널은 다음 제공사에서 제공 및 스폰서해주고 있습니다:

▄▀█ █▀▀ █▀█ █▀█ █░█ █▀▀ █░░   ▀█▀ █▀▀ █▀▀ █▄█
█▀█ █▄▄ █▀▄ █▄█ ▀▄▀ ██▄ █▄▄   ░█░ ██▄ █▄▄ █▀█
기술을 통하여 인간성을 끌어낸다™
> 로그인 자격증명을 입력하십시오:
/useraccount VAMULETTO P. liveinthedreamofsalome
>
환영합니다, 피고용인 [ #F21E - PIRI VAMULETTO ]. 읽지 않은 메시지가 [ 0 ] 개 있습니다.
/open file VIDEO LOG
> 파일 로딩 중… 파일 로딩 중…
> 파일 [ VIDEO LOG ] 가 로드되었습니다.
> [ A ] 급 인증서가 필요합니다.
> 파일을 열겠습니까 (Y/N) ?
/Y
> 파일 여는 중…
> 화면에 표시하는 중…
> 파일이 열렸습니다.

녹취록 서식


영상 기록 - 뉴 슈멜링, 1982년

> 녹화 개시 <

피리는 갑자기 좌회전해서 곁의 골목길로 들어선다. 그녀를 따라오던 남자가 속도를 높여 골목으로 따라 뛰어든다. 하지만 웨블리 마크VI 리볼버의 총열이 얼굴에 들이밀어지니, 두어 발자국도 못 가고 멈춰선다.

남자는 두 손을 들어올린다.

바물레토 지껄여 봐.
앨릭잰더 이게 누구야, 미스 디지털 리퍼 본인이 아니신가.
피리가 공이를 뒤로 젖힌다. J. 앨릭잰더가 미소를 짓는다.
앨릭잰더 장담하는데, 나한테 총질하는 건 별로 좋은 생각이 아니야.
바물레토 장담하든가. 내 쪽에서 보기엔 별로 그렇지 않아 보이거든.
앨릭잰더 그럼 쏴 보든가. 퀸틸리움 코퍼레이션의 중역을 쏴죽였다간, 너희 같은 작고 별 볼일 없는 조직 따위, 눈에 불을 켜고 달려드는 우리 회사 법무팀을 막을 방법이 하나도 없을 걸.
피리가 리볼버를 거두고, 제임스는 양 팔을 내린다.
앨릭잰더 훨씬 낫군.
바물레토 분명히 말하는데, 나는 널 그냥 쏴버렸을 수도 있어. 네가 피를 쳐흘리면서는 제대로 설명을 못 씨부릴 것 같아서 봐준 것 뿐이지.
제임스가 주머니에 손을 넣는다. 주머니에서 MO 디스크를 꺼내 피리에게 던진다. 피리는 빈 손으로 디스크를 받아든다.
앨릭잰더 그 디스크의 내용물이 너한테… 또는 너희 조직한테 쓸모가 있을 거야. 네가 조직원들과 그걸 공유할 경우의 말이지만.
바물레토 살인 드라이브가 아니라면 말이지. 너한테 내가 왜 필요한데? 스펙 쩌는 넷리그들에 느그 공장 돌리는 데 필요한 오지들까지 다 있잖아. 니가 알아서 해.
제임스가 웃는다.
앨릭잰더 일단 내용물을 보면 다 알게 되어 있어. 좋은 하루 보내라고, 미스 디지털 리퍼.

발걸음을 놀려 냉큼 골목길을 빠져나간다. 피리가 MO 디스크를 뒤집어 반대편의 레이블을 읽는다. “누이텐스 프로젝트(NUYTENS PROJEKT)”라고 쓰여 있다.

피리는 제임스를 쫓아가 잡으려 하지만, 이미 뉴 슈멜링의 혼잡한 시내 속으로 사라져 찾을 수 없다.



로고 글꼴은 Strasua(윗줄) / Element(아랫줄).

제목 글꼴은 UnicephalonHS두꺼비체.
본문 글꼴은 Jost싸락눈체.
고정폭 글꼴은 Bedstead둥근모꼴.

추가 글꼴:
액정/LED용 글꼴은 Liquid CrystalLAB디지털.
터미널/콘솔 제목용 글꼴은 Element.
녹취록용 글꼴은 SV Basic Manual다이어리체.
터미널/콘솔용 글꼴은 Connection갈무리.


[[iftags +구성요소]]

평가: +2+x

이게 뭘 하냐면

사이드바를 기본으로 숨기고, 모바일과 비슷하게 모서리의 버튼으로 전환할 수 있도록 만들어 줍니다.


사용법

1. 아래의 코드를 복사하세요.

2. 문서에 블랙 하이라이터나 기타 테마를 모두 include한 다음에 붙여넣으세요.

[[include :scpko:component:toggle-sidebar-bhl]]

3. (선택) 테마를 사용하고 있다면 전환 버튼을 스타일링하세요.

필요에 따라 버튼을 스타일링할 수 있는 5개의 CSS 변수도 있습니다.
색상은 여기에서 살펴볼 수 있는 BHL의 색상 변수에서 선택할 것을 매우 권장합니다.

:root {
--toggle-button-bg: hex/rgb/hsl color;
--toggle-border-color: hex/rgb/hsl color;
--toggle-border-width: px/rem/em;
--toggle-icon-color: hex/rgb/hsl color;
--toggle-roundness: percentage;
}


[[/iftags]]

구성요소 코드 보기

[[iftags +component]]

평가: +2+x

What this does

Makes the sidebar hidden by default and toggled via a corner button, similar to the mobile version of the site.


How to use

1. Copy code below.

2. Paste in article after Black Highlighter and any other Theme include.

[[include :scp-wiki:component:toggle-sidebar-bhl]]

3. (Optional) Style toggle button if using a theme.

There are also 5 CSS Vars available to style the button if needed.
For the colors, it is heavily suggested that you use the available BHL Color Vars which can be found here.

:root {
--toggle-button-bg: hex/rgb/hsl color;
--toggle-border-color: hex/rgb/hsl color;
--toggle-border-width: px/rem/em;
--toggle-icon-color: hex/rgb/hsl color;
--toggle-roundness: percentage;
}


[[/iftags]]

[[div [[iftags -component]]style="display: none"[[/iftags]]]]

@font-face {
  font-family: 갈무리9;
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Galmuri9 Regular'),
       url('https://cdn.jsdelivr.net/npm/galmuri/dist/Galmuri9.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/npm/galmuri/dist/Galmuri9.ttf') format('truetype');
}
@font-face {
    font-family: '싸락눈체';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HailSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LAB디지털';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/LAB디지털.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HS두꺼비체';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/HS두꺼비체.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: '둥근모꼴';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: '다이어리체';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_220508@1.0/EarlyFontDiary.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
 
:root:lang(ko) {
   --theme-base: "black-highlighter";
   --theme-id: "cyberpunk";
   --theme-name: "네온 디스토피아";
 
   --header-title: "FOUNDATION";
   --header-subtitle: "REMOTE ACCESS DATABASE";
 
   --body-font: 'Jost', '싸락눈체', sans-serif;
   --header-font: 'Element', sans-serif;
   --title-font: 'Unicephalon', 'HS두꺼비체', serif;
   --mono-font: 'Bedstead', '둥근모꼴', monospace;
   --terminal-font: 'ConnectionRegular', 갈무리9, monospace;
   --display-font: 'Liquid Crystal', 'LAB디지털', sans-serif;
   --dialogue-font: 'SV Basic Manual', '다이어리체', sans-serif;
   --UI-font: var(--dialogue-font);
}
 
#page-title, .meta-title {
   line-height: 1.8;
}
 
table.dialog th {
   font-family: var(--display-font);
   white-space: nowrap; 
}
 
textarea {
   font-family: var(--mono-font);
}
input#edit-page-title.text {
   font-family: var(--title-font);
}
🈲: SCP 재단의 모든 컨텐츠는 15세 미만의 어린이 혹은 청소년이 시청하기에 부적절합니다.
따로 명시하지 않는 한 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.