offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-12-26 06:40:21 +01:00
Code Issues Projects Releases Wiki Activity

add localize section on index

Browse Source
This commit is contained in:
Hendrik Niefeld 2021-02-01 10:11:57 +01:00
parent 820a9c196f
commit 1adf3d29c6
3 changed files with 49 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
homepage/theme/static/css/fix.css
View File

@ -120,6 +120,7 @@ LAYOUT
.hx-compare-c,
.hx-compare-d,
.hx-metrics,
.hx-localize,
.hx-difference {
height: 100%;
}
@ -161,6 +162,9 @@ LAYOUT
.hx-metrics {
height: 132rem;
}
.hx-localize {
height: 19rem;
}
.hx-difference {
height: 33rem;
}
@ -464,6 +468,11 @@ STACKING IMAGES
left: calc(100% - 10rem);
z-index : 550;
}
.bg-localize {
top: -7rem;
left: 3rem;
z-index : 560;
}
.bg-cta-pfeil {
top: -13rem;
left: 66%;
@ -485,6 +494,10 @@ STACKING IMAGES
top: 11rem;
left: calc(100% - 30rem);
}
.bg-localize {
top: -7rem;
left: calc(100% - 25rem);
}
.bg-cta-pfeil {
top: -14rem;
left: 72%;
@ -501,6 +514,10 @@ STACKING IMAGES
top: -3rem;
left: calc(100% - 20rem);
}
.bg-localize {
top: -2rem;
left: 35rem;
}
.bg-cta-pfeil {
top: -12rem;
left: 66%;

BIN
homepage/theme/static/images/gfx-localize.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

32
homepage/theme/templates/index.html
View File

@ -504,6 +504,38 @@
</div>
</div>
<!-- LOCALIZE -->
<div class="w-100">
<div class="w-100 hx-localize dib cclr-bg-white-fade">
<div class="h-100 bg-pattern">
<div class="relative">
<div class="absolute bg-localize">
<img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
</div>
</div>
<div class="wx24-metrics center">
<p class="f25 lh-solid ma0 ml0 ml5-l mt5 mb4">
<em>
Localize
</em>
</p>
<p class="ma0 ml0 ml5-l w-100 w-50-l mb2">
<i>Offen is currently available in</i> English and German.
</p>
<p class="ma0 ml0 ml5-l w-100 w-50-l mb5">
<i>Our</i> consent banner and the Auditorium <i>for operators as well as users can be displayed</i> in the respective locale.
</p>
</div>
</div>
</div>
</div>
<!-- TABLE -->
<div class="w-100">