offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-10-18 12:10:25 +02:00
Code Issues Projects Releases Wiki Activity

extend localize section

Browse Source
This commit is contained in:
Hendrik Niefeld 2021-04-08 22:54:16 +02:00
parent 34af3e56e0
commit 065853aac7
2 changed files with 47 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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;

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

@ -504,17 +504,17 @@
</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="relative">
<div class="h-100 bg-pattern"> <div class="absolute bg-localize">
<img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
</div>
</div>
<div class="relative"> <div class="w-100 hx-localize-a dib cclr-bg-white-fade">
<div class="absolute bg-localize"> <div class="h-100 bg-pattern">
<img src="/theme/images/gfx-localize.png" alt="smile" width="300px" height="150px">
</div>
</div>
<div class="wx24-metrics center"> <div class="wx24-metrics center">
@ -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 -->