| 
<?php$feed = json_decode(file_get_contents('feed/feed_content.json'));
 ?>
 
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
 <head>
 
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 <title><?=$feed->channel->title?></title>
 
 <link rel="stylesheet" href="css/all.min.css">
 <link rel="stylesheet" href="css/master.css">
 
 <script
 src="https://code.jquery.com/jquery-3.5.1.min.js"
 integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
 crossorigin="anonymous"></script>
 
 <script src="js/player.js" charset="utf-8"></script>
 
 </head>
 <body>
 
 <div class="container">
 <div class="column-container">
 <div class="column first">
 <img src="<?=$feed->channel->image->url?>" alt="Feed Cover">
 </div>
 <div class="column">
 <h1><?=$feed->channel->title?></h1>
 <p><?=$feed->channel->description?></p>
 <p><?=$feed->channel->copyright?></p>
 <a href="<?php echo '//' . $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI'] . 'feed/'; ?>"><i class="fas fa-rss"></i></a>
 </div>
 </div>
 </div>
 
 <section class="gallery">
 <?php
 
 foreach ($feed->channel->item as $item) {
 
 foreach ($item->enclosure as $enclosureItem)
 $itemEnclosure = $enclosureItem;
 
 ?>
 <div class="item" style="background-image: url('<?php if($item->image->url) echo $item->image->url; else echo 'img/play_cover.png';?>');">
 <div class="buttons">
 <i data-src="<?=$itemEnclosure->url?>" class="fas fa-play playItem"></i>
 <a href="<?=$itemEnclosure->url?>" target="_blank" rel="noreferrer noopener" download><i class="fas fa-download downloadItem"></i></a>
 </div>
 <div class="overlay"></div>
 <div class="content">
 <h3><?=$item->title?></h3>
 <p><span><?=$item->album?></span> - <?=$item->track?> | <?=$item->year?></p>
 </div>
 </div>
 <?php
 }
 
 ?>
 </section>
 
 <?php require_once('parts/player.html'); ?>
 
 </body>
 </html>
 
 |