offen/website
2
0
Fork 0
mirror of https://github.com/offen/website.git synced 2024-10-18 20:20:24 +02:00
Code Issues Projects Releases Wiki Activity

update index, sm image

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
homepage/content/articles/0030-milestone-2.md
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 ### 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. 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? ### 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 ### 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. 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.

3
homepage/content/pages/get-started.md
View File

@ -1,4 +1,5 @@
title: Get started | Offen 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 slug: get-started
template: getstarted template: getstarted
sitemap_priority: 0.8

2
homepage/pelicanconf.py
View File

@ -70,5 +70,7 @@ GPG_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc'
PATREON_URL = 'https://www.patreon.com/offen' PATREON_URL = 'https://www.patreon.com/offen'
LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen' LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen'
TWITTER_URL = 'https://twitter.com/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) OFFEN_ACCOUNT_ID = os.environ.get('OFFEN_ACCOUNT_ID', None)

4
homepage/theme/static/css/fix.css
View File

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

BIN
homepage/theme/static/images/offen-logo-social-media.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 30 KiB

14
homepage/theme/templates/getstarted.html
View File

@ -3,9 +3,9 @@
{% set is_getstarted = 'true' %} {% set is_getstarted = 'true' %}
{% block content %} {% 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="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"> <div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
<em>Our alpha release</em> <em>Our alpha release</em>
@ -18,17 +18,17 @@
<p class="tc lh-title tracked-min ma0 mt3-ns mb2 white"> <p class="tc lh-title tracked-min ma0 mt3-ns mb2 white">
Single binary file for <br>Linux, Windows or MacOS Single binary file for <br>Linux, Windows or MacOS
</p> </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"> <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>
</div> </div>
</div> </div>
<div class="w-100 cclr-mid-yellow"> <div class="w-100" id="bg-outro">
<div class="pv5 ph4"> <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"> <div class="w-100 w-60-ns">
<h2 class="f25 normal tc tl-ns ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
<em class="em-extra"> <em class="em-extra">
@ -43,7 +43,7 @@
<p class="tc lh-title tracked-min ma0 mt3-ns mb2 white"> <p class="tc lh-title tracked-min ma0 mt3-ns mb2 white">
Details on how to run, use <br>and develop Offen Details on how to run, use <br>and develop Offen
</p> </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> </div>
</div> </div>

60
homepage/theme/templates/index.html
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> 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> </p>
<div class="pb6"> <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> </div>
</div> </div>
@ -34,7 +34,7 @@
<div class="pt3 pb6 ph3" id="bg-feature"> <div class="pt3 pb6 ph3" id="bg-feature">
<div class="mw8 center"> <div class="mw8 center">
<div class="flex flex-wrap justify-around"> <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"> <h2 class="f25 normal lh-solid ma0 mb3">
<em>Free & Open</em> <em>Free & Open</em>
</h2> </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. Anyone can audit our open source code to verify it works as intended. Offen will always be available for free.
</p> </p>
</div> </div>
<div class="w55 mh3 pt5 tc"> <div class="w55 mh3 mt5 tc cclr-mid-mint">
<h2 class="f25 normal lh-solid ma0 mb3"> <h2 class="f25 normal lh-solid ma0 mb3">
<em>Fair & Secure</em> <em>Fair & Secure</em>
</h2> </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. Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end.
</p> </p>
</div> </div>
<div class="w55 mh3 pt5 tc"> <div class="w55 mh3 mt5 tc cclr-mid-mint">
<h2 class="f25 normal lh-solid ma0 mb3"> <h2 class="f25 normal lh-solid ma0 mb3">
<em>Easy to use</em> <em>Easy to use</em>
</h2> </h2>
@ -95,19 +95,49 @@
{% block outro %} {% block outro %}
<div class="w-100 cclr-mid-yellow"> <div class="w-100" id="bg-feature">
<div class="pt3 pb6 ph4" id="bg-outro"> <div class="pv5 ph4">
<div class="flex justify-end mw6 center pt5"> <div class="mw8 center flex flex-column flex-row-ns mb5 cclr-mid-mint">
<div class="w55 tr"> <div class="w-100 w-60-ns">
<h2 class="f25 normal lh-solid ma0 mb3"> <h2 class="f25 normal tc tl-ns ma0 mb3">
Ethical internet <em>Our alpha release</em>
</h2> </h2>
<p class="mb4"> <p class="ma0 mb3 tc tl-ns">
We're working hard to ensure that Offen is independent, cutting-edge and can be sustained for years to come. Offen is in active development. Do something brave and test our very first alpha release today. It’s free and always will be.
</p> </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>
</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>
</div>
{% endblock %} {% endblock %}