Profile Badang

---

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

---

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

Thời xưa bóng tối khai sinh,
Vạn vật khắp chốn, sản sinh vô vàn
Có bảy vị thần hồng hoang
Được ban nhận thức ngập tràn đau thương
Cuối cùng hắn bỗng mù đường
Sáu cổ thần chết, máu xương chất chồng
Ác thú rồi cũng thoát lồng
Xưng vương thiên hạ, tấn công mọi miền
Chiến tranh giết chóc liên miên
Cờ quạt gãy đổ, kiếm khiên lụi tàn
Anh hùng gục ngã chẳng hàng
Oan hồn vất vưởng, lang thang cõi trần

- Author "Printon" - Bài thơ dựa theo tale Dust and Blood

---

Những Thông Tin Cơ Bản Về Tôi

Tên: Bá Đặng

Chức Danh: Người dùng bên Wiki

Tiểu Sử: Bắt đầu hoạt động ở wiki từ hơn 2 năm trước, tôi đã chứng kiến trọn vẹn quá trình phát triển của wiki, từ khi nó còn là một nấm mồ hoang. Từng thế hệ, từng con người cũ, từng hồi ức dần biến mất, và bây giờ là một wiki nhộn nhịp và đầy nhiệt huyết, có lẽ ước mơ về một wiki VN được công nhận thành wiki chính thức đã thành hiện thực.

Điều bạn cần lưu ý "Tôi không phải là một nhà thơ, tôi chỉ là một người muốn làm thơ".

Những Đóng Góp Hồ Sơ SCP Cho Wiki

SCP	Đánh Giá	Bình Luận	Đăng
SCP-524	+ 1	1	09 Jan 2020 12:39
SCP-2351	+ 1	1	14 Jan 2020 03:47
SCP-3541	+ 2	0	14 Jan 2020 04:10
SCP-1688	+ 1	1	20 Jan 2020 03:56
SCP-1654	+ 4	0	03 Feb 2020 04:18
SCP-3176	+ 2	1	03 Feb 2020 07:33
SCP-3897	+ 2	0	06 Feb 2020 13:03
SCP-3797	+ 2	1	26 Feb 2020 08:43
SCP-3894	+ 4	1	28 Feb 2020 01:52
SCP-3895	+ 5	1	04 Mar 2020 03:21
SCP-3889	+ 3	1	04 Mar 2020 10:15
SCP-3472	+ 5	1	15 Mar 2020 03:22
SCP-3480	+ 7	1	29 Mar 2020 02:25
SCP-4955	+ 7	1	26 May 2021 09:56
SCP-5984	+ 6	1	26 May 2021 10:32
Đề xuất của Noir Box	+ 14	2	01 Nov 2021 06:44
SCP-3898	+ 3	1	02 Nov 2021 15:55
SCP-4260	+ 7	1	01 Dec 2021 08:11
SCP-4936	+ 6	1	14 Dec 2021 03:08
SCP-2900	+ 9	1	20 Feb 2022 09:56
SCP-3309	+ 6	3	22 Aug 2022 13:27
SCP-3154	+ 3	1	15 Nov 2022 16:15

Những Đóng Góp Truyện Cho Wiki

Truyện	Đánh Giá	Bình Luận	Đăng
Đổi Thay	+ 3	0	12 Jan 2020 03:54
Xà Truyện	+ 13	1	17 Jun 2020 03:24
Đấng Tạo Hóa và Quái Thú	+ 7	1	19 Aug 2020 09:00
Một Cuộc Sống Giản Đơn	+ 5	1	20 Aug 2020 10:15
Linh Hồn Từng Yêu	+ 5	4	02 Jan 2021 07:31
Trích Báo Cáo Về Chương Trình Điều Tra Dân Số Xã Hội ΩK	+ 4	1	18 Apr 2021 14:25
Cứu Tôi	+ 8	1	13 Oct 2021 07:11
Anh Không Thể	+ 3	2	11 Jan 2022 02:47
Đơn Côi	+ 2	0	12 Feb 2022 13:52
Một Tình Yêu Đích Thực	+ 3	1	12 Mar 2022 03:08

Những Thư Bút Mà Các Lãng Khách Để Lại

Tôi không để ý đến việc ai đó sẽ ghé thăm tôi, nhưng tôi sẽ rất vui nếu có một dấu tích gợi cho tôi biết đến việc có ai đó đã dành vài phút quý giá của họ cho cái trang này:

> Lời Nhắn
> [[*user Tên Tài Khoản Của Bạn]]
@@ @@

Giấy Và Mực Của Lãng Khách

King Pigeon tro tàn :
Câu vương cai Trị ải trời
Ghé qua nơi này, để đời câu thơ
Kìa gã vẫn còn lơ mơ
Cầu mong gã sẽ gặp cơ duyên tình

Azborn
Lạnh lùng nhìn em quay gót đi mãi
Anh đứng chết lặng trong mưa
Dù rằng bên em đã có ai nhưng nơi đây anh vẫn còn chờ
Tình đâu anh trao chẳng thấy, chỉ thấy toàn chua cay

 Xin hãy cứ mở / Bởi đó là thơ

Mảnh diều trôi nổi, giữa mây xanh,
Lỡ đứt dây rồi, âu cũng đành.
Lạc bước phiêu du, muôn ngàn lối;
Phận đời ngắn ngủi, đỗi mong manh.

Tác giả: NHƯ (Tháng 3 năm ấy)

Ta viết mấy dòng mã tình yêu
Nạp lại trái tim đã tiêu điểm
Tạo ra phiên bản tình như mộng
Chờ đợi người thương phát lệnh yêu

Ta gõ enter và đợi chờ
Trái tim thổn thức chạy cùng thơ
Đột nhiên sai nhịp gây tràn số
Tình bỗng treo trong mộng lửng lơ

Ta dò từng mã mong tìm lỗi
Lạc hồn trong mộng quá xa xôi
Lỗi đâu nằm ở đôi dòng mã
Mà lỗi nằm trong tim đơn côi.

Tác giả: Huỳnh Bá Phúc (06/02/2013).

Cảm ơn vì đã cho tôi một động lực để yêu lấy thơ cổ phong

"Đến đây là đoạn kết,
Cảm ơn đã đi hết."