mirror of
https://github.com/offen/website.git
synced 2024-11-25 10:10:28 +01:00
add user access lp
This commit is contained in:
parent
c44840eb92
commit
9d9ab51e60
5
homepage/content/pages/lp-access.md
Normal file
5
homepage/content/pages/lp-access.md
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
title: Let your users access their data. | Offen
|
||||||
|
description: A fair web analytics tool that treats operators and users as equal parties.
|
||||||
|
slug: user-data-access
|
||||||
|
template: lp-access
|
||||||
|
sitemap_priority: 0.1
|
||||||
135
homepage/theme/templates/lp-access.html
Normal file
135
homepage/theme/templates/lp-access.html
Normal file
@ -0,0 +1,135 @@
|
|||||||
|
{% extends "page.html" %}
|
||||||
|
{% set funnel = True %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
<div class="w-100 mt5-ns cclr-bg-white-fade-end">
|
||||||
|
|
||||||
|
<div class="mw8 center bg-white">
|
||||||
|
<div class="flex justify-center pt0 pt3-m pt3-l ph4">
|
||||||
|
<div class="w-100 w-80-m w-60-l">
|
||||||
|
|
||||||
|
<div class="flex flex-column mt3">
|
||||||
|
<h1 class="f3 f2-m f2-l normal lh-title ma0 mb3">
|
||||||
|
Fair web analytics
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="w-100 w-70-ns list pa0 ma0 mb2 mb4-m mb4-l">
|
||||||
|
<li class="mb2">
|
||||||
|
Your users <i>actively give their consent and </i>have full access to their data.
|
||||||
|
</li>
|
||||||
|
<li class="mb2">
|
||||||
|
<i>You comply with GDPR guidelines and </i>gain valuable insights at the same time.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
Offen <i>is open source, lightweight, self hosted and </i>will always be available for free.
|
||||||
|
</li >
|
||||||
|
</ul>
|
||||||
|
<div class="flex flex-wrap justify-between">
|
||||||
|
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
|
||||||
|
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>
|
||||||
|
<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 class="mw8 center bg-white">
|
||||||
|
<div class="flex justify-center ph0 pv4 ph4-m ph4-l">
|
||||||
|
<div class="w-100 w-80-m w-60-l">
|
||||||
|
|
||||||
|
<div class="flex justify-center">
|
||||||
|
<img src="/theme/images/gfx-matomo-lp.png" width="513" alt="Matomo alternative">
|
||||||
|
</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">
|
||||||
|
Balanced between operator and user
|
||||||
|
</p>
|
||||||
|
<h2 class="f3 normal lh-title ma0 mb3">
|
||||||
|
<em>Offen is a web analytics tool that treats operators and users as equal parties.</em>
|
||||||
|
</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">
|
||||||
|
Your users can access and delete their data any time <i>or opt out completely.</i>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<i>All the essential metrics help you to </i>improve your service in an ethical way.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mw8 center cclr-bg-white-dark">
|
||||||
|
|
||||||
|
<div class="flex justify-center pt2 ph2 ph4-m ph4-l">
|
||||||
|
<img src="/theme/images/gfx-matomo-lp-metrics.png" alt="Offen metrics" class="w-100 dn dib-l">
|
||||||
|
<img src="/theme/images/gfx-matomo-lp-metrics-mobile.png" alt="Offen metrics" class="w-100 dib dn-l">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-center pt2 ph4">
|
||||||
|
<div class="w-100 w-80-m w-60-l mb5">
|
||||||
|
|
||||||
|
<p class="gray ma0 mb2">
|
||||||
|
It's time to change.
|
||||||
|
</p>
|
||||||
|
<h2 class="f3 normal lh-title ma0 mb3">
|
||||||
|
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>don’t 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="ma0">
|
||||||
|
Detailed documentation <i>assists with the installation and daily operation.</i>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mw8 center bg-white">
|
||||||
|
<div class="flex justify-center pv5 ph4">
|
||||||
|
<div class="w-100 w-80-m w-60-l">
|
||||||
|
|
||||||
|
<div class="flex flex-wrap justify-between mb3">
|
||||||
|
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
|
||||||
|
Make a difference.
|
||||||
|
</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>
|
||||||
|
<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>
|
||||||
|
|
||||||
|
{% endblock %}
|
||||||
@ -27,7 +27,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
<div class="flex flex-wrap justify-between">
|
<div class="flex flex-wrap justify-between">
|
||||||
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
|
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
|
||||||
<em>Switch today!</em>
|
Switch today!
|
||||||
</p>
|
</p>
|
||||||
<div class="flex flex-wrap tc">
|
<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>
|
<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>
|
||||||
@ -123,7 +123,7 @@
|
|||||||
<div class="w-100 w-80-m w-60-l mb5">
|
<div class="w-100 w-80-m w-60-l mb5">
|
||||||
|
|
||||||
<p class="gray ma0 mb2">
|
<p class="gray ma0 mb2">
|
||||||
Make a difference
|
It's time to change.
|
||||||
</p>
|
</p>
|
||||||
<h2 class="f3 normal lh-title ma0 mb3">
|
<h2 class="f3 normal lh-title ma0 mb3">
|
||||||
<em>Run your own free and lightweight web analytics.</em>
|
<em>Run your own free and lightweight web analytics.</em>
|
||||||
@ -153,7 +153,7 @@
|
|||||||
|
|
||||||
<div class="flex flex-wrap justify-between mb3">
|
<div class="flex flex-wrap justify-between mb3">
|
||||||
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
|
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
|
||||||
Switch today!
|
Make a difference.
|
||||||
</p>
|
</p>
|
||||||
<div class="flex flex-wrap tc">
|
<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>
|
<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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user