highscore.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
  3. <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
  4. <head>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width" />
  7. <title>Infinite Cave Adventure (highscores)</title>
  8. <link href="http://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css" />
  9. <link rel="stylesheet" href="css/main.css" />
  10. </head>
  11. <body>
  12. <!-- Main page -->
  13. <div class="row">
  14. <div id="highscore">
  15. <h3>Highscore table</h3>
  16. <script id="num_games_tmpl" type="text/html">
  17. <b>{{num_games}}</b>
  18. </script>
  19. <p>From a total of <span id="num_games"></span> games logged so far.
  20. </p>
  21. <script>
  22. function qqpp() {
  23. return function (x, render) { return "!!"+render(x)+"!!"; }
  24. }
  25. </script>
  26. <script id="scorelines_tmpl" type="text/html">
  27. <ol>
  28. {{#.}}
  29. <li>
  30. <span class="success label">{{name}}</span>,
  31. {{#victory}}
  32. a glorious victor of
  33. {{/victory}}
  34. level {{plev}}. <small>
  35. {{#victory}}
  36. Last seen
  37. {{/victory}}
  38. {{^victory}}
  39. Killed on
  40. {{/victory}}
  41. dungeon level <b>{{dlev}}</b>. Net worth: <b>{{worth}}</b> $ZM.</small>
  42. {{#rcodes}}
  43. <small>(Replay codes were used <b>{{rcodes}}</b> times.)</small>
  44. {{/rcodes}}
  45. </li>
  46. {{/.}}
  47. </ol>
  48. </script>
  49. <div class="expander" onclick="$('#panel_plev').toggle();">▶ ... by player level</div>
  50. <div class="highscores" id="panel_plev">
  51. </div>
  52. <div class="expander" onclick="$('#panel_dlev_d').toggle();">▶ ... by lowest dungeon level</div>
  53. <div class="highscores" id="panel_dlev_d">
  54. </div>
  55. <div class="expander" onclick="$('#panel_dlev_a').toggle();">▶ ... by highest dungeon level</div>
  56. <div class="highscores" id="panel_dlev_a">
  57. </div>
  58. <div class="expander" onclick="$('#panel_worth').toggle();">▶ ... by net worth</div>
  59. <div class="highscores" id="panel_worth">
  60. </div>
  61. <div class="expander" onclick="$('#panel_rank').toggle();">▶ ... by composite player rank</div>
  62. <div class="highscores" id="panel_rank">
  63. </div>
  64. <div class="expander" onclick="$('#panel_ts').toggle();">▶ last 10 games</div>
  65. <div class="highscores" id="panel_ts">
  66. </div>
  67. <script id="stats_tmpl" type="text/html">
  68. </script>
  69. </div>
  70. <p/>
  71. </div>
  72. <script src="/js/jquery.js"></script>
  73. <script src="/js/mustache.js"></script>
  74. <script src="/js/highscore.js"></script>
  75. <script>
  76. $(document).ready(do_highscore);
  77. </script>
  78. </body>
  79. </html>