editor.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  5. <title>Mathematical term rewriting frontend</title>
  6. <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
  7. <link rel="stylesheet" href="/static/frontend/css/editor.css">
  8. </head>
  9. <body>
  10. <div class="navbar navbar-inverse navbar-fixed-top">
  11. <div class="navbar-inner">
  12. <div class="container">
  13. <a class="brand" href="">Mathematical Term Rewriting</a>
  14. <ul class="nav">
  15. <li class="active"><a href="index.html">Editor</a></li>
  16. <li><a id="tutorial" href="#">Tutorial</a></li>
  17. <li class="dropdown" id="examples">
  18. <a href="#" data-toggle="dropdown" class="dropdown-toggle">
  19. Examples <b class="caret"></b>
  20. </a>
  21. <ul class="dropdown-menu">
  22. <li><a href="#">Validation &amp; hints</a></li>
  23. <li><a href="#">Steps</a></li>
  24. <li><a href="#">Direct answer</a></li>
  25. </ul>
  26. </li>
  27. <li><a href="docs.html">Documentation</a></li>
  28. </ul>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="container">
  33. <div id="error" class="alert alert-error">
  34. <button type="button" class="close">&times;</button>
  35. <strong>Error</strong> <span class="text"></span>
  36. </div>
  37. <div class="row">
  38. <div class="span12">
  39. <div class="btn-toolbar">
  40. <button id="btn-clear" class="btn">clear</button>
  41. <div class="btn-group">
  42. <button id="btn-validate" class="btn btn-info">validate</button>
  43. <button id="btn-hint" class="btn btn-info">hint</button>
  44. <button id="btn-step" class="btn btn-info">step</button>
  45. </div>
  46. <button id="btn-answer" class="btn">answer</button>
  47. <div id="loader"></div>
  48. </div>
  49. </div>
  50. </div>
  51. <div class="row">
  52. <div class="span6">
  53. <textarea id="math-input" class="span6 math-input"></textarea>
  54. </div>
  55. <div class="span6">
  56. <div id="pretty-print" class="well pretty-print"></div>
  57. </div>
  58. </div>
  59. <div class="row">
  60. <div class="span12 credits">
  61. Idea and feedback by <a href="http://homepages.cwi.nl/~apt/" target="_blank">Krzysztof R. Apt</a>,
  62. implementation by <a href="https://github.com/taddeus" target="_blank">Tadde&uuml;s Kroes</a>
  63. and <a href="http://smvv.kompiler.org" target="_blank">Sander van Veen</a>.
  64. </div>
  65. </div>
  66. </div>
  67. <script type="text/javascript" src="/static/js/jquery-1.8.2.min.js"></script>
  68. <script type="text/javascript" src="/static/bootstrap/js/bootstrap.min.js"></script>
  69. <script type="text/javascript" src="/static/external/mathjax/MathJax.js?config=AM_HTMLorMML-full"></script>
  70. <script type="text/javascript" src="/static/frontend/js/editor.js"></script>
  71. <script type="text/javascript" src="/static/frontend/js/examples.js"></script>
  72. </body>
  73. </html>