flask_inference_api_g

Sleeping

App Files Files Community

DmitrMakeev commited on May 4

Commit

9859341

verified ·

1 Parent(s): f488ccb

Update nutri_call.html

Browse files

Files changed (1) hide show

nutri_call.html +47 -79

nutri_call.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <title>Калькулятор удобрений</title>
-  <style>
     body {
         margin: 0 auto;
         width: 950px;
@@ -11,7 +11,6 @@
         background-color: #f0f0f0;
         font-family: Arial, sans-serif;
     }
     h1 {
         background-color: #2e8b57;
         color: white;
@@ -20,7 +19,6 @@
         border-radius: 10px;
         margin-bottom: 20px;
     }
     fieldset {
         border: 2px solid #2e8b57;
         background-color: #eaffea;
@@ -28,105 +26,75 @@
         margin-bottom: 20px;
         border-radius: 8px;
     }
     legend {
         font-weight: bold;
         color: #2e8b57;
         padding: 0 10px;
     }
     input[type=number] {
         width: 80px;
         padding: 3px;
         border: 1px solid #ccc;
         border-radius: 4px;
     }
-    .profile-grid-container,
-    .ratio-grid-container,
-    .fertilisers-grid-container {
         display: grid;
-        grid-gap: 5px 5px;
         padding: 10px;
     }
-    .profile-grid-container {
-        grid-template-columns: repeat(9, auto);
-    }
-    .ratio-grid-container {
-        grid-template-columns: repeat(7, auto);
     }
     .fertilisers-grid-container {
         grid-template-columns: repeat(10, auto);
     }
-    span {
-        padding-top: 4px;
     }
-  </style>
 </head>
-<body>
-<h1>Калькулятор удобрений</h1>
-    <fieldset>
-      <legend>Макропрофиль в мг/л (ppm)</legend>
     <div class="profile-grid-container">
-        <span></span>
-        <label for="pN">N</label>
-        <label for="pP">P </label>
-        <label for="pK">K</label>
-        <label for="pCa">Ca</label>
-        <label for="pMg">Mg</label>
-        <label for="pS">S</label>
-        <label for="pCl">Cl</label>
-        <label for="pEC">EC</label>
-        <span></span>
-        <input id = "pN" type="number" value="0.0" step="1.0" class="profile"/>
-        <input id = "pP" type="number" value="0.0" step="1.0"/>
-        <input id = "pK" type="number" value="0.0" step="1.0"/>
-        <input id = "pCa" type="number" value="0.0" step="1.0"/>
-        <input id = "pMg" type="number" value="0.0" step="1.0"/>
-        <input id = "pS" type="number" value="0.0" step="1.0"/>
-        <input id = "pCl" type="number" value="0.0" step="1.0"/>
-        <input id = "pEC" type="number" value="0.0" step="0.001"/>
-        <label for = "pNO3">NO3</label>
-        <input id = "pNO3" type="number" value="0.0" step="1.0"/>
-        <span></span>
-        <span></span>
-        <span></span>
-        <span></span>
-        <span></span>
-        <span></span>
-        <label for="pNH4">NH4</label>
-        <input id = "pNH4" type="number" value="0.0" step="1.0"/>
     </div>
