간단하게 옆집 대사를 여기서도 작동이 되도록 짜주는 JS 만들어서 옆집에 사용했었음, 원본 코드도 간단하니 여기에 올려봄

let cursor = 0;

function createElement(stringContent)
{
    const detalis = document.createElement("details");
    Object.assign(
        detalis.style,
        {
            display: 'inline',
            width: 'min-content',
            height: 'min-content'
        }
    );
    const summary = document.createElement("summary");
    Object.assign(
        summary.style,
        {
            display: 'inline',
            width: 'min-content',
            height: 'min-content'
        }
    );
    const button = document.createElement('div');
    Object.assign(
        button.style, 
        {
            border: 'solid 1px rgb(171, 194, 218)',
            background: 'rgb(19, 33, 46)',
            borderRadius: '16pt 8pt',
            boxSizing: 'border-box',
            transform: 'skew(-10deg)',
            width: '400pt',
            height: '80pt',
            padding: '5pt',
            display: 'flex',
            alignItems: 'center',
            textAlign: 'center',
            justifyContent: 'center',
            color: 'rgb(214, 209, 200)',
            position: 'fixed',
            top: 'calc(50vh - 40pt)',
            left: 'calc(50vw - 200pt)',
            fontSize: '20pt',
            zIndex: '123456'
        }
    );
    button.textContent = stringContent;
    summary.appendChild(button);
    detalis.appendChild(summary);
    return detalis;
}

function main()
{
    let element = document.body;
    for(const string of scenario)
    {
        const child = createElement(string);
        element.appendChild(child);
        element = child;
    }
}

main();

JS 계열에 대해서는 초짜라서 다른 언어 사용자의 모습이 많이 보일꺼임

문제되면 삭제함