index.html

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <script src="data.js"></script>
    <script src="generate-html.js"></script>
    <link rel="stylesheet" href="style.css">
</head>
<body onload="init();">
    <h1>Esolang Videos</h1>
    <div id="options">
        <label class="switch">
            <div class="switchContainer">
		    <input type="checkbox" onclick="populateHTML();" checked id=toggleSort>
		    <span class="slider round"></span>
            </div>
        </label>
    </div>
    <div id="list">
        <h3>Brachylog</h3>
        <ul>
            <li>
            <a href="https://www.youtube.com/watch?v=XYVhZ-MFcUs">A Short Introduction to Brachylog</a>
            by
            <a href="https://www.youtube.com/channel/UCOCbeCJAGd558TvbHkLMFpA">Julien C.</a>
            </li>
        </ul>
    </div>
</body>