Hugging Face's logo

Spaces:
gidr
/
flask_inference_api_g
Running

App Files Community
DmitrMakeev commited on
Commit
0dbef86
·
verified ·
1 Parent(s): 65e57a1

Update nutri_call.html

Browse files
Files changed (1) hide show
  1. nutri_call.html +63 -44
nutri_call.html CHANGED
@@ -1,62 +1,81 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="UTF-8">
 
 
 
 
 
 
 
 
 
5
 
6
-
7
- <title>Hello World!</title>
 
 
 
 
 
 
8
 
9
- <style>
10
- /* styles.css */
 
 
 
 
 
11
 
12
- body {
13
- margin: 0 auto;
14
- width: 950px;
15
- padding: 1em;
16
- position:absolute;
17
- top: 0;
18
- left: 0;
19
- }
20
 
 
 
 
 
 
 
21
 
22
- input[type=number] {
23
- width: 80px;
24
- }
 
 
 
 
25
 
26
- .profile-grid-container {
27
- display: grid;
28
- grid-template-columns: auto auto auto auto auto auto auto auto auto;
29
- padding: 10px;
30
- grid-gap: 5px 5px;
31
- }
32
 
33
- .ratio-grid-container {
34
- display: grid;
35
- grid-template-columns: auto auto auto auto auto auto auto;
36
- padding: 10px;
37
- grid-gap: 5px 5px;
38
- }
39
 
40
- .fertilisers-grid-container {
41
- display: grid;
42
- grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
43
- padding: 10px;
44
- grid-gap: 5px 5px;
45
- }
46
 
 
 
 
 
 
 
47
 
48
-
49
-
50
- /* Add styles here to customize the appearance of your app */
51
- </style>
52
- </head>
53
- <body>
54
  <fieldset>
55
  <legend>Макропрофиль в мг/л (ppm)</legend>
56
  <div class="profile-grid-container">
57
  <span></span>
58
  <label for="pN">N</label>
59
- <label for="pP">P <small>&#128274;&#xFE0E;</small></label>
60
  <label for="pK">K</label>
61
  <label for="pCa">Ca</label>
62
  <label for="pMg">Mg</label>
@@ -88,7 +107,7 @@ input[type=number] {
88
  </fieldset>
89
  <fieldset>
90
  <legend>Матрица соотношений</legend>
91
- <div class="ratio-grid-container">
92
  <span></span> <span>N</span><span>P</span><span>K</span><span>Ca</span><span>Mg</span><span>S</span>
93
  <span>N</span> <span id="r11">1</span><input type="number" step="0.001" id="r12"/><input type="number" step="0.001" id="r13"/><input type="number" step="0.001" id="r14"/><input type="number" step="0.001" id="r15"/><input type="number" step="0.001" id="r16"/>
94
  <span>P</span> <input type="number" step="0.001" id="r21"/><span id="r22">1</span><input type="number" step="0.001" id="r23"/><input type="number" step="0.001" id="r24"/><input type="number" step="0.001" id="r25"/><input type="number" step="0.001" id="r26"/>
 
1
  <!DOCTYPE html>
2
+ <html lang="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>Калькулятор удобрений</title>
6
+ <style>
7
+ body {
8
+ margin: 0 auto;
9
+ width: 950px;
10
+ padding: 1em;
11
+ background-color: #f0f0f0;
12
+ font-family: Arial, sans-serif;
13
+ }
14
 
15
+ h1 {
16
+ background-color: #2e8b57;
17
+ color: white;
18
+ text-align: center;
19
+ padding: 1em;
20
+ border-radius: 10px;
21
+ margin-bottom: 20px;
22
+ }
23
 
24
+ fieldset {
25
+ border: 2px solid #2e8b57;
26
+ background-color: #eaffea;
27
+ padding: 1em;
28
+ margin-bottom: 20px;
29
+ border-radius: 8px;
30
+ }
31
 
32
+ legend {
33
+ font-weight: bold;
34
+ color: #2e8b57;
35
+ padding: 0 10px;
36
+ }
 
 
 
37
 
38
+ input[type=number] {
39
+ width: 80px;
40
+ padding: 3px;
41
+ border: 1px solid #ccc;
42
+ border-radius: 4px;
43
+ }
44
 
45
+ .profile-grid-container,
46
+ .ratio-grid-container,
47
+ .fertilisers-grid-container {
48
+ display: grid;
49
+ grid-gap: 5px 5px;
50
+ padding: 10px;
51
+ }
52
 
53
+ .profile-grid-container {
54
+ grid-template-columns: repeat(9, auto);
55
+ }
 
 
 
56
 
57
+ .ratio-grid-container {
58
+ grid-template-columns: repeat(7, auto);
59
+ }
 
 
 
60
 
61
+ .fertilisers-grid-container {
62
+ grid-template-columns: repeat(10, auto);
63
+ }
 
 
 
64
 
65
+ span {
66
+ padding-top: 4px;
67
+ }
68
+ </style>
69
+ </head>
70
+ <body>
71
 
72
+ <h1>Калькулятор удобрений</h1>
 
 
 
 
 
73
  <fieldset>
74
  <legend>Макропрофиль в мг/л (ppm)</legend>
75
  <div class="profile-grid-container">
76
  <span></span>
77
  <label for="pN">N</label>
78
+ <label for="pP">P </label>
79
  <label for="pK">K</label>
80
  <label for="pCa">Ca</label>
81
  <label for="pMg">Mg</label>
 
107
  </fieldset>
108
  <fieldset>
109
  <legend>Матрица соотношений</legend>
110
+ <div class="ratio-grid-container">
111
  <span></span> <span>N</span><span>P</span><span>K</span><span>Ca</span><span>Mg</span><span>S</span>
112
  <span>N</span> <span id="r11">1</span><input type="number" step="0.001" id="r12"/><input type="number" step="0.001" id="r13"/><input type="number" step="0.001" id="r14"/><input type="number" step="0.001" id="r15"/><input type="number" step="0.001" id="r16"/>
113
  <span>P</span> <input type="number" step="0.001" id="r21"/><span id="r22">1</span><input type="number" step="0.001" id="r23"/><input type="number" step="0.001" id="r24"/><input type="number" step="0.001" id="r25"/><input type="number" step="0.001" id="r26"/>