<?php
$get_skinlink = (isset($_GET['link']) ? $_GET['link'] : '/images/serveur/mbu/skin/steve.png');
if ($get_skinlink == '') {
  $get_skinlink = '/images/serveur/mbu/skin/steve.png';
}
?>
<!-- Skin Viewer Stylesheet --->
<link rel="stylesheet" href="https://css.topazdev.fr/v7/bastion/minecraft-skinviewer.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- Set Skin for the Viewer -->
<style>
  #skin-viewer * {
    background-image: url('<?php echo $get_skinlink; ?>');
  }
</style>

<!-- Skin Viewer HTML Elements -->
<div id="skin-viewer" class="mc-skin-viewer-9x legacy spin">
  <div class="player">
    <!-- Head -->
    <div class="head">
      <div class="top"></div>
      <div class="left"></div>
      <div class="front"></div>
      <div class="right"></div>
      <div class="back"></div>
      <div class="bottom"></div>
      <div class="accessory">
        <div class="top"></div>
        <div class="left"></div>
        <div class="front"></div>
        <div class="right"></div>
        <div class="back"></div>
        <div class="bottom"></div>
      </div>
    </div>
    <!-- Body -->
    <div class="body">
      <div class="top"></div>
      <div class="left"></div>
      <div class="front"></div>
      <div class="right"></div>
      <div class="back"></div>
      <div class="bottom"></div>
      <div class="accessory">
        <div class="top"></div>
        <div class="left"></div>
        <div class="front"></div>
        <div class="right"></div>
        <div class="back"></div>
        <div class="bottom"></div>
      </div>
    </div>
    <!-- Left Arm -->
    <div class="left-arm">
      <div class="top"></div>
      <div class="left"></div>
      <div class="front"></div>
      <div class="right"></div>
      <div class="back"></div>
      <div class="bottom"></div>
      <div class="accessory">
        <div class="top"></div>
        <div class="left"></div>
        <div class="front"></div>
        <div class="right"></div>
        <div class="back"></div>
        <div class="bottom"></div>
      </div>
    </div>
    <!-- Right Arm -->
    <div class="right-arm">
      <div class="top"></div>
      <div class="left"></div>
      <div class="front"></div>
      <div class="right"></div>
      <div class="back"></div>
      <div class="bottom"></div>
      <div class="accessory">
        <div class="top"></div>
        <div class="left"></div>
        <div class="front"></div>
        <div class="right"></div>
        <div class="back"></div>
        <div class="bottom"></div>
      </div>
    </div>
    <!-- Left Leg -->
    <div class="left-leg">
      <div class="top"></div>
      <div class="left"></div>
      <div class="front"></div>
      <div class="right"></div>
      <div class="back"></div>
      <div class="bottom"></div>
      <div class="accessory">
        <div class="top"></div>
        <div class="left"></div>
        <div class="front"></div>
        <div class="right"></div>
        <div class="back"></div>
        <div class="bottom"></div>
      </div>
    </div>
    <!-- Right Leg -->
    <div class="right-leg">
      <div class="top"></div>
      <div class="left"></div>
      <div class="front"></div>
      <div class="right"></div>
      <div class="back"></div>
      <div class="bottom"></div>
      <div class="accessory">
        <div class="top"></div>
        <div class="left"></div>
        <div class="front"></div>
        <div class="right"></div>
        <div class="back"></div>
        <div class="bottom"></div>
      </div>
    </div>
  </div>
</div>