More Safari hacks;

main
Bruno Carrión 6 months ago
parent 35842ce42e
commit 3d9f3be436
  1. 10
      assets/css/pages/home.scss
  2. BIN
      assets/images/992-704-max.jpg
  3. BIN
      assets/images/992-704-max.webp
  4. BIN
      assets/images/nosaltres.jpg
  5. BIN
      assets/images/nosaltres.png
  6. 5
      index.html

@ -433,15 +433,23 @@
}
.home__team-picture {
display: block;
width: 100%;
border-radius: 5px;
transition: height 400ms ease-in-out;
height: 40vh;
@include m-background-image("/assets/images/nosaltres.webp", cover, "center start");
@media (orientation: portrait) {
height: 25vh;
}
> img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
border-radius: 5px;
}
}
.home__profiles {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 212 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 335 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 451 KiB

@ -77,7 +77,10 @@ page: home
</div>
<div class="home__section-column column is-6">
<div class="home__profiles-wrapper">
<div class="home__team-picture" role="img" aria-label="Fotografia de l'equip"></div>
<picture class="home__team-picture">
<source srcset="{{ base.url }}/assets/images/nosaltres.png" type="image/png" />
<img src="{{ base.url }}/assets/images/nosaltres.webp" type="image/webp" alt="Fotografia de l'equip" />
</picture>
<div class="home__profiles">
<div class="home__profile lucas">
<h5 class="title is-5">Lucas García</h4>

Loading…
Cancel
Save