mirror of
https://github.com/offen/website.git
synced 2024-12-23 21:30:22 +01:00
114 lines
4.1 KiB
HTML
114 lines
4.1 KiB
HTML
{% extends "page.html" %}
|
|
|
|
{% block content %}
|
|
<div class="w-100 mt5-ns cclr-mid-yellow">
|
|
<div class="mw8 center" id="bg-intro">
|
|
<div class="flex justify-center pt6-ns pt5 ph4">
|
|
<div class="dn db-ns w-20 tr pr3 pb3">
|
|
<img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="58" height="63">
|
|
</div>
|
|
<div class="w-100 w-80-ns">
|
|
<div class="flex">
|
|
<div class="db dn-ns intro-margin-a mb2 mr2">
|
|
<img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="40" height="43">
|
|
</div>
|
|
<h1 class="f1-ns f2 normal lh-solid ma0 mb1 intro-margin-b white">
|
|
Offen
|
|
</h1>
|
|
</div>
|
|
<h1 class="f1-ns f2 normal lh-solid ma0 mb3">
|
|
Transparent <span>web analytics</span>
|
|
</h1>
|
|
<p class="ma0 mb4">
|
|
Offen is an open source analytics software for websites <span>and web applications. It allows respectful handling of data </span> <span>for operators and users.</span>
|
|
</p>
|
|
<div class="pb6">
|
|
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="#" rel="noopener" target="_blank">Start now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-100 cclr-mid-mint">
|
|
<div class="pt3 pb6 ph3" id="bg-feature">
|
|
<div class="mw8 center">
|
|
<div class="flex flex-wrap justify-around">
|
|
<div class="w55 mh3 pt5 tc">
|
|
<h2 class="f25 normal lh-solid ma0 mb3">
|
|
<em>Free & Open</em>
|
|
</h2>
|
|
<p class="ma0">
|
|
Anyone can audit our open source code to verify it works as intended. Offen will always be available for free.
|
|
</p>
|
|
</div>
|
|
<div class="w55 mh3 pt5 tc">
|
|
<h2 class="f25 normal lh-solid ma0 mb3">
|
|
<em>Fair & Secure</em>
|
|
</h2>
|
|
<p class="ma0">
|
|
Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end.
|
|
</p>
|
|
</div>
|
|
<div class="w55 mh3 pt5 tc">
|
|
<h2 class="f25 normal lh-solid ma0 mb3">
|
|
<em>Easy to use</em>
|
|
</h2>
|
|
<p class="ma0">
|
|
Simply paste our code into the source of your website. Users can visit the auditorium to access their data.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="w-100 cclr-mid-black white">
|
|
<div class="pt3 pb6 ph4" id="bg-cta-top">
|
|
<div class="flex justify-end mw6 center pt5">
|
|
<div class="w55 tr">
|
|
<h2 class="f25 normal lh-solid ma0 mb3">
|
|
In the making
|
|
</h2>
|
|
<p class="ma0 mb4">
|
|
Offen is still in alpha. Discover what is already up and running and where we want to go in the coming months.
|
|
</p>
|
|
<a class="b link dim ph4 pv2 dib b--solid bw2 b--white white" href="/blog/">Project status</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w-100 bg-white gray">
|
|
<div class="flex flex-wrap justify-center pt5 pb6">
|
|
<div class="mw7 mw8-l center ph5-ns ph3">
|
|
<h2 class="f25 normal lh-solid">Summary</h2>
|
|
<div class="columns mb3">
|
|
{{ page.content }}
|
|
<a class="b link dim ph4 pv2 mt3 dib b--solid bw2 brd-cclr-mid-yellow fnt-cclr-mid-yellow" href="/deep-dive/">Deep dive</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
|
|
{% block outro %}
|
|
<div class="w-100 cclr-mid-yellow">
|
|
<div class="pt3 pb6 ph4" id="bg-outro">
|
|
<div class="flex justify-end mw6 center pt5">
|
|
<div class="w55 tr">
|
|
<h2 class="f25 normal lh-solid ma0 mb3">
|
|
Ethical internet
|
|
</h2>
|
|
<p class="mb4">
|
|
We're working hard to ensure that Offen is independent, cutting-edge and can be sustained for years to come.
|
|
</p>
|
|
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="{{PATREON_URL}}" rel="noopener" target="_blank">Support us</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|