ニンジャエスシーピースレイヤー ハブ

+ Show component code

@supports(display: grid) {
    :root {
        --sidebar-width-on-desktop: calc((var(--base-font-size) * (14 / 15)) * 19);
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 769px) {
        #side-bar .close-menu {
            display: block;
            position: fixed;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            opacity: 1;
            pointer-events: all;
            z-index: -1;
        }
 
        #side-bar .close-menu img {
            color: transparent;
        }
 
        #side-bar .close-menu::before,
        #side-bar .close-menu::after {
            content: "";
            box-sizing: border-box;
            position: fixed;
            display: block;
            top: 0.5rem;
            left: 0.5rem;
            width: 3rem;
            height: 3rem;
            padding: 0;
            margin: 0;
            text-align: center;
            pointer-events: all;
            cursor: pointer;
            transition:
                opacity var(--sidebar-transition-timing);
        }
 
        #side-bar .close-menu::before {
            --mask:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Hamburger' x='0' y='0' baseProfile='tiny' overflow='visible' version='1.2' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cpath d='M4 10h24c1.1 0 2-.9 2-2s-.9-2-2-2H4c-1.1 0-2 .9-2 2s.9 2 2 2zm24 4H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2zm0 8H4c-1.1 0-2 .9-2 2s.9 2 2 2h24c1.1 0 2-.9 2-2s-.9-2-2-2z'/%3E%3C/svg%3E");
            z-index: -1;
            background-color: var(--toggle-icon-color, rgb(var(--sidebar-links-text))) !important;
            -webkit-mask: var(--mask);
            mask: var(--mask);
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 50% 50%;
            mask-position: 50% 50%;
            -webkit-mask-size: 60%;
            mask-size: 60%;
        }
 
        #side-bar .close-menu::after {
            z-index: -2;
            background-color: var(--toggle-button-bg, rgb(var(--sidebar-bg-color))) !important;
            border-radius: var(--toggle-roundness, 50%);
            border: var(--toggle-border-color, rgb(var(--sidebar-links-text))) var(--toggle-border-width, 0.25rem) solid;
        }
 
        #side-bar:focus-within .close-menu,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu {
            pointer-events: none;
        }
 
        #side-bar:focus-within .close-menu::before,
        #side-bar:focus-within .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::before,
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover .close-menu::after {
            opacity: 0;
            pointer-events: none;
        }
 
        #side-bar {
            display: block;
            position: fixed;
            top: 0;
            left: calc(var(--sidebar-width-on-desktop)*-1);
            z-index: 10;
            transition:
                left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: 0;
        }
 
        #side-bar:focus-within {
            left: 0;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover {
            left: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1rem;
            background-color: rgb(0, 0, 0, 0);
            border-radius: 0;
            border-left-width: 0px;
            border-right-width: 0px;
        }
 
        #main-content::before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            z-index: -1;
            opacity: 0;
            transition:
                opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                width 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            margin-left: var(--sidebar-width-on-desktop);
            background: rgba(var(--swatch-menubg-black-color), .3) 1px 1px repeat;
            padding-right: 0;
            width: 100%;
            height: 100vh;
            pointer-events: none;
            z-index: 99;
        }
 
        #side-bar:focus-within ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        #side-bar:not(:has(.close-menu:hover)):not(:focus-within):hover ~ #main-content::before {
            width: calc(100% - var(--sidebar-width-on-desktop));
            opacity: 1;
            pointer-events: all;
        }
 
        @supports (-moz-appearance:none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) { #side-bar {
            padding: inherit;
        } }
 
        #content-wrap {
            display: flex;
            flex-direction: row;
            width: calc(100vw - (100vw - 100%));
            min-height: calc(100vh - calc(var(--final-header-height-on-desktop, 10.125rem)));
            flex-grow: 2;
            height: auto;
            position: relative;
            margin: 0 auto;
            max-width: inherit;
        }
 
        #main-content {
            width: 100%;
            position: initial;
            max-height: 100%;
            padding: 2rem 1rem;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            margin: 0 auto;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        @supports (-webkit-hyphens:none) { 
            #side-bar {
                transition:
                    left 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    padding-right 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
                    background-color 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                padding-right: 0;
                background-color: rgb(0, 0, 0, 0);
                pointer-events: all;
                overflow-x: visible;
                overflow-y: visible;
                z-index: 999;
            }
 
            #side-bar::-webkit-scrollbar {
                opacity: 0;
                -webkit-transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
                transition: opacity 500ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
            }
 
            #side-bar .close-menu::before {
                z-index: 999;
            }
 
            #side-bar .close-menu::after {
                z-index: 998;
            }
 
            #side-bar:hover .close-menu::before,
            #side-bar:hover .close-menu::after {
                opacity: 0;
            }
 
            #side-bar:hover {
                left: 0;
                background-color: rgba(var(--swatch-menubg-color), 1);
                padding-right: 0;
            }
 
            #side-bar:hover::-webkit-scrollbar {
                opacity: 1;
            }
 
            #side-bar:hover~#main-content::before {
                width: calc(100% - var(--sidebar-width-on-desktop));
                opacity: 1;
                pointer-events: all;
            }
        }
    }
}

