Vikander-Kneed Technical Media Hub

---

+ Show component code

: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);
 
        --logo-image: url("https://nu-scptheme.github.io/Black-Highlighter/img/logo.svg");
    }
 
    #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;
    }

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

Info

---

More by Grigori Karpin

---

Mission Statement:

Here at Vikander-Kneed we like to pride ourselves on being at the bleeding edge of media and communications technology. Our goal has been the betterment of the person and society through unbiased and aesthetically pleasing communications.

If there’s a better world out there, then it’s up to all of us to achieve it together. Efficient and entertaining media is the most important step on the road to Utopia.

Won’t you join us in this Better Tomorrow^TM?

Our Credentials:

Techniques we’ve mastered in the pursuit of communications excellence:

• Radio/Television/Internet Broadcasting!
• Movie Production and Distribution!
• At Home Entertainment Distribution!
• Black Magic!
• Entertainment Content Production!
• Instructional Content Production!
• Murder!
• Psychological Warfare!
• Graphic Design!

---

---

Keep an eye out for products labelled Vikander-Kneed Technical Media.

We’re everywhere media is sold.

We’re here for you!

What’s this all about?

Vikander-Kneed Technical Media is a cursed media Group of Interest. They have their fingers in all aspects of media production and distribution, utilizing the anomalous to do so.

Focused mostly on the unsettling or the sickly humorous, Vikander-Kneed has produced radio shows, instructional VHS tapes, exercise DVDs, bonus features on entertainment DVDs (such as director’s commentaries), documentaries, music, and streaming services.

In existence since the 1950s, Vikander-Kneed’s activities and distribution of content are a significant threat to normalcy, and the anomalies connected to their activities have an unpredictable set of capabilities. So far, their mode of operation and overall mission is completely opaque to the Foundation.

Articles

SCP-7007 - Misfortune Gorge by Grigori Karpin & Vivarium

Introductory articles:¹

• SCP-5889 – AMnestic by Grigori Karpin & Dysadron
• SCP-5904 – Inhuman Resources by Grigori Karpin
• SCP-5897 – History is Written by the VKTM by Grigori Karpin

Additional SCP Files:

• SCP-5379 - The Taped Confession by HarryBlank
• SCP-5479 - A Movie of You by Grigori Karpin
• SCP-5681 - Gehenna Arcade by Grigori Karpin & Vivarium
• SCP-6591 - 'Cize Up!: A Vikander-Kneed Technical Media Program by PlaguePJP
• SCP-5698 - Economic Migration 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-1337-EX - NFTs by Vikander-Kneed! by LORDXVNV
• 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
• SCP-7806 - knees for dado by HarryBlank
• SCP-7069 - VKTM Presents: Reader x You! by LORDXVNV
• SCP-1747-JP - True Horror Spreads in Real-Life! by (translator) C-Dives and (original JP author) roneatosu
• SCP-7889 - Lies and Slander by NielleiN

Tales:

• A Culinary Broadcast by FluffyDog00
• Many Last Words by HarryBlank
• Foundation After Midnight Radio, Episode ██: Have Yourself A Meta Little Christmas by HarryBlank
• Vikander-Kneed Worldwide News by Cole 13
• 9 to 5 by Cassandra_Prime
• The Trainee Gets Trolled by Guezma

Misc.:

• The Art of VKTM - By a lot of the authors above, collated by Grigori Karpin

Contributing

Anyone can contribute an article under this GoI, of course.

The VKTM Golden Rule: No explanation of anything to do with their motives, their origins, or how they do what they do²

Some basic guidelines:

• This isn’t torture porn. Although we have violence and horror in these skips, this isn’t about extreme gore.
• These articles should be focused on the implication of horrific violence, social commentary, comedy, and the ways media affects every one of us.
• Additionally, there’s no face of this company… no Wondertainment or Anderson equivalent, we don’t get to see how VKTM operates from their perspective: if you want to characterize their motives or behavior, keep it vague and keep it restrained to the media itself (like in 5904)

