Hello.html 4.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <html lang="zh">
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="hello.css">
  5. <meta charset="UTF-8">
  6. <title>Hello</title>
  7. <script src="requests.js"></script>
  8. </head>
  9. <body>
  10. <script>
  11. let host = 'http://127.0.0.1:5000/'
  12. </script>
  13. <canvas id="canvas" class="bg_canvas"></canvas>
  14. <div class="screen" id="screen">
  15. <script>
  16. img_func = function () {
  17. let screen_div = document.getElementById('screen');
  18. screen_div.style.backgroundImage = 'url("Pic/match.png")';
  19. };
  20. request_get(img_func, "img")
  21. </script>
  22. <div id='cotanTitle' class="cotan_title">
  23. </div>
  24. <div id="method" class="mode">
  25. <h1 class="mode">CoTan<br>科学计算系统</h1>
  26. <h2 class="mode">CoTan工具</h2>
  27. <script>
  28. function start(mode_url){
  29. start_func = function () {
  30. console.log('run');
  31. if (xhr.status === 200) {
  32. current_circle.remove();
  33. }};
  34. current_circle.add();
  35. request_get(start_func, mode_url)
  36. }
  37. </script>
  38. <button type="button" id="board" class="button white big" onclick="start('draftboard')">CoTan草稿板</button>
  39. <div class="nothing"></div>
  40. <button type="button" id="selenium" class="button white big" onclick="start('crawler')">自动化网页</button>
  41. <div class="nothing"></div>
  42. <button type="button" id="git" class="button white small" onclick="start('git')">git仓库控制器</button>
  43. <div class="nothing"></div>
  44. <button type="button" id="website" class="button white small" onclick="window.open('https://cotan.songzh.website');">CoTan社区</button>
  45. <h2 class="mode">数学系统</h2>
  46. <button type="button" id="alg" class="button white big" onclick="start('algebraicfactory')">代数工厂</button>
  47. <div class="nothing"></div>
  48. <button type="button" id="machine" class="button white big" onclick="start('machinelearner')">机器学习</button>
  49. <div class="nothing"></div>
  50. <button type="button" id="data" class="button white big" onclick="start('datascience')">数据科学</button>
  51. <div class="nothing"></div>
  52. <button type="button" id="func" class="button white small" onclick="start('functionfactory')">函数工厂</button>
  53. <div class="nothing"></div>
  54. <button type="button" id="geometric" class="button white small" onclick="start('functionmapping')">函数实验室</button>
  55. <h2 class="mode">物化系统</h2>
  56. <button type="button" id="physical" class="button white big">几何车间</button>
  57. <div class="nothing"></div>
  58. <button type="button" id="chemistry" class="button white big">物理车间</button>
  59. <div class="nothing"></div>
  60. <button type="button" id="laboratory" class="button white small">化学车间</button>
  61. <h2 class="mode">系统工具</h2>
  62. <button type="button" id="plugin" class="button white small" onclick="start('system')">系统管理</button>
  63. <div class="nothing"></div>
  64. <button type="button" id="process" class="button white small" onclick="window.open(host + '/communication');">通信管理器</button>
  65. </div>
  66. <script>
  67. let screen_width = 1200;
  68. let screen_height = 800;
  69. console.log(screen_height);
  70. document.getElementById("cotanTitle").style.width = String(screen_width -
  71. document.getElementById("method").offsetWidth - 1) + 'px';
  72. </script>
  73. <script src="bg.js"></script>
  74. </div>
  75. </body>
  76. </html>