</div> <div id="tabwrapper"> <div id="cardwrapper"> <div id="cardwrapper_inner"> <div id="card"><?php cards("", 0, 0, true); ?> </div> <div id="materialize_button" > <p></p> </div> </div> </div> <div id="creaturegridwrapper"><?php require_once '../units/grid.php'; creatureGrid(false); ?> </div> </div> <div id="musicplayerwrapper"> <?php $folders = array('..', '.'); $media = array_values(array_diff(scandir("../media/music"), $folders)); natsort($media); $i = 0; $error = 'Your browser does not support the audio element.'; echo '<audio id="audio" preload="auto" controls="" style="width:890px;"><source src="' . $site_url . 'media/music/' . $media[0] . '"> ' . $error . '</audio><a style="cursor:pointer;" id="mp_shuffle">Shuffle</a><ul id="playlist" style="list-style-type:none; padding-left:0px;">'; foreach ($media as $file) { $title = substr($file, 0, -4); $file = str_replace(' ', '%20', $file); if ($title != "") {
display: inline-block; } .progress-0 {background-image: none;} .progress-10 {background-position: -675px 0;} .progress-20 {background-position: -600px 0;} .progress-30 {background-position: -525px 0;} .progress-40 {background-position: -450px 0;} .progress-50 {background-position: -375px 0;} .progress-60 {background-position: -300px 0;} .progress-70 {background-position: -225px 0;} .progress-80 {background-position: -150px 0;} .progress-90 {background-position: -75px 0;} .progress-100 {background-position: 0 0;} </style> <?php creatureGrid($creature_results); ?> <br> <?php // Detailed view $i = 0; foreach ($creature_results as $r) { $underscore = str_replace(' ', '_', $r['name']); echo "<div class='div center' id='{$underscore}'>"; cards($r); echo '<br>'; progress($r['progress'], $r); echo '</div>'; $i++; } disqus('Ancient Beast - Bestiary');