| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 | <!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Burger Quizz - Palmares</title>
    <link rel="stylesheet" href="css/main.css">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/responsive.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
  </head>
  <body>
    <header>
    </header>
    <div id="navbar">
      <ul>
        <li><a href="index.htm">Accueil</a></li>
        <li><a href="rules.htm">Règles</a></li>
        <li class="current"><a href="palmares.htm">Meilleurs scores</a></li>
        <li><a href="play.htm">Jouer</a></li>
      </ul>
    </div>
    <div id="responsive-navbar">
      <ul>
        <li class="name"><a href="#">Menu</a></li>
        <li><a href="index.htm">Accueil</a></li>
        <li><a href="rules.htm">Règles</a></li>
        <li class="current"><a href="palmares.htm">Meilleurs scores</a></li>
        <li><a href="play.htm">Jouer</a></li>
      </ul>
    </div>
    <div id="page">
      <article>
        <h2>Meilleurs scores</h2>
        <ol></ol>
      </article>
    </div>
    <script type="text/javascript">
      $.get("./api/?page=palmares", function(data) {
        for(var i = 0; i < 10; i++) {
          $("ol").append("<li>"+data[i].login+" - "+data[i].score+"</li>");
        }
      });
    </script>
  </body>
</html>
 |