info.html

<div id="infobox" style="display:flex" class="skeleton-page">
<div id="np" style="margin-left:2%;margin-top:2%;display:block;">
<div id="np-child">
<img src="fallback.svg" id="info-img"/>
<div id="info-wrapper">
<p class="focus-heading" id="info-title">No Title</p>
<p class="focus-subheading" id="info-artist">No Artist</p>
<p class="focus-subheading" style="font-size:1.3em;color:#ACC0C3" id="info-year">No Year</p>
</div>
</div>
</div>
<div id="tlcontent" style="flex: 1 1 auto;">
    <p class="focus-heading">Tracklist</p>
<br>
<div style="margin-left:auto;margin-right:auto;" id="table-wrap">
    <table id="tracklist">
        <th class="labels">Playback</th>
        <th class="labels">Name</th>
        <th class="labels">Runtime</th>
    </table>
</div>
<script>
    document.querySelectorAll('#tlcontent')[0].style.display = "block";
</script>
</div>
</div>
<script>
infoScreen.initCustomEvent("infoScreen", true, true, infoId);
document.dispatchEvent(infoScreen);
</script>