mirror of
https://github.com/offen/website.git
synced 2024-11-22 17:10:29 +01:00
compare operator user 02
This commit is contained in:
parent
2bda101885
commit
1bf44206c6
@ -97,6 +97,7 @@ LAYOUT
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* Custom Tachyons class */
|
/* Custom Tachyons class */
|
||||||
|
/* OLD */
|
||||||
.w55-container,
|
.w55-container,
|
||||||
.w55 {
|
.w55 {
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
@ -112,6 +113,21 @@ LAYOUT
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* NEW */
|
||||||
|
.wx28 {
|
||||||
|
width: 28rem;
|
||||||
|
}
|
||||||
|
.hx24 {
|
||||||
|
height: 24rem;
|
||||||
|
}
|
||||||
|
/* Tachyons breakpoints 30 & 60 */
|
||||||
|
@media only screen and (max-width: 30em) {
|
||||||
|
.wx28 {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* ---------------------------------------------------
|
/* ---------------------------------------------------
|
||||||
TYPO AND LAYOUT ELEMENTS
|
TYPO AND LAYOUT ELEMENTS
|
||||||
----------------------------------------------------*/
|
----------------------------------------------------*/
|
||||||
|
|||||||
3
homepage/theme/static/images/temp.svg
Normal file
3
homepage/theme/static/images/temp.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg width="45" height="45" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="22.5" cy="22.5" r="22.5" fill="#C4C4C4"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 157 B |
@ -78,6 +78,7 @@
|
|||||||
|
|
||||||
<!-- INSIGHTS -->
|
<!-- INSIGHTS -->
|
||||||
<div class="w-100 dib bg-white">
|
<div class="w-100 dib bg-white">
|
||||||
|
<div class="mh4">
|
||||||
<p class="tc f1-ns f2 lh-solid ma0 mt5">
|
<p class="tc f1-ns f2 lh-solid ma0 mt5">
|
||||||
Gain insights in an ethical way
|
Gain insights in an ethical way
|
||||||
</p>
|
</p>
|
||||||
@ -87,6 +88,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -94,49 +96,89 @@
|
|||||||
<div class="w-100">
|
<div class="w-100">
|
||||||
<div class="mw8 center flex flex-wrap justify-center">
|
<div class="mw8 center flex flex-wrap justify-center">
|
||||||
|
|
||||||
|
|
||||||
<div class="w-50-l w-100">
|
<div class="w-50-l w-100">
|
||||||
|
|
||||||
<div class="w-100 dib cclr-bg-yellow-mid">
|
<div class="w-100 dib cclr-bg-yellow-mid">
|
||||||
<p class="ma0 mt6 mb3 mh4">
|
<div class="wx28 center">
|
||||||
temp
|
<p class="f25 lh-solid ma0 mt6 mb3 mh4">
|
||||||
|
Your job
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-100 dib cclr-bg-white-fade">
|
</div>
|
||||||
<p class="ma0 mt4 mb2 mh4">
|
|
||||||
temp
|
<div class="w-100 hx24 dib cclr-bg-white-fade">
|
||||||
</p>
|
<div class="wx28 center">
|
||||||
<p class="ma0 mt4 mb2 mh4">
|
<div class="flex items-center mt4 mh4">
|
||||||
temp
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
</p>
|
<p class="ma0 ml3">
|
||||||
<p class="ma0 mt4 mb2 mh4">
|
Self host Offen and thereby comply with GDPR guidelines.
|
||||||
temp
|
|
||||||
</p>
|
|
||||||
<p class="ma0 mt4 mb2 mh4">
|
|
||||||
temp
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex items-center mt4 mh4">
|
||||||
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
|
<p class="ma0 ml3">
|
||||||
|
Integrate the code snippet into pages you want to track.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mt4 mh4">
|
||||||
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
|
<p class="ma0 ml3">
|
||||||
|
Make your users aware of the access to their data.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mt4 mh4">
|
||||||
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
|
<p class="ma0 ml3">
|
||||||
|
Improve your services with fair and transparent insights.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="w-50-l w-100">
|
<div class="w-50-l w-100">
|
||||||
<div class="w-100 dib h3 bg-white">
|
|
||||||
|
<div class="w-100 dn db-l h3 bg-white">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-100 dib cclr-bg-mint-mid">
|
<div class="w-100 dib cclr-bg-mint-mid">
|
||||||
<p class="ma0 mt4 mb3 mh4">
|
|
||||||
temp
|
<div class="wx28 center">
|
||||||
|
<p class="f25 lh-solid ma0 mt5 mb3 mh4">
|
||||||
|
Benefits for your users
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-100 dib cclr-bg-white-fade">
|
|
||||||
<p class="ma0 mv4 mh4">
|
</div>
|
||||||
temp
|
|
||||||
|
<div class="w-100 hx24 dib cclr-bg-white-fade">
|
||||||
|
<div class="wx28 center">
|
||||||
|
<div class="flex items-center mt4 mh4">
|
||||||
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
|
<p class="ma0 ml3">
|
||||||
|
Opt in to data collection or decide to not participate at all.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mt4 mb2 mh4">
|
||||||
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
|
<p class="ma0 ml3">
|
||||||
|
Review own data with detailed explanations of metrics and terms.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center mt4 mb2 mh4">
|
||||||
|
<img src="/theme/images/temp.svg" alt="temp" width="45" height="45">
|
||||||
|
<p class="ma0 ml3">
|
||||||
|
Delete only usage data or opt out completly at any time.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user