images in slides

main
gman 8 months ago
parent af6ec7bd6a
commit 896919c89c

@ -28,16 +28,16 @@
</div> </div>
</div> </div>
<div class="fullpage"> <div class="fullpage">
<div class="section"> <div class="section gradient-text">
<p>Postnet геоинформационная AutoML система для управления и развития сети постаматов Московский постамат <p>Postnet геоинформационная AutoML система для управления и развития сети постаматов Московский постамат
</p> </p>
</div>
<div class="section">
<p>В настоящее время в столице развивается городская сеть постаматов Московский постамат. Постаматы сети <p>В настоящее время в столице развивается городская сеть постаматов Московский постамат. Постаматы сети
размещают не только в различных объектах инфраструктуры, но и прямо внутри подъездов жилых домов. Сейчас размещают не только в различных объектах инфраструктуры, но и прямо внутри подъездов жилых домов. Сейчас
с помощью постаматов можно получать заказы из интернет-магазинов и маркетплейсов, уже скоро будут с помощью постаматов можно получать заказы из интернет-магазинов и маркетплейсов, уже скоро будут
доступны и другие сервисы. Для управления сетью постаматов и ее развития наша команда разработала доступны и другие сервисы. Для управления сетью постаматов и ее развития наша команда разработала
систему Postnet. </p> систему Postnet. </p>
</div>
<div class="section">
<figure> <figure>
<img src="images/postnet/postnet-interface.png" /> <img src="images/postnet/postnet-interface.png" />
<figcaption>Интерфейс системы</figcaption> <figcaption>Интерфейс системы</figcaption>

@ -388,14 +388,14 @@ html {
.project-container img { .project-container img {
object-fit: cover; object-fit: cover;
width: 100%; max-width: 1200px;
min-height: 300px; min-height: 300px;
transition: scale 0.5s; max-height: 50vh;
} }
.project-container:hover img { /* .project-container:hover img {
scale: 1.1; scale: 0.9;
} } */
.project-title .project-arrow { .project-title .project-arrow {
display: block; display: block;
@ -414,32 +414,18 @@ html {
.project-title { .project-title {
display: flex; display: flex;
position: absolute;
bottom: 0;
width: 100%; width: 100%;
background-color: rgba(0, 0, 0, 0.8);
font-size: 30px; font-size: 30px;
line-height: 37px; line-height: 37px;
transition: background-color 0.3s; transition: background-color 0.3s;
height: 3em;
text-transform: uppercase; text-transform: uppercase;
/* padding-left: 25px; */
align-items: center; align-items: center;
color: var(--primary-text-color); color: var(--primary-text-color);
cursor: pointer; cursor: pointer;
} }
.project-container:hover .project-title {
background-color: rgba(0, 0, 0, 0.9);
}
.project-title span { .project-title span {
display: flex; display: flex;
margin: 1em;
align-items: center; 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 { .section figure {
@media (max-width: 850px) { @media (max-width: 850px) {
margin: 0; 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; font-size: 18px;
} }
Loading…
Cancel
Save