youtube-maze/public/index.html

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>YouTube Maze</title>
        <link rel="stylesheet" href="/style.css">
    </head>
    <body>
        <h1>YouTube Maze</h1>

        <p>
            Some YouTube creators have made video-gamebooks during which viewers can make choices that influence the course of the narration.
            This is generally implemented by breaking up the video into short interlinked segments.
            This tool automatically generates a visual representation of networks underlying such games by automatically exploring the video maze starting from a root video.
        </p>

        <p>
            <a href="https://forge.delab.re/matteo/youtube-maze">See the source code →</a>
        </p>

        <h2>Generate a graph</h2>

        <form action="/mazes" method="POST">
            <p>
                <input type="text" name="url" placeholder="Enter the URL of a YouTube video to generate the graph…">
                <input type="submit" value="Generate">
            </p>
        </form>

        <h2>Some examples</h2>

        <ul>
            <li><a href="/mazes/EZGra6O8ClQ">e-penser — “1 avril 2017”</a></li>
            <li><a href="/mazes/XM1ssJ8yxdg">Defakator — “Le YouTube Game”</a></li>
        </ul>
    </body>
</html>
Turn into an Express server 2020-11-28 17:07:04 +00:00			`<!doctype html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
			`<title>YouTube Maze</title>`
			`<link rel="stylesheet" href="/style.css">`
			`</head>`
			`<body>`
			`<h1>YouTube Maze</h1>`

Add a real front page 2020-11-29 01:06:35 +00:00			`<p>`
			`Some YouTube creators have made video-gamebooks during which viewers can make choices that influence the course of the narration.`
			`This is generally implemented by breaking up the video into short interlinked segments.`
			`This tool automatically generates a visual representation of networks underlying such games by automatically exploring the video maze starting from a root video.`
			`</p>`

			`<p>`
			`<a href="https://forge.delab.re/matteo/youtube-maze">See the source code →</a>`
			`</p>`

			`<h2>Generate a graph</h2>`

			`<form action="/mazes" method="POST">`
			`<p>`
			`<input type="text" name="url" placeholder="Enter the URL of a YouTube video to generate the graph…">`
			`<input type="submit" value="Generate">`
			`</p>`
			`</form>`

			`<h2>Some examples</h2>`

			`<ul>`
			`<li><a href="/mazes/EZGra6O8ClQ">e-penser — “1 avril 2017”</a></li>`
			`<li><a href="/mazes/XM1ssJ8yxdg">Defakator — “Le YouTube Game”</a></li>`
			`</ul>`
Turn into an Express server 2020-11-28 17:07:04 +00:00			`</body>`
			`</html>`