비칸데르니드 테크니컬미디어 허브

구성요소 코드 보기

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

정보

---

비칸데르니드 테크니컬미디어 허브(Vikander-Kneed Technical Media Hub)
원작: https://scp-wiki.wikidot.com/vikander-kneed-technical-media-hub
저자: Grigori Karpin
역자: Salamander724

---

강령:

우리 비칸데르니드Vikander-Kneed는 매체통신기술의 최첨단에 있다고 자부하고 있습니다. 우리의 목표는 편향되지 않고 미학적으로 만족스러운 소통을 통해 인간과 사회의 발전을 도모하는 것입니다.

더 나은 세상이라는 것이 진짜 있다면, 그것을 성취하는 것은 우리 모두에게 달린 것입니다. 효율적이고 오락적인 매체는 유토피아로 가는 가장 중요한 계단입니다.

우리와 함께 저 멋진 내일^TM로 가지 않으시겠습니까?

우리의 능력:

탁월한 소통을 위해 우리는 다음과 같은 테크닉들을 통달했습니다

• 라디오/텔레비전/인터넷 방송!
• 영화제작 및 배급!
• 가정용 오락 배급!
• 흑마술!
• 오락 컨텐츠 제작!
• 교육용 컨텐츠 제작!
• 살인!
• 심리전!
• 그래픽 디자인!

---

---

제품에 비칸데르니드 테크니컬미디어의 레이블이 붙었는지 유심히 살펴 보십시오.

우리는 매체라는 것이 존재하는 모든 곳에 있습니다.

우리는 여러분을 위해 왔습니다!

이게 다 뭡니까?

비칸데르니드 테크니컬미디어는 정신나간 대중매체 요주의 단체입니다. 이놈들은 매체 생산과 배급의 모든 면에 손가락을 미치고 있으며, 그러기 위해 변칙적인 것들을 활용합니다.

주로 불온하거나 병적인 해학에 초점을 맞추어, 비칸데르니드는 라디오 프로, 교육용 VHS 테이프, 운동 DVD, 오락용 DVD의 보너스 내용(감독 코멘터리 등), 다큐멘터리, 음악, 스트리밍 서비스 등을 제작했습니다.

1950년대부터 존재해온 비칸데르니드의 활동과 컨텐츠 배포는 정상성에 중대한 위협이었고, 그들의 활동과 관련된 변칙존재들은 예측불가능한 능력을 가지고 있습니다. 현재로서, 재단은 그들의 운영양식과 전반적 목적을 전혀 알지 못하고 있습니다.

작품들

SCP-7007 - Misfortune Gorge by Grigori Karpin & Vivarium

입문용 작품:¹

• SCP-5889 – AMnestic by Grigori Karpin & Dysadron
• SCP-5904 – 비인적자원 by Grigori Karpin
• SCP-5897 – 역사는 VKTM의 기록이다 by Grigori Karpin

그 밖의 작품:

• SCP-5379 - 녹화된 고백 by HarryBlank
• SCP-5479 - 너의 영화 by Grigori Karpin
• SCP-5681 - 지옥 오락실 by Grigori Karpin & Vivarium
• SCP-6591 - 사이즈업! 비칸데르니드 테크니컬미디어 프로그램 by PlaguePJP
• SCP-5698 - 경제적 이민 by Grigori Karpin
• SCP-5358 - Vlorschidia by winkwonkboi
• SCP-6123 - VKTM presents: Media and You by Grigori Karpin
• SCP-5974 - The Interactive Fiction by HarryBlank
• SCP-5571 - American Backyard by Grigori Karpin
• SCP-6301 - Funky Finn’s Children Happy Hour by Grigori Karpin, GremlinGroup, & LORDXVNV
• SCP-5428 - 101 Household Hints with Eleonor by AWeirdBird
• SCP-6750 - Halloween Safety Tips, Presented by Sam Hain by PlaguePJP & by J Dune
• SCP-6677 - Finn's Hollow - a Vikander-Kneed Production by Grigori Karpin
• SCP-6221 - A Very VKTM Christmas by Ihp
• SCP-6780 - 'helth by dado' Brought to You by Vikander-Kneed by Ihp & Grigori Karpin
• SCP-6156 - Oh, Doug! by Calibold
• SCP-6358 - MESSIAH by Machen2
• SCP-6359 - American American by HarryBlank
• SCP-6897 - You Won't Believe How the Sausage is Made! by Grigori Karpin
• SCP-6613 - Period Drama by Doctor Cimmerian
• SCP-6891 - How to Cure Anxiety Without Really Trying by Sound Chaser

이야기:

• a-culinary-broadcast by FluffyDog00
• many-last-words by HarryBlank
• christmas-fam by HarryBlank
• vikander-kneed-worldwide-news-network by Cole 13
• 9-to-5 by Cassandra_Prime
• the-trainee-gets-trolled by Guezma

기타:

• SCP-1337-EX - NFTs by Vikander-Kneed! by LORDXVNV
• the-art-of-vikander-kneed-technical-media - By a lot of the authors above, collated by Grigori Karpin

기여하기

당연하게도, 누구나 이 GoI를 사용해 기여할 수 있습니다.

몇가지 기본 지침들:

• 이건 고문 포르노가 아닙니다. 물론 폭력과 호러가 있지만, 극단적인 고어물은 취급하지 않습니다.
• 이 작품군은 불쾌한 폭력, 사회적 논평, 희극 등, 매체가 우리에게 미치는 영향의 함의를 다루어야 합니다.
• 또한, 이 회사는 얼굴이 없습니다… 원더테인먼트나 앤더슨 같은 존재가 없다는 얘기입니다. 그래서 VKTM이 어떤 식으로 돌아가는지, 얘네들의 시점으로 묘사해서는 안 됩니다. 얘들의 동기나 행동에 특성을 부여하고 싶다면, 가능한 애매모호하게 유지하고, 그 특성은 매체 자체에 귀속시키십시오(좋은 예: 5904)

---

비칸데르니드의 구체적인 기원에 대한 깊은 설정은 만들지 말기 바랍니다. 적어도 처음에는 설정이 없는 것이 훨씬 더 재미있을 것이라고 저는 생각합니다. 정신나간 미디어 때문에 사람들에게 일어나는 미친 짓거리들을 만드는 데 집중합시다.

---

제가 생각하는 VKTM 작성의 비법은, 거의 무미건조한 설명에 기본적인 변칙효과의 실마리만 암시하고, 그 다음 매체 자체에 명백히 변칙적인 어떠한 공포스러운 것이 드러나는 것이라고 생각합니다. 그 공포는 부조리한 것 또는 실존주의적인 것(물론 둘 다일 수도 있습니다)이어야 합니다.

어떤 형태든 매체와 연결될 수 있는 것은 소재가 될 수 있습니다. 다만 해학, 참혹한 폭력의 함의, 그리고 불온함 사이에 균형을 조절하는 것에 주의하세요. 그러면 제대로 된 작품을 만들 수 있을 것입니다.

문의사항이 있거나 아이디어를 검토받고 싶은 경우 위키닷 PM이나 IRC 대화방을 통해 그리고리 카르핀(Grigori Karpin)을 찾아 주세요.

Footnotes

1. 이 세 작품을 읽으면 VKTM 작품의 경계가 무엇인지, 어떤 가능성이 있는지, 전체적인 어조는 어떤지 느낌을 잡을 수 있습니다. 물론 기여자로서 이런 스타일을 완전히 모방할 필요가 없지만, 이 GoI가 무엇에 관한 것인지……, 혹은 사실 제가 이놈들에 대해 할 말이 얼마나 적은지 파악하는 데는 도움이 될 것입니다.

‡ Licensing / Citation

Cite this page as:

"비칸데르니드 테크니컬미디어 허브" by Grigori Karpin, from the SCP Wiki. Source: https://scp-wiki.wikidot.com/vikander-kneed-technical-media-hub. Licensed under CC-BY-SA.

For more information, see Licensing Guide.
Licensing Disclosures

Filename: VKlogotransparent
Author: Grigori Karpin
License: CC BY-3.0
Source Link:
Additional Notes: created by me.

---

Filename: RecruitmentFlyer
Author: Grigori Karpin
License: CC BY-SA 3.0
Source Link:
Additional Notes: created using the below 4 images

Filename: newscaster
Author: Tom Hilton
License:CC BY-2.0 Generic
Source Link: LINK
Additional Notes: Edited by Grigori Karpin

Filename: Concert Scarecrow 040
Author: Patrick Gaudin
License: CC BY 2.0
Source Link: LINK
Additional Notes: Edited by Grigori Karpin

Filename: Adult Outdoor Spors
Author:Seattle Parks and Recreation
License: CC BY 2.0
Source Link: LINK
Additional Notes: Edited by Grigori Karpin

Filename: nothing on tv
Author: Robert Couse-Baker
License: CC BY 2.0
Source Link: LINK
Additional Notes:

Filename: VKTM welcomes you
Author: Grigori Karpin
License: CC BY-SA 3.0
Source: https://scp-wiki.wikidot.com/local--files/grigori-karpin-s-author-page/VKTM%20Welcomes%20you.mp3

---

For more information about on-wiki content, visit the Licensing Master List.

[[footnoteblock]]

---