-    </fieldset>
-    <fieldset>
-    <legend>Составы солей</legend>
-    <div class="fertilisers-grid-container">
-        <span></span>
-        <span>NH4</span>
-        <span>NO3</span>
-        <span>P</span>
-        <span>K</span>
-        <span>Ca</span>
-        <span>Mg</span>
-        <span>S</span>
-        <span>Cl</span>
-        <span>грамм</span>
-        <span>CaN2O6</span>    <span id="f11">0</span><span id="f12">0</span><span id="f13">0</span><span id="f14">0</span><span id="f15">0</span><span id="f16">0</span><span id="f17">0</span><span id="f18">0</span><input type="number" step="0.001" id="w1"/>
-        <span>KNO3</span>      <span id="f21">0</span><span id="f22">0</span><span id="f23">0</span><span id="f24">0</span><span id="f25">0</span><span id="f26">0</span><span id="f27">0</span><span id="f28">0</span><input type="number" step="0.001" id="w2"/>
-        <span>NH4NO3</span>    <span id="f31">0</span><span id="f32">0</span><span id="f33">0</span><span id="f34">0</span><span id="f35">0</span><span id="f36">0</span><span id="f37">0</span><span id="f38">0</span><input type="number" step="0.001" id="w3"/>
-        <span>MgSO4</span>     <span id="f41">0</span><span id="f42">0</span><span id="f43">0</span><span id="f44">0</span><span id="f45">0</span><span id="f46">0</span><span id="f47">0</span><span id="f48">0</span><input type="number" step="0.001" id="w4"/>
-        <span>KH2PO4</span>    <span id="f51">0</span><span id="f52">0</span><span id="f53">0</span><span id="f54">0</span><span id="f55">0</span><span id="f56">0</span><span id="f57">0</span><span id="f58">0</span><input type="number" step="0.001" id="w5"/>
-        <span>K2SO4</span>     <span id="f61">0</span><span id="f62">0</span><span id="f63">0</span><span id="f64">0</span><span id="f65">0</span><span id="f66">0</span><span id="f67">0</span><span id="f68">0</span><input type="number" step="0.001" id="w6"/>
-        <span>CaCl2*6H2O</span><span id="f71">0</span><span id="f72">0</span><span id="f73">0</span><span id="f74">0</span><span id="f75">0</span><span id="f76">0</span><span id="f77">0</span><span id="f78">0</span><input type="number" step="0.001" id="w7"/>
     </div>
-  </fieldset>
   </body>
 </html>

 <head>
   <meta charset="UTF-8">
   <title>Калькулятор удобрений</title>
+<style>
     body {
         margin: 0 auto;
         width: 950px;
         background-color: #f0f0f0;
         font-family: Arial, sans-serif;
     }
     h1 {
         background-color: #2e8b57;
         color: white;
         border-radius: 10px;
         margin-bottom: 20px;
     }
     fieldset {
         border: 2px solid #2e8b57;
         background-color: #eaffea;
         margin-bottom: 20px;
         border-radius: 8px;
     }
     legend {
         font-weight: bold;
         color: #2e8b57;
         padding: 0 10px;
     }
     input[type=number] {
         width: 80px;
         padding: 3px;
         border: 1px solid #ccc;
         border-radius: 4px;
     }
+    .profile-grid-container {
         display: grid;
+        grid-template-columns: repeat(7, auto);
+        grid-gap: 5px;
         padding: 10px;
+        align-items: center;
     }
+    .nitrogen-grid-container {
+        display: grid;
+        grid-template-columns: auto auto;
+        grid-gap: 5px;
+        padding: 10px 10px 0 10px;
+        align-items: center;
     }
     .fertilisers-grid-container {
+        display: grid;
         grid-template-columns: repeat(10, auto);
+        grid-gap: 5px;
+        padding: 10px;
+        align-items: center;
     }
+    .profile-label {
+        text-align: center;
+        font-weight: bold;
     }
+</style>
 </head>
+<fieldset>
+    <legend>Макропрофиль в мг/л (ppm)</legend>
     <div class="profile-grid-container">
+        <span class="profile-label">P</span>
+        <span class="profile-label">K</span>
+        <span class="profile-label">Ca</span>
+        <span class="profile-label">Mg</span>
+        <span class="profile-label">S</span>
+        <span class="profile-label">Cl</span>
+        <span class="profile-label">EC</span>
+        <input id="pP" type="number" value="0.0" step="1.0"/>
+        <input id="pK" type="number" value="0.0" step="1.0"/>
+        <input id="pCa" type="number" value="0.0" step="1.0"/>
+        <input id="pMg" type="number" value="0.0" step="1.0"/>
+        <input id="pS" type="number" value="0.0" step="1.0"/>
+        <input id="pCl" type="number" value="0.0" step="1.0"/>
+        <input id="pEC" type="number" value="0.0" step="0.001"/>
     </div>
+    <div class="nitrogen-grid-container">
+        <div>
+            <label for="pNO3">NO3</label>
+            <input id="pNO3" type="number" value="0.0" step="1.0"/>
+        </div>
+        <div>
+            <label for="pNH4">NH4</label>
+            <input id="pNH4" type="number" value="0.0" step="1.0"/>
+        </div>
     </div>
+</fieldset>
   </body>
 </html>