mirror of
https://github.com/offen/website.git
synced 2024-11-22 17:10:29 +01:00
extend localize section
This commit is contained in:
parent
34af3e56e0
commit
065853aac7
@ -44,6 +44,12 @@ COLORS
|
|||||||
border-color: #39352A;
|
border-color: #39352A;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Gray */
|
||||||
|
.cclr-fnt-gray-mid {
|
||||||
|
color: #777777;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* White */
|
/* White */
|
||||||
.cclr-bg-white-dark {
|
.cclr-bg-white-dark {
|
||||||
background-color: #f9f7f2;
|
background-color: #f9f7f2;
|
||||||
@ -120,7 +126,8 @@ LAYOUT
|
|||||||
.hx-compare-c,
|
.hx-compare-c,
|
||||||
.hx-compare-d,
|
.hx-compare-d,
|
||||||
.hx-metrics,
|
.hx-metrics,
|
||||||
.hx-localize,
|
.hx-localize-a,
|
||||||
|
.hx-localize-b,
|
||||||
.hx-difference {
|
.hx-difference {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
@ -162,8 +169,11 @@ LAYOUT
|
|||||||
.hx-metrics {
|
.hx-metrics {
|
||||||
height: 132rem;
|
height: 132rem;
|
||||||
}
|
}
|
||||||
.hx-localize {
|
.hx-localize-a {
|
||||||
height: 19rem;
|
height: 14rem;
|
||||||
|
}
|
||||||
|
.hx-localize-b {
|
||||||
|
height: 17rem;
|
||||||
}
|
}
|
||||||
.hx-difference {
|
.hx-difference {
|
||||||
height: 33rem;
|
height: 33rem;
|
||||||
|
@ -504,18 +504,18 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- LOCALIZE -->
|
<!-- LOCALIZE A -->
|
||||||
<div class="w-100">
|
<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="relative">
|
||||||
<div class="absolute bg-localize">
|
<div class="absolute bg-localize">
|
||||||
<img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
|
<img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="w-100 hx-localize-a dib cclr-bg-white-fade">
|
||||||
|
<div class="h-100 bg-pattern">
|
||||||
|
|
||||||
<div class="wx24-metrics center">
|
<div class="wx24-metrics center">
|
||||||
|
|
||||||
<p class="f3 lh-solid ma0 ml0 ml5-l mt5 mb4">
|
<p class="f3 lh-solid ma0 ml0 ml5-l mt5 mb4">
|
||||||
@ -523,10 +523,10 @@
|
|||||||
Localize
|
Localize
|
||||||
</em>
|
</em>
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 ml0 ml5-l w-100 w-50-l mb2">
|
<p class="ma0 ml0 ml5-l w-100 w-60-l mb2">
|
||||||
<i>Offen is currently available in</i> English, German and French.
|
<i>Offen is currently available in</i> English, German <i>and</i> French.
|
||||||
</p>
|
</p>
|
||||||
<p class="ma0 ml0 ml5-l w-100 w-50-l mb5">
|
<p class="ma0 ml0 ml5-l w-100 w-60-l mb4">
|
||||||
<i>Our</i> consent banner and the Auditorium <i>for operators as well as users can be displayed</i> in the respective locale.
|
<i>Our</i> consent banner and the Auditorium <i>for operators as well as users can be displayed</i> in the respective locale.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -534,6 +534,29 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- LOCALIZE B -->
|
||||||
|
<div class="w-100">
|
||||||
|
|
||||||
|
<div class="w-100 hx-localize-b dib cclr-bg-white-fade">
|
||||||
|
<div class="h-100 bg-pattern">
|
||||||
|
|
||||||
|
<div class="wx24-metrics center">
|
||||||
|
<p class="ma0 ml0 pl6-l w-100 w-60-l mt4 mb2">
|
||||||
|
Contributions welcome
|
||||||
|
</p>
|
||||||
|
<p class="ma0 ml0 pl6-l w-100 w-60-l mb2">
|
||||||
|
<i>Support fair web analytics by contributing Spanish, Portuguese and other language versions. Feel free to <a class="b link dim gray" href="mailto:hioffen@posteo.de">request an invitation</a> to our translation workflow.</i>
|
||||||
|
</p>
|
||||||
|
<p class="ma0 ml0 pl6-l w-100 w-60-l mb5">
|
||||||
|
<i>You are invited to collaborate on other areas of the application as well. Check out our in-depth <a class="b link dim gray" href="https://docs.offen.dev/developing-offen/" rel="noopener">developer guide.</a></i>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- TABLE -->
|
<!-- TABLE -->
|
||||||
|
Loading…
Reference in New Issue
Block a user