Soundtrack/Soundtrack.html

<!DOCTYPE html>
<html>
    <head>
        <title>The Soundtrack</title>
        <script>
            var DirectoryAmt = 1;
        </script>
        <script src = "../Nav.js" id="s1"></script>
        <script src="../code.js" id="s2"></script>
        <script src="howler.js"></script>
    <script>StartNav();</script>
    <style>
        iframe{
            background-color: #0e0b16
            max-width: 20%;
            align-content: left;
            text-align: left;
        }
        .g-background-default
        {
            
        }
    </style>
    </head>
    <body>
    <div id="NavBarThing" class=""></div>
    <link href="../style.css" rel="stylesheet" type="text/css">
        <h1 id="title" class="title">The Soundtrack</h1>
    <div class="AudioPlayer" style='width: 100%;'>
    <table class='tableMain' id='MusicTable'>
        <tr>
            <th>Title</th>
            <th>Composer</th>
            <th></th>
        </tr>
    </table>
</div>
<script>
        function song(name, album, path)
        {
            document.getElementById("MusicTable").innerHTML += "<tr><th>"+name+"</th><th>"+album+"</th><th>" + '<audio  controls preload="metadata" style="width:300px;display: inline;height:25px;"><source src="'+path+'" type="audio/mpeg"></audio></th>'
        }
        song("Welcome to Space", "Trevor Bagels", "WelcomeToSpace.wav")
        song("ACX-48", "Trevor Bagels", "ACX48.wav")
        song("The Ordinance", "Trevor Bagels", "TheOrdinance.wav")
        song("Drifting Off a Planet", "Trevor Bagels", "DriftingOffAPlanet.wav")
        song("Docking", "Trevor Bagels", "Docking.wav")
    </script>
    </body>
</html>