---

+ Show component code

@supports(display: grid) {
    :root {
        /* header measurements */
        --header-height-on-desktop: 10rem;
        --header-height-on-mobile: 10rem;
        --header-h1-font-size: clamp(2rem, 5vw, 2.8125rem);
        --header-h2-font-size: clamp(0.875rem, 3vw, 0.9375rem);
    }
 
    #header {
        --search-textbox-text-color: var(--swatch-secondary-color);
        background: none;
    }
 
    #header::before {
        content: " ";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0.75rem;
        background-image: var(--logo-image);
        background-repeat: no-repeat;
        background-position: center 0;
        background-size: auto calc(var(--header-height-on-desktop) - 1.5rem);
        opacity: 0.8;
        pointer-events: none;
    }
 
    #header h1,
    #header h2 {
        margin: 0;
        padding: 0;
        width: 100%;
        height: var(--header-height-on-desktop);
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
 
    #header h1 a,
    #header h1 a::before,
    #header h2 span,
    #header h2 span::before {
        margin: 0;
        padding: 0;
        z-index: 0;
        display: block;
        text-align: center;
    }
 
    #header h1 {
        z-index: 1;
    }
 
    #header h1 a::before,
    #header h1 a::after {
        content: var(--header-title);
    }
 
    #header h1 a::before  {
        color: rgb(var(--swatch-text-tertiary-color));
        z-index: -1;
        -webkit-text-stroke: 0.325rem rgb(var(--swatch-text-dark));
    }
 
    #header h1 a::after {
        color: rgb(var(--swatch-headerh1-color));
        z-index: 1;
    }
 
    #header h2 {
        z-index: 0;
        text-transform: uppercase;
        pointer-events: none;
    }
 
    #header h2 span {
        margin-top: calc(var(--header-height-on-mobile)/2 + var(--header-h1-font-size)/2 - 2em);
    }
 
    #header h2 span::before,
    #header h2 span::after {
        --wght: 600;
        content: var(--header-subtitle);
        position: absolute;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 100%;
        text-align: center;
    }
 
    #header h2 span::before {
        -webkit-text-stroke: 0.25rem rgb(var(--swatch-text-dark));
    }
 
    #header h2 span::after {
        color: rgb(var(--swatch-headerh2-color));
        z-index: 1;
    }
 
    #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
        color: rgba(0, 0, 0, 0);
    }
 
    @media (min-width: 36rem) {
 
        #login-status {
            flex-grow: 1;
            left: 3%;
            right: initial;
        }
 
         #login-status::before {
            --mask-image: none;
            background-color: transparent;
        }
 
        #login-status:not(:focus-within) {
            color: rgb(var(--login-line-divider-color));
            -webkit-user-select: initial;
            -moz-user-select: initial;
            -ms-user-select: initial;
            user-select: initial;
        }
 
        #login-status #account-topbutton,
        #login-status:not(:focus-within) #account-topbutton {
            --clip-path:
                    polygon( 0 0, 100% 0, 100% 100%, 0 100% );
            background-color: rgba(var(--login-arrow-color), 0);
 
        }
 
        #login-status #account-topbutton::before{
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(var(--login-arrow-color), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton::before,
        #login-status:not(:focus-within) #account-topbutton:hover::before {
            --clip-path:
                    polygon( 30% 35%, 70% 35%, 50% 60%, 50% 60% );
            --mask-image: initial;
        }
 
        #login-status:not(:focus-within) #account-topbutton::after {
            display: none;
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not([href*="account/messages"]) {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            pointer-events: all;
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #login-status:not(:focus-within) *:not(#account-topbutton):not(#account-options):not([href*="account/messages"]) {
            opacity: 1;
        }
 
        #login-status #my-account {
            --wght: 300;
        }
 
        #account-options {
            background: var(--gradient-header);
        }
 
        #search-top-box {
            top: 1.5em;
            right: 3%;
            background: rgba(var(--search-focus-textbox-bg-color), 0.4);
            box-shadow: calc(var(--search-height) / 2 * -1) 0 calc(var(--search-height) / 2) rgba(var(--search-focus-textbox-bg-color), 0.4);
        }
 
         #search-top-box:focus-within ~ #login-status {
            opacity: 1;
        }
 
        #search-top-box::after {
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
            transition:
                background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),
                clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1),
                -webkit-clip-path 150ms cubic-bezier(0.4, 0, 0.2, 1);
        }
 
        #search-top-box:not(:focus-within)::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0% 100%
                    );
            background-color: rgba(var(--search-icon-bg-color, --dark-accent), 1);
            -webkit-clip-path: var(--clip-path);
            clip-path: var(--clip-path);
        }
 
        #search-top-box:not(:focus-within):hover::after {
            --clip-path:
                    polygon(
                        0 0,
                        100% 0,
                        100% 100%,
                        0 100%
                    );
            background-color: rgb(var(--search-icon-hover-bg-color));
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) {
            max-width: var(--search-width);
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="text"] {
            max-width: var(--search-width);
            padding: 0 var(--search-height) 0 1em;
            outline-width: 0;
            background-color: rgb(var(--search-focus-textbox-bg-color), 0.35);
            color: rgba(var(--search-textbox-text-color), 0.4);
            cursor: pointer;
        }
 
        #search-top-box form[id="search-top-box-form"]:not(:focus-within) input[type="submit"],
        #search-top-box form[id="search-top-box-form"]:focus-within input[type="submit"] {
            pointer-events: all;
            border: none;
        }
 
    }
 
    #page-title::after,
    .meta-title::after,
    #page-title::before,
    .meta-title::before {
        content: "";
        flex-grow: 1;
        height: 0.0625rem;
        background: rgb(var(--swatch-primary));
    }
 
    #page-title::before,
    .meta-title::before {
        margin: auto 1.25rem auto auto;
    }
}

