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

add contribution deko

Browse Source
This commit is contained in:
Hendrik Niefeld 2021-04-09 09:47:26 +02:00
parent 74e7b78a4b
commit d6b8b5c2af
3 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -480,10 +480,15 @@ STACKING IMAGES
} }
.bg-localize { .bg-localize {
top: -2.2rem; top: -2.2rem;
left: 8rem; left: calc(100% - 16rem);
width: 220px; width: 220px;
z-index : 560; z-index : 560;
} }
.bg-localize-marker {
top: 2rem;
left: -1.8rem;
z-index : 561;
}
.bg-cta-pfeil { .bg-cta-pfeil {
top: -13rem; top: -13rem;
left: 66%; left: 66%;
@ -508,6 +513,10 @@ STACKING IMAGES
.bg-localize { .bg-localize {
left: calc(100% - 22rem); left: calc(100% - 22rem);
} }
.bg-localize-marker {
top: 1rem;
left: -2rem;
}
.bg-cta-pfeil { .bg-cta-pfeil {
top: -14rem; top: -14rem;
left: 72%; left: 72%;
@ -529,6 +538,10 @@ STACKING IMAGES
left: 43rem; left: 43rem;
width: 300px; width: 300px;
} }
.bg-localize-marker {
top: -0.5rem;
left: 4rem;
}
.bg-cta-pfeil { .bg-cta-pfeil {
top: -12rem; top: -12rem;
left: 66%; left: 66%;

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

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

@ -509,7 +509,7 @@
<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"> <img src="/theme/images/gfx-localize.png" alt="languages" width="300px">
</div> </div>
</div> </div>
@ -542,14 +542,19 @@
<div class="h-100 bg-pattern"> <div class="h-100 bg-pattern">
<div class="wx24-metrics center"> <div class="wx24-metrics center">
<p class="ma0 ml0 pl6-l w-100 w-60-l mt4 mb2"> <div class="relative">
<div class="absolute bg-localize-marker">
<img src="/theme/images/gfx-localize-marker.png" alt="marker" width="50px">
</div>
</div>
<p class="ma0 ml0 pl4 pl6-l w-100 w-60-l mt4 mb2">
Contributions welcome Contributions welcome
</p> </p>
<p class="ma0 ml0 pl6-l w-100 w-60-l mb2"> <p class="ma0 ml0 pl4 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> <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>
<p class="ma0 ml0 pl6-l w-100 w-60-l mb5"> <p class="ma0 ml0 pl4 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> <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/" target="_blank" rel="noopener">developer guide.</a></i>
</p> </p>
</div> </div>