DJK

잠깐 정지!!

SCP 위키 내부에서 사용되는 템플릿 페이지입니다.

운영진의 허가없이
이 페이지를 만지지 마세요

---

• 

  close

  정보

  ---

  X

  ACS 애니메이션
  원작: https://scp-wiki.wikidot.com/component:acs-animation
  저자: EstrellaYoshte
  역자: Denevola

  
  

이건 로딩되는 ACS 헤더를 애니메이션화 해주는 구성요소입니다.

사용법:

글 어디든 이 내용을 붙여넣으세요.

[[include :scpko:component:acs-animation]]

이게 다에요!

예시: SCP-5935

---

비고:

- --timeScale과 --timeDelay, 이 두 변수는 애니메이션의 타이밍을 조절합니다. 예를 들어볼게요.

[[module CSS]]
:root {
--timeScale: 2;
--timeDelay: 0.5s;
}
[[/module]]

--timeScale은 모든 애니메이션을 두 배로 감속하고, --timeDelay는 애니메이션의 시작을 0.5초 늦춥니다. 기본값은 각각 1과 0입니다.

이 기본값을 바꾸려면 위의 코드를 [[include]] 뒤에 붙여넣으세요. --timeDelay는 ACS가 본문의 첫 번째 요소가 아니거나, 다른 애니메이션 모듈(페이드인 등)과 혼용할 때 사용할 것을 권장드립니다.

- 다른 종류의 ACS 헤더와는 호환되지 않을 가능성이 높습니다*.

*PeppersGhost의 ACS 라이트와 함께 사용하려면 아래 코드를 [[include]] 뒤에 붙여넣으세요.

[[module CSS]]
/*-- ACS Lite Animation Compatibility Patch --*/
.anom-bar > .bottom-box::before { display: none; }
.anom-bar > .bottom-box { box-shadow: none!important; }
div.diamond-part { clip-path: none; animation: none; box-shadow: none!important; }
@media (max-width: 480px) {
div.top-right-box { clip-path: polygon(0% -30%, 100% -30%, 100% 130%, 0% 130%); }
}
[[/module]]

- AnAnomalousWriter의 작품으로부터 영감을 받음.

• 

  close

  정보

  ---

  X

  전환 가능한 사이드바 BHL
  원작: https://scp-wiki.wikidot.com/component:toggle-sidebar-bhl
  저자: Woedenaz
  역자: Denevola

  ---

  include는 EN의 것이 자동 반영됩니다.

  ---

이게 뭘 하냐면

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

• 시그마-9에선 작동하지 않습니다. 이 구성요소는 오직 블랙 하이라이터에서만 기능합니다.
• 시그마-9에서 사용하려면 EstrellaYoshte가 만든 이 구성요소를 대신 사용하세요.
• BHL과 시그마-9 양쪽에서 모두 기능하는 접히는 사이드바도 있습니다.
  접히는 사이드바는 클릭 대신 마우스 호버로 작동하고, 전환 가능한 사이드바보다 약간 더 눈에 띕니다.

---

사용법

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

---

구성요소 코드 보기

• 

  close

  정보

  ---

  X

  가운데 정렬 헤더 BHL
  원작: https://scp-wiki.wikidot.com/component:centered-header-bhl
  저자: Woedenaz
  역자: Denevola

  ---

  일반 include는 EN의 것이 자동 반영되고, aesthetic/ch-scp/malice는 수동 업데이트를 요합니다.

  ---

이게 뭘 하냐면

제목과 로고가 가운데로 오도록 헤더를 재배열합니다.

• 시그마-9에선 작동하지 않습니다. 이 구성요소는 오직 블랙 하이라이터에서만 기능합니다.
• 접히는 사이드바나 전환 가능한 사이드바와 함께 사용해볼 것을 적극적으로 추천합니다.

---

사용법

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

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

[[include :scpko:component:centered-header-bhl]]

---

---

구성요소 코드 보기

---

+ 테마 코드 보이기

@font-face {
    font-family: 'MapoDPPA';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
 
@supports(display: grid) {
    :root:lang(ko) {
        --header-title: "SCP 재단";
        --header-subtitle: "확보 - 격리 - 보호";
 
        /* Typefaces */
        --body-font: "Roboto", 'NanumBarunCatsi', sans-serif;
        --header-font: "Josefin Sans", 'MapoDPPA', sans-serif;
        --title-font: "Josefin Sans", 'MapoDPPA', sans-serif;
        --mono-font: "Fira Code", "Andale Mono", "Courier New", Courier, 'Nanum Gothic Coding', monospace;
    }
}
 
.modalbox {
    background: rgb(var(--dark-gray-monochrome));
    box-shadow: 0 2px 6px rgb(0 79 102 / 50%);
}
 
.modalbox .close-credits {
    filter: invert(1);
}

• 

  close

  정보

  ---

  X

  DJK
  제작: djkaktus
  번역: thd-glasses

  ---

어느 위키든 이것만 붙여넣으세요.

[[include :scpko:component:djk]]

다들 반가워요, dj서닌장입니다. 이것은 제가 작품에 적용하는 표준 양식을 수정할 때마다 140개가 넘는 문서를 지치지 않고 수정해왔던 Elenee FishTruck의 수고를 덜어주고자 만든 개인용 컴포넌트입니다. 이제 이 문서 하나만 수정하면 다 고쳐지겠죠.

여기엔 다음 사항들이 포함됩니다.

1) (워데나즈의 축복이 서린) 블랙 하이라이터를 적용합니다.
2) 블랙 하이라이터를 BHL 페넘브라 테마로 조정합니다.(에스텔라에게 함성을 보내주세요)
3) BHL 페넘브라에 제 취향의 복고풍 색상 변경을 잔뜩 끼얹습니다.
4) 페넘브라 수정에 맞춰서 ACS도 커스터마이징합니다.
5) 페이드인, 접는 사이드바, ACS 애니메이션 컴포넌트를 추가합니다.
6) 그리고 제 변덕에 따라 뭐든 언제든 수정될 겁니다.

저는 항상 제 작품 전반에 잘 어울리는 테마 요소를 찾으려 애쓰고 있습니다. 이 문서는 작은 수정을 벌일 때마다 수백 페이지를 일일이 수정할 필요 없이, 효과적으로 그 이상향에 한뼘 다가가게 해줍니다.

/* 폰트 출처: https://noonnu.cc/font_page/776 */
 
@font-face {
    font-family: 'establishRetrosansOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRetrosansOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
:root:lang(ko){ 
--header-title: "재 단";
--header-subtitle: "격리부";
--header-font: "Josefin Sans", "establishRetrosansOTF", sans-serif;
--title-font: "Josefin Sans", "establishRetrosansOTF", sans-serif;
}
#header h2 span {
font-size: calc(var(--base-font-size) * 1.35);
}
 
.top-right-box > .level {
    line-height: 0.5;
}
 
body .danger-diamond > .arrows {
    background-color: transparent;
}