html/last_songs.html

   1 <!DOCTYPE html>
   2 <html>
   3
   4 <head>
   5         <meta charset="UTF-8" />
   6         <link rel="stylesheet" type="text/css" media="all" href="style.css" />
   7         <title>Last played songs</title>
   8
   9         <script type="text/javascript"
  10                 language="javascript"
  11                 src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
  12         </script>
  13
  14         <script>$(document).ready(function() {
  15                 $.getJSON("http://radio.wpitchoune.net/cgi-bin/icecast_last_songs.cgi",
  16                           function(data) {
  17                         $.each(data, function(i, value) {
  18                                 $("#history").append(value);
  19                         });
  20                 });
  21         });
  22         </script>
  23 </head>
  24
  25 <body>
  26         <section>
  27                 <h1>Last played songs</h1>
  28
  29                 <div class="history">
  30                 </div>
  31         </section>
  32
  33         <footer>
  34                 <p>(c) Proxy Radio</p>
  35         </footer>
  36 </body>
  37
  38 </html>