Bengkel Machia

---

+ Show component code

:root {
        --sidebar-width-on-desktop: calc(var(--base-font-size) * (266 / 15));
        --body-width-on-desktop: 45.75rem;
    }
    @media only screen and (min-width: 56.25rem) {
        #content-wrap {
            display: flex;
            position: initial;
            flex-direction: row;
            flex-grow: 2;
            width: calc(100vw - (100vw - 100%));
            max-width: inherit;
            height: auto;
            min-height: calc(100vh - var(--final-header-height-on-desktop, 10.125rem));
            margin: 0 var(--sidebar-width-on-desktop, 13.6rem) 0 calc(var(--sidebar-width-on-desktop, 13.6rem) * -1 / 2);
        }
 
        #main-content {
            position: initial;
            width: var(--body-width-on-desktop, 45.75rem);
            max-width: var(--body-width-on-desktop, 45.75rem);
            max-height: 100%;
            margin: 0 auto;
            padding: 2rem 1rem;
        }
 
        #page-content {
            max-width: min(90vw, var(--body-width-on-desktop, 45.75rem));
        }
 
        #side-bar {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            left: 0;
            grid-area: side-bar;
            width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            min-width: var(--sidebar-width-on-desktop, 13.6rem) !important;
            max-height: 100vh;
            padding-right: 2.5rem;
            padding-left: 0.5rem;
            overflow-y: scroll;
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-color 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                padding 300ms linear,
                margin 300ms linear;
            border: none;
            border-color: rgba(var(--swatch-tertiary-color, 170, 170, 170), 0.4);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
            translate: calc(var(--sidebar-width-on-desktop, 13.5rem) * -1 - 1rem);
            direction: rtl;
            scrollbar-width: thin;
            -ms-scroll-chaining: none;
                overscroll-behavior: contain;
            scrollbar-color: 
                rgba(var(--swatch-primary-darker), 0.1) /* Thumb */
                rgba(var(--swatch-tertiary-color), 0.05); /* Track */
        }
 
        #side-bar::-webkit-scrollbar-track {
            background-color: rgba(var(--swatch-secondary-color, 244, 244, 244), 0.8);
        }
 
        #side-bar::-webkit-scrollbar,
        #side-bar::-webkit-scrollbar-thumb,
        #side-bar::-webkit-scrollbar-corner {
            width: 0.5rem;
            border-right-width: calc(100vw + 100vh);
            border-right-style: inset;
            border-color: inherit;
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 0);
        }
 
        #side-bar:is(:hover, :active, :focus-within) {
            margin-right: 2.25rem;
            padding-right: 0.25rem;
            overflow-x: hidden;
            overflow-y: auto;
            border-color: rgba(var(--swatch-primary-darker), 1);
            background-color: rgba(var(--sidebar-bg-color, 255, 255, 255), 1);
            translate: calc(var(--sidebar-width-on-desktop, 1rem) - var(--sidebar-width-on-desktop, 0));
            scrollbar-color: 
                rgba(170, 170, 170, 1)  /* Thumb */
                rgba(252, 252, 252, 1); /* Track */
            scrollbar-color: 
                rgb(var(--swatch-primary-darker, 170, 170, 170), 1) /* Thumb */
                rgb(var(--swatch-menubg-color, 252, 252, 252), 1);  /* Track */
        }
 
        #main-content::after {
            content: " ";
            display: flex;
            position: fixed;
            top: 0;
            left: 1rem;
            align-items: center;
            justify-content: center;
            width: 1rem;
            height: 100%;
            max-height: 100%;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            background: url("https://scp-wiki.wdfiles.com/local--files/component%3Acollapsible-sidebar/sidebar-tab.svg");
            background-attachment: fixed;
            background-repeat: no-repeat;
            background-position: center left 1rem;
            background-size: 1rem 12.875rem;
            pointer-events: none;
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::after {
            left: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            width: 0rem;
            transition:
                left 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                background-position 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0;
            background-position: center left calc(var(--sidebar-width-on-desktop, 14.5rem) * -1);
            font-size: 0em;
        }
 
        #main-content::before {
            content: " ";
            position: absolute;
            z-index: 9;
            top: var(--final-header-height-on-desktop, 0);
            left: 0;
            width: var(--sidebar-width-on-desktop, 14.5rem);
            height: calc(100% - var(--final-header-height-on-desktop, 0.688rem) - 2.313rem);
            margin-bottom: calc(var(--final-header-height-on-desktop, -2.313rem) * -1 - 2.313rem);
            transition:
                translate 300ms cubic-bezier(0.4, 0.0, 0.2, 1),
                opacity 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
            opacity: 0.5;
            background-color: rgb(var(--swatch-alternate-color, 0, 0, 0));
            pointer-events: none;
            translate: calc(var(--sidebar-width-on-desktop, 14.5rem) * -1 + 1rem);
        }
 
        #side-bar:is(:hover, :active, :focus-within) + #main-content::before {
            translate: 0;
            opacity: 0;
        }
 
        #side-bar .side-block {
            margin-top: 1em;
            padding-left: 0.25em;
            border-right-width: 0rem;
            border-left-width: 0rem;
            border-radius: 0;
            background-color: rgb(0, 0, 0, 0);
            direction: ltr;
        }
 
        #side-bar .scpnet-interwiki-wrapper {
            direction: ltr;
        }
 
        /* Print Friendly Formatting by Estrella */
        body.print-body { 
            --sidebar-width-on-desktop: 0; 
        } 
        body.print-body #main-content::before,
        body.print-body #main-content::after { 
            display: none; 
        }
    }