---

＋테마 코드 열기

/* 글꼴 */
@import url('https://scpko.wdfiles.com/local--files/unfont/UnDinaru.css');
@import url('https://scpko.wdfiles.com/local--files/unfont/UnGraphic.css');
@font-face {
    font-family: 'MapoHongdaeFreedom';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoHongdaeFreedomA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@supports((display: -ms-grid) or (display: grid)) {
 
    :root:lang(ko) {
        --header-title: 'SCP 재단';
        --header-subtitle: '확 보　격 리　보 호';
 
        /* Typefaces */
    --body-font: 'prenton', 'UnGraphic', serif;
    --header-font: 'flood-std', Arial, 'MapoHongdaeFreedom', sans-serif;
    --title-font: 'eurostile-extended', '굴림', 'UnDinaru', sans-serif;
    --mono-font: 'novel-mono-pro', monospace;
    }
}
 
@media (max-width: 565px) {
#header h2 span {
    color: transparent;
    text-shadow: none;
}
 
#header h2 span::before {
    content: "확보 격리 보호";
}
}
 
textarea {
   font-family: var(--mono-font);
}
input#edit-page-title.text {
   font-family: var(--header-font);
}

Info

---

ニンジャエスシーピースレイヤー ハブ

著者: romrom

日本の文学作品、「ニンジャスレイヤー」の文体をパロディした作品です。如何なる盗作、卑下の意図はございません。

