Radio Template

index.html

<div class="nw-header">
  <span class="logo">
    <img src="https://www.netwarsuk.com/uploads/monthly_2020_04/large.nwuk-radio.png.c523e6d09bbb86df672f0d66108f0e44.png" alt="NetWarsUK.com">
  </span>
</div>

<div class="nw-radio row">
  <div class="col-md-6"><b>Now Playing:</b> <span class="cc_streaminfo" data-type="song" data-username="lsmithx2"> Loading....</div>
  <div class="col-md-6">
    <!-- BEGINS: AUTO-GENERATED MUSES RADIO PLAYER CODE -->
    <script type="text/javascript" src="https://hosted.muses.org/mrp.js"></script>
    <script type="text/javascript">
      MRP.insert({
        'url':'https://uk3.internet-radio.com/proxy/lsmithx2?mp=/stream',
        'lang':'en',
        'codec':'mp3',
        'volume':100,
        'autoplay':true,
        'forceHTML5':true,
        'jsevents':true,
        'buffering':0,
        'title':'NetWarsUK Radio',
        'wmode':'transparent',
        'skin':'rb1',
        'width':250,
        'height':70
      });
    </script>
    <!-- ENDS: AUTO-GENERATED MUSES RADIO PLAYER CODE -->
  </div>
</div>

<div class="nw-body">
  <h2>Welcome to our server.</h2>
  <p>Please check our and join our forums for the latest updates to our servers.</p>
  <p><a href="https://www.netwarsuk.com/" target="_blank">www.netwarsuk.com</a></p>

  <!-- <br/> -->

  <h2>Want to appeal a ban or restriction?</h2>
  <p>Checkout our appeals forum at <a href="https://www.netwarsuk.com/forum/8-ban-appeals/" target="_blank">www.netwarsuk.com/forum/8-ban-appeals/</a></p>

  <br/>
  <p>Please respect other players while playing on our servers.</p>
</div>

radio-template.markdown

Radio Template

A Pen by LSmithx2 on CodePen.

License.

scripts

<script src="https://control.internet-radio.com:2199/system/streaminfo.js"></script>

style.css

@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap');
body
{
  font-family: 'Quicksand', sans-serif;
  background-color: #2c2c2c;
  color: #f1f1f1;
  margin: 0;
}
a, a:hover, a:visited
{
  color: #adb3f9;
}
.nw-header
{
  background-color: #565656;
  background-position: top;
  background-image: url("https://www.netwarsuk.com/uploads/monthly_2019_12/nw-galaxy.jpg.44b26cf695e387df7ef0169a1f180185.jpg");
  padding: 20px;
}
.nw-header .logo img
{
  width: 240px;	
}
.nw-radio
{
  padding: 20px;
  color: #f1f1f1;
  background-color: #363636;
  text-align: center;
}
.nw-radio #MusesRadioPlayer-HTML5-player-0
{
  margin-top: -25px;
  margin-bottom: -25px;
}
.nw-body
{
  padding: 20px;	
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" />

First trials