index.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <title>Jupyter Services Demo</title>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.js"></script>
  6. <style type="text/css">
  7. #cell {
  8. font-family: monospace;
  9. }
  10. </style>
  11. </head>
  12. <body>
  13. <script id='jupyter-config-data' type="application/json">{ "baseUrl": "{{base_url}}" }</script>
  14. <h1>Run code!</h1>
  15. <p>
  16. Type code in the text area and click run to execute it.
  17. You will see a log of the messages produced by the kernel below.
  18. </p>
  19. <div>
  20. Kernel:
  21. <pre id="kernel-info">Starting...</pre>
  22. </div>
  23. <textarea id="cell" cols="100" rows="24"></textarea>
  24. <div>
  25. <button id="run">run</button>
  26. </div>
  27. <div id="output"></div>
  28. <script type="text/javascript">
  29. require.config({
  30. paths: {
  31. 'jquery': 'https://code.jquery.com/jquery-2.2.4.min',
  32. '@jupyterlab/services': 'https://unpkg.com/@jupyterlab/services@^0.48/dist/index',
  33. }
  34. });
  35. </script>
  36. <script src="example/index.js"></script>
  37. </body>
  38. </html>