index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>工具导航页</title>
  7. <style>
  8. body {
  9. font-family: 'Segoe UI', Arial, sans-serif;
  10. margin: 0;
  11. padding: 2rem;
  12. background: #f0f2f5;
  13. color: #1f2937;
  14. }
  15. .container {
  16. max-width: 1200px;
  17. margin: 0 auto;
  18. }
  19. h1 {
  20. text-align: center;
  21. color: #2563eb;
  22. font-size: 2.5rem;
  23. margin-bottom: 3rem;
  24. }
  25. .grid {
  26. display: grid;
  27. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  28. gap: 2rem;
  29. }
  30. .card {
  31. background: white;
  32. border-radius: 1rem;
  33. padding: 1.5rem;
  34. box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  35. transition: transform 0.2s, box-shadow 0.2s;
  36. }
  37. .card:hover {
  38. transform: translateY(-4px);
  39. box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  40. }
  41. .card h2 {
  42. color: #1f2937;
  43. margin: 0 0 1rem 0;
  44. font-size: 1.5rem;
  45. }
  46. .card p {
  47. color: #6b7280;
  48. margin: 0 0 1.5rem 0;
  49. line-height: 1.5;
  50. }
  51. .card a {
  52. display: inline-block;
  53. text-decoration: none;
  54. color: #2563eb;
  55. font-weight: 500;
  56. padding: 0.5rem 0;
  57. transition: color 0.2s;
  58. }
  59. .card a:hover {
  60. color: #1d4ed8;
  61. }
  62. @media (max-width: 768px) {
  63. body {
  64. padding: 1rem;
  65. }
  66. .grid {
  67. grid-template-columns: 1fr;
  68. }
  69. }
  70. </style>
  71. </head>
  72. <body>
  73. <div class="container">
  74. <h1>工具导航</h1>
  75. <div class="grid">
  76. <div class="card">
  77. <h2>DO_FREEZE APP密码加密生成</h2>
  78. <p>牛奶冰点仪、渗透压摩尔浓度检测仪 APP登录明文加密。</p>
  79. <a href="QrGen/index.html">进入工具 →</a>
  80. </div>
  81. <div class="card">
  82. <h2>DIPM结果统计</h2>
  83. <p>牛奶冰点仪结果评估。</p>
  84. <a href="DIPM_resultStatistics/index.html">进入工具 →</a>
  85. </div>
  86. <div class="card">
  87. <h2>OSMO结果统计</h2>
  88. <p>渗透压摩尔浓度检测仪结果评估。(暂时与DIPM共用)</p>
  89. <a href="DIPM_resultStatistics/index.html">进入工具 →</a>
  90. </div>
  91. <div class="card">
  92. <h2>实验结果统计</h2>
  93. <p>基本的重复性、稳定性、示值误差计算分析。</p>
  94. <a href="LabStatistics/index.html">进入工具 →</a>
  95. </div>
  96. <div class="card">
  97. <h2>GeoGebra</h2>
  98. <p>用于生成和可视化各种数学函数的工具。</p>
  99. <a href="GeoGebra_Self/index.html">进入工具 →</a>
  100. </div>
  101. <div class="card">
  102. <h2>函数统计</h2>
  103. <p>用于生成和可视化各种数学函数的工具。</p>
  104. <a href="FuncGen/index.html">进入工具 →</a>
  105. </div>
  106. <!-- <div class="card">
  107. <h2>Desmos Desktop</h2>
  108. <p>用于生成和可视化各种数学函数的工具。</p>
  109. <a href="Desmos-Desktop-master/index.html">进入工具 →</a>
  110. </div> -->
  111. <div class="card">
  112. <h2>RT表格工具</h2>
  113. <p>包含NTC、PT100、PT1000和TJ的RT表格查询工具。</p>
  114. <a href="RT_Table/RT_Table_NTC.html">NTC表格 →</a>
  115. <br>
  116. <a href="RT_Table/RT_Table_PT100.html">PT100表格 →</a>
  117. <br>
  118. <a href="RT_Table/RT_Table_PT1000.html">PT1000表格 →</a>
  119. <br>
  120. <a href="RT_Table/VT_Table_TJ.html">TJ表格 →</a>
  121. </div>
  122. <!-- <div class="card">
  123. <h2>NFC线圈设计工具</h2>
  124. <p>用于设计和计算NFC线圈参数的专业工具,支持多种参数调整和实时预览。</p>
  125. <a href="NfcCoilDesignTool/index.html">进入工具 →</a>
  126. </div>
  127. <div class="card">
  128. <h2>十六进制格式化</h2>
  129. <p>提供十六进制数据的格式化和转换功能。</p>
  130. <a href="HexFormat/index.html">进入工具 →</a>
  131. </div> -->
  132. </div>
  133. </div>
  134. </body>
  135. </html>