index_configure.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>jomjol - AI on the edge</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <style>
  8. .h_iframe iframe {width:995px;height:765px;}
  9. .h_iframe {width:995px;height:765px;}
  10. h1 {font-size: 2em; margin-block-end: 0.3em;}
  11. h2 {font-size: 1.5em;margin-block-start: 0.3em;}
  12. h3 {font-size: 1.2em;}
  13. p {font-size: 1em;}
  14. ul {
  15. list-style-type: none;
  16. margin: 0;
  17. padding: 0;
  18. overflow: hidden;
  19. background-color: #333;
  20. width:1000px;
  21. }
  22. li {
  23. float: left;
  24. font-family: arial;
  25. font-size: 18px;
  26. }
  27. li a, .dropbtn {
  28. display: inline-block;
  29. color: white;
  30. text-align: center;
  31. padding: 14px 16px;
  32. text-decoration: none;
  33. }
  34. li a:hover, .dropdown:hover .dropbtn {
  35. background-color: red;
  36. }
  37. li.dropdown {
  38. display: inline-block;
  39. }
  40. .dropdown-content {
  41. display: none;
  42. position: absolute;
  43. background-color: #f9f9f9;
  44. min-width: 160px;
  45. box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  46. z-index: 1;
  47. font-family: arial;
  48. }
  49. .dropdown-content a {
  50. color: black;
  51. padding: 12px 16px;
  52. text-decoration: none;
  53. display: block;
  54. text-align: left;
  55. }
  56. .dropdown-content a:hover {background-color: #f1f1f1;}
  57. .dropdown:hover .dropdown-content {
  58. display: block;
  59. }
  60. </style>
  61. <body style="font-family: arial">
  62. <h1>Configure Watermeter</h1>
  63. <ul>
  64. <li aria-current="page"><a href="index.html">Main Page</a>
  65. <li><a href="#"onclick="document.getElementById('maincontent').src = 'edit_config.html';">CONFIG.INI direct</a></li>
  66. <li class="dropdown">
  67. <a href="javascript:void(0)" class="dropbtn">Alignment</a>
  68. <div class="dropdown-content">
  69. <a href="#"onclick="document.getElementById('maincontent').src = 'edit_reference.html';">Reference Image</a>
  70. <a href="#"onclick="document.getElementById('maincontent').src = 'edit_alignment.html';">Alignment Marks</a>
  71. </div>
  72. </li>
  73. <li class="dropdown">
  74. <a href="javascript:void(0)" class="dropbtn">Regions Of Interest (ROI)</a>
  75. <div class="dropdown-content">
  76. <a href="#"onclick="document.getElementById('maincontent').src = 'edit_digits.html';">Digital ROIs</a>
  77. <a href="#"onclick="document.getElementById('maincontent').src = 'edit_analog.html';">Analog ROIs</a>
  78. </div>
  79. </li>
  80. <li><a href="#" onclick="document.getElementById('maincontent').src = 'edit_check.html';">Check</a></li>
  81. </ul>
  82. <p>
  83. <div class="h_iframe">
  84. <iframe width="1020px" height="650px" name="maincontent" id ="maincontent" src="edit_config.html" title="fileserver"></iframe>
  85. </div>
  86. </body>
  87. </html>