画像ソース:

韓国語Wiki公式Discord内

---

닌자 SCP 슬레이어

오오 붓다여 주무시고 계십니까?

ニンジャエスシーピースレイヤー

ブッダよ、あなたは寝ているのですか！

出展がDiscord内で、画像ライセンスが不詳のため差し止め

이 그윽한 밤 속에 돌아다니는 한 명의 닌자…

네오-명천구의 불빛과 지리 마운틴의 정기도 그를 스탑할 수 없었다…

그는 에인션트-아크 닌자의 파워를 물려받은, 아크 닌자 이강수=상이었다.

静けさだけが鳴り響く夜の中、ひとり動く忍者……

ネオ・ミョンチョン区の光も、マウンテン・オブ・ジリの力でさえも彼を止められなかった……

彼は超古代ニンジャパワーを引き継いだアークニンジャ イ・グァンス＝サンだった。

作品一覧

◆◆ 웰렌스키＝상의 습격 ◆◆

"아이에에에에에-! 닌자! 어째서 닌자아! 이곳 제21K기지 식당에 닌자-!"

◆◆ ウェレンスキー=サンの襲撃 ◆◆

"アイエエエエ! ニンジャ!? ニンジャナンデ!? コチラ、第21K基地に忍者が!"

---

◆◆マウンテン・オブ・ジリのバグ=ヤクザ◆◆

"너는 초고대 아크 닌자인 노래마인=상과 샐러맨더=상의 기를 물려받은 자다… 이런 야쿠자들에게 카이사쿠 당해서는 안된다!"

◆◆지리 마운틴의 버그=야쿠자◆◆

"貴様は超古代アークニンジャであるノマイレ＝サンとサラマンダー＝サンのパワーを受け継ぎし者…… こんなヤクザどもに介錯されるなど許されない!"

---

◆◆머피 로와... 살인마 닌자여 칼을 빼들어라!◆◆

유일하게… 기억나는 건… 번쩍이는 카타나와 두건…

◆◆マーフィーへ告ぐ...... 殺人鬼ニンジャよカタナを抜け!◆◆

唯一…… 記憶しているのは…… 輝くカタナと頭巾だけだ……

登場人物

아크-닌자 이강수＝상

제21K기지의 아크-닌자. 한국 초상세계에 만연한 혼란을 그의 스고이급 닌자 기술로 제압하려 하고 있다.

봉인 인법 해제

그는 어째서인지 에인션트-아크 닌자들의 속삭임을 들을 수 있으며, 불명의 아크 닌자인 샐러맨더＝상의 힘을 얻어 불꽃을 다룰 수 있게 되었다. 야바이급 닌자도 뛰어넘을 경지! 그는 닌자-살인마로 오해받지만, 결국 그 오해를 물리친다.

アークニンジャ イ・グァンス＝サン

21K基地のアークニンジャ。韓国超常世界に蔓延る混乱を彼が持つスゴイ級忍術で抑えようとしている。

封印術解除

彼はどういうわけか超古代アークニンジャの声を聞くことができ、不明なアークニンジャであるサラマンダー＝サンの力で炎を扱えるようになった。ヤバイ級ニンジャも飛び越す境地！彼は殺人鬼ニンジャと誤解されるが、その誤解を解くことができた。

---

코왈스키＝상

혼돈의 반란에서 보낸 첩자. 제21K기지에 당도해 이강수＝상을 살해하려 든다.

コワルスキー＝サン

混沌の反乱により送られたスパイ。第21K基地にたどり着き、イ・グァンス＝サンを殺害しようと企てる。