Machiavellian

Kotak Perkenalan

Selamat Datang di Bengkel ku, aku Machiavellian atau biasa kalian mengenalku sebagai Fyahgfox
.
Kenapa ku tiba-tiba ganti bentukannya? Cringe sendiri soalnya wkwkwk. Tapi ya gitu, disini hanya ada arsipan karya-karya yang kubuat sebagai kontribusi untuk SCP-ID(N)
.
Seperti biasa, jika kalian ingin tau berbagai sosmed yang ku gunakan, silahkan berkunjung ke:

Linktree

Itu aja sih, semoga ku rajin kontribusi disini hehe :>

---

Artikel SCP Orisinil Yang Sudah Terbit

SCP	Penilaian	Hasil	Komentar	Dibuat Pada	Komentar Terakhir
SCP-026-ID	16	+16, -0	4	22 Feb 2022 14:02	08 Aug 2022 11:08

Kisah Orisinil Yang Sudah Terbit

Kisah	Penilaian	Hasil	Komentar	Dibuat Pada	Komentar Terakhir
Orientasi Departemen Pemeliharaan	9	+9, -0	1	16 Jun 2021 18:42	16 Jun 2021 22:58
Tiada Hari Yayasan Tanpa Masalah	10	+10, -0	1	18 Jun 2021 18:37	19 Jun 2021 18:16
Hanya Sekadar Kecelakaan Kerja	4	+4, -0	2	04 Feb 2022 20:19	05 Feb 2022 00:28
SCP-026-ID	16	+16, -0	4	22 Feb 2022 14:02	08 Aug 2022 11:08

Hanya Laman Arsip dan Laman Seniman ku

Lainnya	Penilaian	Hasil	Komentar	Dibuat Pada	Komentar Terakhir
Laman Karya Seni Fyahgfox	8	+8, -0	0	12 Mar 2021 14:22
Bengkel Machia	6	+6, -0	0	19 Jun 2021 21:09
Arsip Kontes 17 Agustus SCP Foundation Indonesia	5	+5, -0	1	28 Aug 2021 21:50	29 Aug 2021 00:41
SCP-026-ID	16	+16, -0	4	22 Feb 2022 14:02	08 Aug 2022 11:08

 

Artikel SCP milik PhoenixOfHope

SCP	Penilaian	Hasil	Komentar	Dibuat Pada	Komentar Terakhir
SCP-022-ID	23	+23, -0	8	13 Apr 2021 14:25	05 Aug 2023 08:28
SCP-014-ID	16	+16, -0	7	23 Apr 2021 13:43	27 May 2021 11:59
SCP-012-ID	16	+16, -0	7	16 Aug 2021 12:10	23 Sep 2025 07:28
SCP-020-ID	12	+12, -0	2	28 Nov 2021 14:05	07 Mar 2024 05:27
SCP-007-ID	11	+11, -0	1	28 Nov 2021 14:42	28 Nov 2021 15:47
SCP-011-ID	5	+5, -0	1	29 Apr 2022 13:00	29 May 2022 13:40
SCP-019-ID	6	+6, -0	0	29 Apr 2022 13:07
SCP-033-ID	5	+5, -0	1	19 Dec 2022 13:12	20 Dec 2022 03:40
SCP-032-ID	9	+9, -0	1	11 Feb 2023 15:35	11 Feb 2023 15:47
SCP-031-ID	5	+5, -0	1	02 Mar 2023 13:23	02 Mar 2023 13:25
SCP-030-ID	4	+5, -1	1	03 Mar 2023 11:12	03 Mar 2023 11:16
SCP-046-ID	7	+7, -0	0	28 Aug 2023 14:08
SCP-065-ID	5	+5, -0	2	13 Nov 2023 14:00	03 Dec 2023 07:16
Kronik Yayasan Situs-79 Hub	7	+7, -0	0	24 Dec 2023 14:10
SCP-084-ID	5	+5, -0	3	23 Feb 2024 14:08	24 Feb 2024 10:36
SCP-057-ID	7	+8, -1	4	06 May 2024 12:30	17 Jul 2026 13:16
SCP-090-ID	4	+4, -0	2	29 Jun 2024 16:05	14 Nov 2025 08:36
SCP-036-ID	4	+5, -1	1	02 Sep 2024 14:01	02 Sep 2024 14:08
SCP-037-ID	2	+2, -0	1	09 Sep 2024 13:00	09 Sep 2024 13:00
SCP-041-ID	2	+2, -0	1	11 Sep 2024 13:00	11 Sep 2024 13:01
SCP-088-ID	3	+3, -0	2	04 Aug 2025 16:32	14 Nov 2025 12:11
SCP-091-ID	10	+11, -1	4	31 Oct 2025 14:05	28 Mar 2026 01:41
SCP-081-ID	1	+2, -1	2	11 Nov 2025 13:50	15 Nov 2025 16:42
SCP-038-ID	2	+2, -0	1	22 Mar 2026 13:00	22 Mar 2026 13:00
SCP-078-ID	2	+2, -0	1	02 May 2026 14:03	02 May 2026 14:04
SCP-██████-J-ID	4	+4, -0	3	17 Jun 2026 14:54	03 Jul 2026 10:04

