splash screen fix (#6) #7

Merged
hendr-ik merged 1 commits from development into main 2023-11-13 20:57:21 +01:00
2 changed files with 23 additions and 17 deletions
Showing only changes of commit b1f04c2205 - Show all commits

View File

@ -38,7 +38,7 @@ COLORS
LAYOUT
----------------------------------------------------*/
.splashContent {
min-height: 86vh;
min-height: calc(100vh -190px);
}
.splashCta {
position: -webkit-sticky;
@ -107,6 +107,12 @@ IMAGES
object-fit: none;
}
}
@media only screen and (max-height: 650px) {
.imageCropSplash {
height: 192px;
object-fit: none;
}
}
.imageCrop {
object-fit: none;
}

View File

@ -5,26 +5,26 @@
<div class="splashContent">
<div class="w-100 bgColorOrange">
<div class="mw7 center">
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCropSplash">
</div>
<div class="w-100 bgColorOrange">
<div class="mw7 center">
<img src="/theme/images/gfx-index.svg" alt="pattern" width="768px" height="448px" class="db imageCropSplash">
</div>
<div class="mw7 center paddingSplash mt4">
<h2 class="f4 f2-ns ma0">
<span class="fw4">We </span><span class="fw7">think up, create and ship </span><span class="fw4">software for organisations and individuals who embrace </span><span class="fw7">societal change.</span>
</h2>
</div>
</div>
<div class="splashCta bgColorWine">
<div class="flex justify-center pb5">
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
</div>
<div class="mw7 center paddingSplash mt4">
<h2 class="f4 f2-ns ma0">
<span class="fw4">We </span><span class="fw7">think up, create and ship </span><span class="fw4">software for organisations and individuals who embrace </span><span class="fw7">societal change.</span>
</h2>
</div>
</div>
<div class="splashCta bgColorWine">
<div class="flex justify-center pb5">
<a class="link dim br1 f5 fw7 ttu tc trackedExtraWide h3 w5 buttonPadding colorWhite bgColorOrange" href="#we" rel="noopener">Learn more</a>
</div>
</div>
<!-- FOLD 1 -->
<div class="w-100 colorWine bgColorOrange">