---

Please do not write about the deep lore specific origins of Vikander-Kneed. Just a bunch of crazy shit happening to people because of cursed media.

---

I think the secret is that the description almost seems bland with just a hint of the baseline anomalous effect, then something is revealed in the media itself that’s definitely anomalous and also horrific, either through absurdity or existentialism (or both).

Anything that is connected to media in all its forms is game, just try and focus on balancing humor, implied horrendous violence, and the unsettling and you’ll hit it right.

I’m available by PM on IRC or Wikidot if you have any questions or want to bounce an idea off me: Grigori Karpin.

Stats

Article	Rating	Author	Comments	Created	Last Comment
Interviews with Prospective Groups of Interest	283	MrWrong	46	01 Apr 2018 02:43	25 May 2022 14:48
SCP-5889	280	Grigori Karpin	57	30 Jan 2021 03:09	16 Dec 2022 20:25
SCP-5904	280	Grigori Karpin	66	04 Mar 2021 09:39	20 Sep 2022 18:11
SCP-5897	139	Grigori Karpin	15	16 Mar 2021 06:44	15 Jun 2022 03:50
Vikander-Kneed Technical Media Hub	188	Grigori Karpin	24	18 Mar 2021 04:03	06 Feb 2023 15:44
SCP-5379	132	HarryBlank	16	28 Mar 2021 21:12	26 Dec 2022 17:07
SCP-5479	215	Grigori Karpin	32	29 Mar 2021 21:52	10 May 2022 06:04
SCP-5681	134	Grigori Karpin	12	05 Apr 2021 03:01	21 Aug 2022 21:07
SCP-6591	106	PlaguePJP	22	18 Apr 2021 21:52	14 Sep 2022 17:35
SCP-5698	74	Grigori Karpin	18	24 Apr 2021 02:39	24 Jun 2022 17:41
A Culinary Broadcast	54	FluffyDog00	19	04 May 2021 03:45	29 Jun 2022 23:54
SCP-5358	40	winkwonkboi	16	09 May 2021 22:16	21 Oct 2021 03:24
SCP-6123	147	Grigori Karpin	25	07 Jul 2021 02:30	24 Jun 2022 19:35
SCP-5974	96	HarryBlank	37	22 Jul 2021 02:09	11 Jan 2023 17:38
SCP-5571	84	Grigori Karpin	23	22 Jul 2021 06:29	24 Jun 2022 22:10
SCP-6301	79	Grigori Karpin	11	09 Oct 2021 01:55	08 Nov 2021 02:51
SCP-6750	101	J Dune	19	15 Oct 2021 01:31	31 May 2023 00:04
SCP-5428	38	AWeirdBird	8	25 Oct 2021 03:24	15 Feb 2023 10:36
SCP-6677	74	Grigori Karpin	28	26 Oct 2021 17:42	17 Sep 2022 05:31
SCP-1337-EX	121	LORDXVNV	29	23 Nov 2021 02:40	04 May 2023 18:25

page 1 of 212next »

Footnotes

1. Read these three to see what the boundaries of a VKTM article is like, what the possibilities are, and get a feeling for the overall tone. Obviously, it is not necessary that you completely mimic the style as a contributor, but it helps to know what the GOI is about… or in actuality, what little I am willing to say about them.

2. What I mean by this is: Don't go into deep discussions of how they make anomalies… obviously this is a media company, but the point is to stay fairly mysterious.

‡ Licensing / Citation

Cite this page as:

"Vikander-Kneed Technical Media Hub" 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 Intro Audio
Author: Doctor Fullham & nahyesq
License: CC BY-SA 3.0
Source: LINK
Additional Notes: used with their express permission (nahyesq filtered the audio to make it sound old-timey)

---

Filename: RecruitmentFlyer2
Author: PlaguePJP
License: CC BY-SA 3.0
Source Link: LINK
Additional Notes: used with his express permission

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