index.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <html>
  2. <head lang="en">
  3. <meta charset="UTF-8" />
  4. <link rel="stylesheet" href="css/united.bootstrap.min.css" />
  5. <link rel="icon" type="image/png" href="favicon.png" />
  6. <title>MultiMath</title>
  7. </head>
  8. <body>
  9. <nav class="navbar navbar-default">
  10. <div class="container-fluid">
  11. <div class="navbar-header">
  12. <span class="navbar-brand">MultiMath</span>
  13. </div>
  14. </div>
  15. </nav>
  16. <div class="form-horizontal" id="nameform">
  17. <div class="form-group">
  18. <label for="playername" class="col-sm-2 control-label">Player Name</label>
  19. <div class="col-sm-2">
  20. <input type="text" class="form-control" id="playername" size="20" placeholder="Player name" />
  21. </div>
  22. </div>
  23. <div class="form-group">
  24. <label for="factor" class="col-sm-2 control-label">Factor</label>
  25. <div class="col-sm-2">
  26. <input type="text" class="form-control" id="factor" size="20" value="5" placeholder="Factor" />
  27. </div>
  28. </div>
  29. <div class="form-group">
  30. <label for="problemCount" class="col-sm-2 control-label">Number of Problems</label>
  31. <div class="col-sm-2">
  32. <input type="text" class="form-control" id="problemCount" size="20" placeholder="Number of problems" />
  33. </div>
  34. </div>
  35. <div class="form-group">
  36. <div class="col-sm-offset-2 col-sm-10">
  37. <button class="btn btn-primary" id="startGame">Start Game</button>
  38. <button class="btn btn-success" id="calculate" disabled>Calculate Score</button>
  39. </div>
  40. </div>
  41. <div class="form-horizontal" id="game"></div>
  42. <div class="col-sm-offset-2 col-sm-10" id="scores">
  43. <h2>Scoreboard</h2>
  44. <h4 id="postedScores">No scores yet</h4>
  45. </div>
  46. <div class="col-sm-offset-2 col-sm-10" id="messages"></div>
  47. <!--add script tags here-->
  48. <script src="node_modules/systemjs/dist/system.js"></script>
  49. <script>
  50. System.config({
  51. paths: {
  52. 'lodash': 'node_modules/lodash/lodash',
  53. },
  54. meta: {
  55. format: 'cjs',
  56. },
  57. packages: {
  58. '.': {
  59. defaultExtension: 'js'
  60. }
  61. },
  62. });
  63. System.import('./js/app.js');
  64. </script>
  65. </div>
  66. </body>
  67. </html>