diff --git a/project-post.html b/project-post.html index c1267e4..6e6da77 100644 --- a/project-post.html +++ b/project-post.html @@ -28,16 +28,16 @@
-
+

Postnet – геоинформационная AutoML система для управления и развития сети постаматов Московский постамат

-
-

В настоящее время в столице развивается городская сеть постаматов – Московский постамат. Постаматы сети размещают не только в различных объектах инфраструктуры, но и прямо внутри подъездов жилых домов. Сейчас с помощью постаматов можно получать заказы из интернет-магазинов и маркетплейсов, уже скоро будут доступны и другие сервисы. Для управления сетью постаматов и ее развития наша команда разработала систему Postnet.

+
+
Интерфейс системы
diff --git a/style.css b/style.css index 6cb2f41..2979ded 100644 --- a/style.css +++ b/style.css @@ -388,14 +388,14 @@ html { .project-container img { object-fit: cover; - width: 100%; + max-width: 1200px; min-height: 300px; - transition: scale 0.5s; + max-height: 50vh; } -.project-container:hover img { - scale: 1.1; -} +/* .project-container:hover img { + scale: 0.9; +} */ .project-title .project-arrow { display: block; @@ -414,32 +414,18 @@ html { .project-title { display: flex; - position: absolute; - bottom: 0; width: 100%; - background-color: rgba(0, 0, 0, 0.8); font-size: 30px; line-height: 37px; transition: background-color 0.3s; - height: 3em; - - text-transform: uppercase; - /* padding-left: 25px; */ align-items: center; - color: var(--primary-text-color); - cursor: pointer; } -.project-container:hover .project-title { - background-color: rgba(0, 0, 0, 0.9); -} - .project-title span { display: flex; - margin: 1em; align-items: center; } @@ -610,16 +596,31 @@ html { } } -.section img { - width: 100% +/* Текст в постах */ +.section.gradient-text { + background-size: 100%; + background-repeat: repeat; + background-clip: text; + -webkit-text-fill-color: transparent; + background-image: linear-gradient(55deg, rgb(255, 255, 255) 20%, rgba(245, 192, 192, 0.8) 100%); } + +/* Картинки в постах */ .section figure { @media (max-width: 850px) { margin: 0; } } -.section figcaption { +.section figure img { + max-width: 100%; + min-height: 300px; + max-height: 70vh; + object-fit: cover; + object-position: left center; +} + +.section figure figcaption { font-size: 18px; } \ No newline at end of file