2
0
mirror of https://github.com/offen/website.git synced 2024-12-23 05:20:21 +01:00

finalize page

This commit is contained in:
Hendrik Niefeld 2022-05-05 14:50:34 +02:00
parent ffec7c8df3
commit ae7002cb53
11 changed files with 77 additions and 20 deletions

View File

@ -1,5 +1,5 @@
title: A truly privacy focused Matomo alternative | Offen
description: #
description: There is room for improvement with Matomos decisions regarding privacy.
slug: matomo-alternative
template: lp-matomo
sitemap_priority: 0.1

View File

@ -110,5 +110,7 @@ DOCS_GETSTARTED_URL = 'https://docs.offen.dev/running-offen/'
DOCS_GETSTARTED_URL_CAMPAIGN = 'https://docs.offen.dev/running-offen/?utm_campaign=get-started'
DOCS_TRYDEMO_URL = 'https://docs.offen.dev/running-offen/test-drive/'
DOCS_TRYDEMO_URL_CAMPAIGN = 'https://docs.offen.dev/running-offen/test-drive/?utm_campaign=try-demo'
LP_MATOMO_URL_TRY = ''
LP_MATOMO_URL_DOWNLOAD = ''
OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None)

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 182 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 259 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 325 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

View File

@ -10,7 +10,7 @@
{% block content %}
<div class="mw8 center cclr-bg-white-responsive mt5-ns">
<div class="dib gray bg-white ph3 ph5-ns pt5">
<h1 class="f2 normal lh-title ma0 mt3 mb3">
<h1 class="f2 normal lh-title ma0 mb3">
Fair Analytics Blog
</h1>
<div class="w-75-l">

View File

@ -7,7 +7,7 @@
<div class="w-100 center tc">
<h1 class="f2 normal ma0 mt3 mb4">
<h1 class="f2 normal ma0 mb4">
Get started
</h1>
<div class="gray tl">

View File

@ -5,14 +5,36 @@
<div class="w-100 mt5-ns cclr-bg-white-fade-end">
<div class="mw8 center bg-white">
<div class="flex justify-center pt3 ph4">
<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 mt4 mb6">
<h1 class="f2 normal ma0 mb3">
<div class="flex flex-column mt3">
<h1 class="f3 f2-m f2-l normal lh-title ma0">
A truly privacy focused <span>Matomo alternative</span>
</h1>
<ul class="w-100 w-80-ns list pa0 ma0 mb4">
</div>
</div>
</div>
</div>
<div class="mw8 center bg-white">
<div class="flex justify-center ph0 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 bg-white">
<div class="flex justify-center pt0 pt3-m pt3-l pb5 ph4">
<div class="w-100 w-80-m w-60-l">
<ul class="w-100 w-80-l list pa0 ma0 mb2 mb4-m mb4-l">
<li class="mb2">
Users actively give their consent <i>to collection of data.</i>
</li>
@ -25,14 +47,13 @@
</ul>
<div class="flex flex-wrap justify-between">
<p class="f3 normal ma0 mt2 mb2 mb0-ns">
Switch today!
<em>Switch today!</em>
</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>
@ -43,10 +64,10 @@
<div class="w-100 w-80-m w-60-l mb3">
<p class="gray ma0 mb2">
Room for improvement
Why an alternative?
</p>
<h2 class="f3 normal ma0 mb2">
There are some concerns with Matomos decisions regarding privacy.
<h2 class="f3 normal lh-title ma0 mb3">
There is room for improvement with Matomos decisions regarding privacy.
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
<li class="mb2">
@ -57,7 +78,7 @@
</li>
</ul>
<h2 class="f3 normal ma0 mb2">
<h2 class="f3 normal lh-title ma0 mb3">
The installation and daily operation of Matomo is quite complex.
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
@ -80,8 +101,8 @@
<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 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">
@ -99,16 +120,21 @@
</div>
</div>
<div class="mw8 center cclr-bg-white-dark">
<div class="flex justify-center pt5 ph4">
<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">
Make a difference
</p>
<h2 class="f3 normal ma0 mb2">
Run your own free and lightweight web analytics.
<h2 class="f3 normal lh-title ma0 mb3">
<em>Run your own free and lightweight web analytics.</em>
</h2>
<ul class="w-100 w-80-ns pa0 pl3 ma0">
<li class="mb2">

View File

@ -7,7 +7,7 @@
<div class="w-100 center">
<h1 class="f2 normal tc ma0 mt3 mb4">
<h1 class="f2 normal tc ma0 mb4">
Try demo
</h1>
<div class="gray">