---

아크-닌자 영설지＝상

제45K기지의 아크 닌자. 명상을 하는 이강수 앞에 나타나 대화를 걸어온다. 그런데 뭔가 비어있는 느낌이 든다…

봉인 인법 해제

사실은 기지에 없으나, 그의 모습을 닮은 외피를 제비꽃이 제작해 숨어있었다. 진짜 영설지는 심시영 모양의 외피에 숨어 이강수에게 누명을 씌운다.

アークニンジャ ヨンソルジ＝サン

第45K基地のアークニンジャ。瞑想中のイ・グァンスの前に現れ、声をかける。だが、どうも空いている感じがする……

封印術解除

事実は基地にはないが、彼の姿を模した外皮をスミレが制作し、隠れていた。本物のヨンソルジはシム・シヨンの外皮に隠れ、イ・グァンスに名付けられた。

---

버그＝야쿠자들

제45K기지에 침투한 제비꽃 무리. 다구리라는 비겁한 전술을 사용한다.

バグ＝ヤクザ

第45K基地に侵入したスミレの群れ。ダグリという卑怯な戦法で戦う。

---

머피 로

페이드인:

INT. 머피 로 탐정사무소 - 야간

서술자

(낮게 깔은 목소리)

지금 소개받는 이의 이름은 머피 로. 무엇이든 잘못된 것이 있다면 당신이 부를 수 있는, 그런 남자다.

봉인 인법 해제

머피 로

(메모하며)

명천구의 닌자 살인마. 나는 심시영으로부터 그것을 조사해달라는 의뢰를 받았다. 그리고 지금, 나는 살인마의 정체가 이강수라고 확신하고 있다.

머피 로

(주먹을 쥐며)

그가 언제까지 자기 얼굴을 숨기고 있을지는 모른다.

머피 로

(리볼버를 잡으며)

하지만 언젠가는, 그 자는 내 리볼버 앞에서 얼굴을 드러내게 될 것이다.

페이드아웃:

マーフィー・ロー

フェードイン:

INT。マーフィー・ロー探偵事務所 - 夜

記述者

(低く響く声)

今から紹介する男の名はマーフィー・ロー。間違ったことがあればすぐに呼び出せる、そんな男です。

봉인 인법 해제

マーフィー・ロー

(メモを取り)

明川区の殺人鬼ニンジャ。私はシム・シヨンにそれについて調べてほしいと依頼された。そして俺は今、殺人鬼の正体はイ・グァンスだと確信している。

マーフィー・ロー

(拳を握る)

ヤツがいつまで本性を隠すのかはわからない。

マーフィー・ロー

(リボルバーを手に取る)

だが、いつか奴は俺のリボルバーの前で本性を現す。

フェードアウト:

---

심시영

SCP 재단의 인원. 머피 로 탐정사무소에 의뢰를 맡기러 온다.

シム・シヨン

SCP財団職員。マーフィー・ロー探偵事務所に依頼をしに訪れる。

これは一体何?

일본 트위터에서 연재되던 병맛 사이버펑크 닌자 액션 활극, "닌자 슬레이어"의 문체를 패러디한 작품 시리즈입니다. 이 문체 또한 "인살어" 라는 이름으로 여럿 알려져 있으니, 인터넷에서 찾아보시는걸 권합니다.

Twitterで日本語で連載されていたサイバーパンク・ニンジャ活劇小説、「[ニンジャスレイヤー」の文体をパロディしたシリーズです。この文体も忍殺語」の名で広く知られているので、インターネットで検索するのをお勧めします。

ko project-crossover ハブ 画像差し止め

---

• • _
  批評コメント批評コメント

  
  コメント投稿フォームへ

  批評コメントTopへ

  - hide block

ERROR

The Dr_rrrr_2919's portal does not exist.

エラー:	Dr_rrrr_2919のportalページが存在しません。利用ガイドを参照し、portalページを作成してください。

利用ガイド

1. portal:7200455 (28 Feb 2021 12:38)