Spaces:
Sleeping
Sleeping
Update online.html
Browse files- online.html +38 -7
online.html
CHANGED
|
@@ -28,17 +28,44 @@
|
|
| 28 |
z-index: 10 !important;
|
| 29 |
}
|
| 30 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 31 |
|
|
|
|
| 32 |
#plantImage {
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 40 |
</style>
|
| 41 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 42 |
|
| 43 |
</head>
|
| 44 |
<body>
|
|
@@ -270,9 +297,13 @@ document.addEventListener("DOMContentLoaded", function () {
|
|
| 270 |
|
| 271 |
<br>
|
| 272 |
|
|
|
|
|
|
|
| 273 |
<h1>Текущее состояние растения</h1>
|
| 274 |
<img id="plantImage" src="/last_image" alt="Изображение растения">
|
|
|
|
| 275 |
|
|
|
|
| 276 |
<div class="container text-center">
|
| 277 |
<div class="d-flex justify-content-between align-items-center mb-3">
|
| 278 |
|
|
|
|
| 28 |
z-index: 10 !important;
|
| 29 |
}
|
| 30 |
|
| 31 |
+
</style>
|
| 32 |
+
|
| 33 |
+
|
| 34 |
+
<style>
|
| 35 |
+
/* Стили для блока с картинкой растения */
|
| 36 |
+
.plant-image-container {
|
| 37 |
+
text-align: center; /* Центрируем содержимое */
|
| 38 |
+
margin: 20px auto; /* Отступы сверху/снизу и автоматические по бокам для центрирования */
|
| 39 |
+
max-width: 80%; /* Максимальная ширина блока */
|
| 40 |
+
padding: 15px;
|
| 41 |
+
background-color: #f8f9fa; /* Светло-серый фон */
|
| 42 |
+
border-radius: 15px; /* Закругленные углы */
|
| 43 |
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Тень для "поднятия" блока */
|
| 44 |
+
}
|
| 45 |
|
| 46 |
+
/* Стили для самой картинки */
|
| 47 |
#plantImage {
|
| 48 |
+
max-width: 60%; /* Уменьшаем размер картинки */
|
| 49 |
+
height: auto;
|
| 50 |
+
border: 3px solid #dee2e6; /* Серая рамка */
|
| 51 |
+
border-radius: 10px; /* Закругленные углы у картинки */
|
| 52 |
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Легкая тень */
|
| 53 |
+
display: block; /* Чтобы margin: auto работал */
|
| 54 |
+
margin: 0 auto 15px; /* Центрирование и отступ снизу */
|
| 55 |
+
}
|
| 56 |
+
|
| 57 |
+
/* Заголовок над картинкой */
|
| 58 |
+
.plant-image-container h1 {
|
| 59 |
+
margin-bottom: 15px;
|
| 60 |
+
color: #343a40; /* Темно-серый цвет текста */
|
| 61 |
+
font-size: 1.5rem;
|
| 62 |
+
}
|
| 63 |
</style>
|
| 64 |
|
| 65 |
+
|
| 66 |
+
|
| 67 |
+
|
| 68 |
+
|
| 69 |
|
| 70 |
</head>
|
| 71 |
<body>
|
|
|
|
| 297 |
|
| 298 |
<br>
|
| 299 |
|
| 300 |
+
|
| 301 |
+
<div class="plant-image-container">
|
| 302 |
<h1>Текущее состояние растения</h1>
|
| 303 |
<img id="plantImage" src="/last_image" alt="Изображение растения">
|
| 304 |
+
</div>
|
| 305 |
|
| 306 |
+
|
| 307 |
<div class="container text-center">
|
| 308 |
<div class="d-flex justify-content-between align-items-center mb-3">
|
| 309 |
|