2
0
mirror of https://github.com/offen/website.git synced 2024-11-22 09:00:28 +01:00

update index, sm image

This commit is contained in:
Hendrik Niefeld 2020-02-02 20:28:36 +01:00
parent 33f0677148
commit 4fe1ec27c9
7 changed files with 58 additions and 29 deletions

View File

@ -33,10 +33,10 @@ The current state of *Offen runs on this domain.* You should have noticed our co
### Testdrive on your system
Whether you are a developer that want to contribute or a website operator that wants to test Offen. Have a demo up and running in no time on your local machine. Download and install a single binary file on Linux, Windows or MacOS.
[Download demo](https://github.com/offen/offen/releases/download/v0.1.0-alpha.1/offen-v0.1.0-alpha.1.tar.gz){: target="_blank" data-button="yellow"}
[Download demo](https://github.com/offen/offen/releases/download/v0.1.0-alpha.2/offen-v0.1.0-alpha.2.tar.gz){: data-button="yellow"}
### Feeling adventurous?
Offen is under active development but with the introduction of the user consent banner has become usable for the general public. If you are brave enough you can use our [very first alpha release](https://github.com/offen/offen/releases/tag/v0.1.0-alpha.1){: target="_blank"} in a production environment.
Offen is under active development but with the introduction of the user consent banner has become usable for the general public. If you are brave enough you can use our [very first alpha release](https://github.com/offen/offen/releases/tag/v0.1.0-alpha.2){: target="_blank"} in a production environment.
### We need to talk about Safari
Currently, the way we store encryption keys securely on the client side does not work in Apple's Safari browser. Fortunately, our improved opt-in flow will allow us to resume Safari support in milestone 3. Please bear with us until then.

View File

@ -1,4 +1,5 @@
title: Get started | Offen
description: temp
description: Want to collect usage statistics transparently? Like to contribute as a developer? Download our latest release and learn how to run, use and develop Open.
slug: get-started
template: getstarted
sitemap_priority: 0.8

View File

@ -70,5 +70,7 @@ GPG_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc'
PATREON_URL = 'https://www.patreon.com/offen'
LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen'
TWITTER_URL = 'https://twitter.com/hioffen'
RELEASE_URL = 'https://github.com/offen/offen/releases/tag/v0.1.0-alpha.2'
RELEASE_DIRECT_URL = 'https://github.com/offen/offen/releases/download/v0.1.0-alpha.2/offen-v0.1.0-alpha.2.tar.gz'
OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None)

View File

@ -75,10 +75,6 @@ LAYOUT
width: 100%;
}
}
.get-started {
}
/* ---------------------------------------------------

Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View File

@ -3,9 +3,9 @@
{% set is_getstarted = 'true' %}
{% block content %}
<div class="w-100 mt5-ns cclr-mid-mint">
<div class="w-100 mt5-ns" id="bg-feature">
<div class="pv5 ph4">
<div class="mw8 center flex flex-column flex-row-ns">
<div class="mw8 center flex flex-column flex-row-ns mb5 cclr-mid-mint">
<div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3">
<em>Our alpha release</em>
@ -18,17 +18,17 @@
<p class="tc lh-title tracked-min ma0 mt3-ns mb2 white">
Single binary file for <br>Linux, Windows or MacOS
</p>
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb2 fnt-cclr-mid-black" href="#" rel="noopener">Download</a>
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb2 fnt-cclr-mid-black" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</a>
<div class="tc">
<a class="w-100 tracked-min b link dim mb3 fnt-cclr-mint-bright" href="#" rel="noopener">Open GitHub release page</a>
<a class="w-100 tracked-min b link dim mb3 fnt-cclr-mint-bright" href="{{ RELEASE_URL }}" rel="noopener" target="_blank">Open GitHub release page</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-100 cclr-mid-yellow">
<div class="w-100" id="bg-outro">
<div class="pv5 ph4">
<div class="mw8 center flex flex-column flex-row-ns mb3">
<div class="mw8 center flex flex-column flex-row-ns mb3 mb5 cclr-mid-yellow">
<div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3">
<em class="em-extra">
@ -43,7 +43,7 @@
<p class="tc lh-title tracked-min ma0 mt3-ns mb2 white">
Details on how to run, use <br>and develop Offen
</p>
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb3 fnt-cclr-mid-black" href="#" rel="noopener">Open guides</a>
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb3 fnt-cclr-mid-black" href="https://docs.offen.dev/" rel="noopener" target="_blank">Open guides</a>
</div>
</div>
</div>

View File

@ -23,7 +23,7 @@
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>
<a class="b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href="/get-started/" rel="noopener">Start now</a>
</div>
</div>
</div>
@ -34,7 +34,7 @@
<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">
<div class="w55 mh3 mt5 tc cclr-mid-mint">
<h2 class="f25 normal lh-solid ma0 mb3">
<em>Free & Open</em>
</h2>
@ -42,7 +42,7 @@
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">
<div class="w55 mh3 mt5 tc cclr-mid-mint">
<h2 class="f25 normal lh-solid ma0 mb3">
<em>Fair & Secure</em>
</h2>
@ -50,7 +50,7 @@
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">
<div class="w55 mh3 mt5 tc cclr-mid-mint">
<h2 class="f25 normal lh-solid ma0 mb3">
<em>Easy to use</em>
</h2>
@ -95,17 +95,47 @@
{% 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
<div class="w-100" id="bg-feature">
<div class="pv5 ph4">
<div class="mw8 center flex flex-column flex-row-ns mb5 cclr-mid-mint">
<div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3">
<em>Our alpha release</em>
</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 class="ma0 mb3 tc tl-ns">
Offen is in active development. Do something brave and test our very first alpha release today. Its free and always will be.
</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 class="w-100 w-40-ns ml4-m ml6-l">
<p class="tc lh-title tracked-min ma0 mt3-ns mb2 white">
Single binary file for <br>Linux, Windows or MacOS
</p>
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb2 fnt-cclr-mid-black" href="{{ RELEASE_DIRECT_URL }}" rel="noopener">Download</a>
<div class="tc">
<a class="w-100 tracked-min b link dim mb3 fnt-cclr-mint-bright" href="{{ RELEASE_URL }}" rel="noopener" target="_blank">Open GitHub release page</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-100" id="bg-outro">
<div class="pv5 ph4">
<div class="mw8 center flex flex-column flex-row-ns mb3 mb5 cclr-mid-yellow">
<div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3">
<em class="em-extra">
Get started now
</em>
</h2>
<p class="ma0 mb3 tc tl-ns">
Running a website and need to collect usage statistics? Want to contribute as a developer? Our guides will help you kick off.
</p>
</div>
<div class="w-100 w-40-ns ml4-m ml6-l">
<p class="tc lh-title tracked-min ma0 mt3-ns mb2 white">
Details on how to run, use <br>and develop Offen
</p>
<a class="w-100 tc b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black mb3 fnt-cclr-mid-black" href="https://docs.offen.dev/" rel="noopener" target="_blank">Open guides</a>
</div>
</div>
</div>