Kisah milik PhoenixOfHope

Kisah	Penilaian	Hasil	Komentar	Dibuat Pada	Komentar Terakhir
Percobaan Malam	5	+5, -0	2	16 Aug 2021 12:46	16 Aug 2021 14:31
Dinginnya Bara Setelah Terbakar	4	+4, -0	1	16 Aug 2021 12:51	16 Aug 2021 13:10
Menunggu Yang Ditakutkan	4	+4, -0	1	15 Dec 2021 13:54	15 Dec 2021 14:01
Di Depan Gerbang Neraka	8	+8, -0	1	31 Jan 2022 12:30	31 Jan 2022 12:32
Sebotol Racun Di Ujung Meja	4	+4, -0	3	26 Mar 2022 11:47	01 Apr 2022 12:09
Tinggalkan Segala Harapan, Engkau Yang Datang Kemari	2	+2, -0	2	28 Mar 2022 15:09	03 Apr 2022 08:09
Kesempatan Kerja	3	+3, -0	1	09 Apr 2022 14:55	09 Apr 2022 14:58
Potongan Kayu Bakar	2	+2, -0	2	16 Apr 2022 15:35	16 Apr 2022 16:30
Berandalan Kampungan Situs	4	+4, -0	1	09 May 2022 15:26	09 May 2022 15:30
Negosiasi Orang Kampung	2	+2, -0	0	25 May 2022 23:51
Kisah Seekor Tikus Tanah	1	+1, -0	1	24 Jun 2022 13:39	24 Jun 2022 14:35
Kembang Desa Yang Ditinggalkan	1	+1, -0	0	02 Jul 2022 13:05
Menggenapkan Keganjilan	1	+1, -0	0	03 Oct 2022 10:55
Kisah Dua Kapal	1	+1, -0	0	04 Oct 2022 11:25
Penugasan Pertama	2	+2, -0	0	21 Dec 2022 14:31
Daerah Dilanda Perang	1	+1, -0	0	24 Dec 2022 14:03
Melewati Ladang Ranjau	1	+1, -0	0	28 Dec 2022 13:24
Bendera Merah di Atas Petak	2	+2, -0	0	30 Dec 2022 12:34
Perkelahian di Jalan Verona	2	+2, -0	1	13 Mar 2023 12:21	13 Mar 2023 12:34
Pesta Dan Kekacauan Setelahnya	1	+1, -0	2	15 Apr 2023 15:44	15 Apr 2023 18:13
Permintaan Duel Tybalt	3	+3, -0	1	09 May 2023 14:14	09 May 2023 14:17
Makam dan Racun Untuk Berdua	3	+3, -0	1	17 May 2023 15:43	17 May 2023 15:45
Tabu Situs-79	1	+1, -0	0	14 Jun 2023 15:58
Ketidaktahuan Adalah Kebahagiaan	2	+2, -0	0	20 Jun 2023 15:25
Orang-Orang Susah	2	+2, -0	1	14 Aug 2023 15:05	14 Aug 2023 15:10
Bandit Kelas Coro	0	+0, -0	1	15 Aug 2023 14:08	15 Aug 2023 14:10
Bisnis Untuk Menjagal	1	+1, -0	1	16 Aug 2023 14:47	16 Aug 2023 14:49
Omong Keadilan	1	+1, -0	1	22 Aug 2023 16:23	22 Aug 2023 16:26
Guyuran Hujan Deras	1	+1, -0	1	24 Oct 2023 14:03	24 Oct 2023 14:06
Rumah Kecil Untuk Berteduh	2	+2, -0	1	25 Oct 2023 14:00	25 Oct 2023 14:02
Di Kandang Nenek Sihir	2	+2, -0	1	26 Oct 2023 14:00	26 Oct 2023 14:05
Pelangi Setelah Hujan	2	+2, -0	1	27 Oct 2023 14:01	27 Oct 2023 14:02
Peringatan Hujan	1	+1, -0	1	04 Dec 2023 14:00	04 Dec 2023 14:01
Permintaan Pengampunan	1	+1, -0	1	05 Dec 2023 14:01	05 Dec 2023 14:03
Hari Insiden Itu	2	+2, -0	1	06 Dec 2023 14:00	06 Dec 2023 14:01
Setelah Trompet Peringatan	2	+2, -0	1	07 Dec 2023 14:00	07 Dec 2023 14:00
Kronik Yayasan Situs-79 Hub	7	+7, -0	0	24 Dec 2023 14:10
Episode Pantai Kronik Yayasan Situs-79	3	+3, -0	2	29 Jan 2024 14:47	30 Jan 2024 11:02
Luka Lama, Luka Baru, dan Luka Yang Akan Datang	1	+1, -0	2	05 Feb 2024 14:20	06 Feb 2024 09:44
Penyintas Terbaik Seleksi Tahun Ini	1	+1, -0	3	06 Feb 2024 14:00	09 Feb 2024 04:23
Malam Kebakaran	2	+2, -0	1	15 Apr 2024 14:30	15 Apr 2024 14:33
Penyintas Dengan Masker Gas	1	+1, -0	1	17 Apr 2024 14:30	17 Apr 2024 14:33
Malam Yang Sulit	1	+1, -0	1	22 Jul 2024 14:00	22 Jul 2024 14:03
Pria Berdarah Itu	1	+1, -0	1	23 Jul 2024 14:30	23 Jul 2024 14:32
Bunga Tak Berdosa, Berbisa	2	+2, -0	1	24 Jul 2024 14:00	24 Jul 2024 14:01
Adil Itu Curang	1	+1, -0	1	25 Jul 2024 14:00	25 Jul 2024 14:03
Curang Itu Adil	1	+1, -0	1	26 Jul 2024 14:05	26 Jul 2024 14:10
…Dan Dari Kebuasan Para Anomalis.	1	+1, -0	1	02 Dec 2024 13:00	02 Dec 2024 13:01
…Dihargailah Mereka, Para Fikser…	1	+1, -0	1	03 Dec 2024 13:00	03 Dec 2024 13:01
…Disucikanlah Mereka, Para Klinser…	1	+1, -0	1	04 Dec 2024 13:00	04 Dec 2024 13:01
…Diberkatilah Mereka, Brethennia…	1	+1, -0	1	24 Feb 2025 14:30	24 Feb 2025 14:30
…Diteguhkanlah Mereka, Sekuritas…	1	+1, -0	1	25 Feb 2025 15:00	25 Feb 2025 15:03
…Dari Ketidaksucian Para Heretika…	2	+2, -0	1	26 Feb 2025 14:00	26 Feb 2025 14:01
Waktu Bermain Adalah Saatnya Jatuh	2	+2, -0	1	24 Mar 2025 14:06	24 Mar 2025 14:08
Obat Gemetaran Baiknya Teh di Tangan	1	+1, -0	1	25 Mar 2025 14:00	25 Mar 2025 14:01
Nyaris Terlambat untuk ke Pesta	0	+0, -0	1	26 May 2025 14:00	26 May 2025 14:01
Di Mana Yang Tertawa Sekarang	0	+0, -0	1	27 May 2025 14:00	27 May 2025 14:01
Ego Tinggi Meminta Tolong Eksekusi	0	+0, -0	1	28 May 2025 14:00	28 May 2025 14:02
Royalti Mereka Meminta Kepalanya	1	+1, -0	1	29 May 2025 14:16	29 May 2025 14:20
Larilah Menyusuri Taman Ilalang	0	+0, -0	1	05 Aug 2025 14:30	05 Aug 2025 14:36
Anak-anak Catur Yang Ada	1	+1, -0	1	24 Aug 2025 14:58	24 Aug 2025 15:03
Netralisir Sang Raja Pemimpi	0	+0, -0	1	27 Oct 2025 15:09	27 Oct 2025 15:13
Dan Benar, Bergelora, dan Berbahagialah Hari itu!	0	+0, -0	1	30 Nov 2025 14:00	30 Nov 2025 14:03
Kejahatan Situs Bernomor Tujuh Sembilan	1	+1, -0	1	20 Apr 2026 14:09	20 Apr 2026 14:17
Keadilan Bunda Brethennia	0	+0, -0	1	29 Jun 2026 15:03	29 Jun 2026 15:06