index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>KSZKépzés Linux</title>
    <link rel="stylesheet" href="https://unpkg.com/docute@4/dist/docute.css">
</head>
<body>
    <div id="docute"></div>
    <script src="https://unpkg.com/docute@4/dist/docute.js"></script>
    <script>
        let tmp = [
            "első videó",
            "második videó",
        ];

        let pages = [];

        tmp.forEach(val => {
            pages.push({
                title: val,
                link: encodeURI("/"+val),
            });
        });

        new Docute({
            target: '#docute',
            title: 'Linux',
            layout: 'wide',
            highlight: [
                "bash",
                "javascript",
                "html"
            ],
            detectSystemDarkTheme: true,
            darkThemeToggler: true,
            nav: [
                {
                    title: "/",
                    link: '/'
                },
                {
                    title: "Source",
                    link: "https://git.sch.bme.hu/mikewashere/linux-presentation"
                },
            ],
            sidebar: [
                {
                    title: "linux/",
                    children: pages,
                },
            ],
        });
    </script>
</body>
</html>