2
0
mirror of https://github.com/offen/website.git synced 2024-10-18 12:10:25 +02:00

typo tweaks

This commit is contained in:
Hendrik Niefeld 2022-04-28 15:46:10 +02:00
parent 346fa52f7e
commit ffec7c8df3
2 changed files with 122 additions and 35 deletions

View File

@ -56,6 +56,9 @@ COLORS
.cclr-bg-white-dark { .cclr-bg-white-dark {
background-color: #f9f7f2; background-color: #f9f7f2;
} }
.cclr-bg-white-semi-dark {
background-color: #fffdf9;
}
.cclr-bg-white-fade { .cclr-bg-white-fade {
background: linear-gradient(218.39deg, #FFFFFF 1.47%, rgba(255, 255, 255, 0) 98.24%), #F3F0E7; background: linear-gradient(218.39deg, #FFFFFF 1.47%, rgba(255, 255, 255, 0) 98.24%), #F3F0E7;
} }

View File

@ -2,49 +2,133 @@
{% set funnel = True %} {% set funnel = True %}
{% block content %} {% block content %}
<div class="w-100 mt5-ns cclr-bg-white-dark"> <div class="w-100 mt5-ns cclr-bg-white-fade-end">
<div class="mw8 center gray bg-white">
<div class="mw8 center bg-white">
<div class="flex justify-center pt3 ph4"> <div class="flex justify-center pt3 ph4">
<div class="w-100 w-80-m w-60-l">
<div class="w-100 w-80-m w-60-l flex flex-column"> <div class="flex flex-column mt4 mb6">
<h1 class="f2 normal ma0 mb3">
A truly privacy focused <span>Matomo alternative</span>
<h1 class="f3 normal ma0 mb3"> </h1>
A truly privacy focused Matomo alternative. <ul class="w-100 w-80-ns list pa0 ma0 mb4">
</h1> <li class="mb2">
Users actively give their consent <i>to collection of data.</i>
<ul class="list pa0 ma0 mb3"> </li>
<li class="mb2"> <li class="mb2">
Users actively give their consent to data collection. <i>They can delete it or </i>opt out at any time with full data access.
</li> </li>
<li class="mb2"> <li>
They can delete it or opt out at any time with full data access. <i>Offen is open source, lightweight, </i>self hosted and free.
</li> </li >
<li> </ul>
Offen is open source, lightweight, self hosted and free. <div class="flex flex-wrap justify-between">
</li > <p class="f3 normal ma0 mt2 mb2 mb0-ns">
</ul> Switch today!
</p>
<div class="flex flex-wrap tc">
<a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid mr0 mr2-ns mb2 mb0-ns" href="/try-demo/" rel="noopener">Try demo</a>
<div class="flex flex-wrap justify-between"> <a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid white cclr-bg-black-mid" href="/get-started/" rel="noopener">Get started</a>
<p class="f3 normal ma0"> </div>
Switch today!
</p>
<div class="flex flex-wrap tc">
<a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid mr0 mr2-ns" href="/try-demo/" rel="noopener">Try demo</a>
<a class="w-100 w-auto-ns b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid white cclr-bg-black-mid" href="/get-started/" rel="noopener">Get started</a>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="mw8 center cclr-bg-white-dark">
<div class="flex justify-center pt5 ph4">
<div class="w-100 w-80-m w-60-l mb3">
<p class="gray ma0 mb2">
Room for improvement
</p>
<h2 class="f3 normal ma0 mb2">
There are some concerns with Matomos decisions regarding privacy.
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
<li class="mb2">
Consent is practically a preset. <i>By default, Matomo only offers an opt-out feature.</i>
</li>
<li class="mb3">
<i>Access to usage data is </i>not automated and tedious.
</li>
</ul>
<h2 class="f3 normal ma0 mb2">
The installation and daily operation of Matomo is quite complex.
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
<li class="mb2">
Many system dependencies <i>have to be pre-installed.</i>
</li>
<li class="mb5">
<i>The tracking script used is very extensive and </i>delays the loading of pages.
</li>
</ul>
</div>
</div>
</div>
<div class="mw8 center cclr-bg-white-semi-dark">
<div class="flex justify-center pt5 ph4">
<div class="w-100 w-80-m w-60-l mb3">
<p class="gray ma0 mb2">
Balanced between operator and user
</p>
<h2 class="f3 normal ma0 mb2">
Offen is a web analytics tool that treats operators and users as equal parties.
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
<li class="mb2">
<i>Offen's default is to </i>NOT collect any data. <i>Usage data is collected after </i>opt-in only.
</li>
<li class="mb2">
<i>Users have </i>full access to their data. <i>They can delete it any time or opt out completely.</i>
</li>
<li class="mb5">
<i>With all essential metrics you can </i>gain valuable insights in an ethical way.
</li>
</ul>
</div>
</div>
</div>
<div class="mw8 center cclr-bg-white-dark">
<div class="flex justify-center pt5 ph4">
<div class="w-100 w-80-m w-60-l mb5">
<p class="gray ma0 mb2">
Make a difference
</p>
<h2 class="f3 normal ma0 mb2">
Run your own free and lightweight web analytics.
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
<li class="mb2">
<i>Offen is fully open source and will </i>always be available for free. <i>No “Pro Plans” lurking.</i>
</li>
<li class="mb2">
<i>You self host and </i>dont transfer any data <i>to third parties.</i>
</li>
<li class="mb2">
The installation is relatively simple <i>and the tracking script is reduced to a minimum.</i>
</li>
<li class="mb5">
Detailed documentation <i>assists with the installation and daily operation.</i>
</li>
</ul>
</div>
</div>
</div>
</div> </div>
{% endblock %} {% endblock %}