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

Merge pull request #222 from offen/update_24-05-27

Browse Source 
Update 24 05 27
This commit is contained in:
Hendrik Niefeld 2024-07-03 10:35:25 +02:00 committed by GitHub
commit b84040c288
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 108 additions and 184 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
homepage/content/articles/0250-reach-maturity.md Normal file
View File

@ -0,0 +1,82 @@
title: Reach maturity
description: An outline of how we intend to proceed with the individual Offen components.
date: 2024-07-03
slug: reach-maturity
url: /blog/reach-maturity/
sitemap_priority: 0.6
image_url: /theme/images/offen-blog-0250-reach-maturity.jpg
author: Hendrik Niefeld
bottom_cta: cookie
# Episode Fourteen — Reach maturity
Hii. Long time no read. How are things? After a hiatus of one and a half years, here is the last update on this blog for the time being.
Since our last post we have made it possible to override the default language, added support for reading all configuration values from files/secret, dropped the browser extension and left Twitter.
As usual, some minor bugs have been fixed and the dependencies updated. We have published these new versions:
- [v1.3.4](https://github.com/offen/offen/releases/tag/v1.3.4)
- [v1.4.0](https://github.com/offen/offen/releases/tag/v1.4.0)
- [v1.4.1](https://github.com/offen/offen/releases/tag/v1.4.1)
- [v1.4.2](https://github.com/offen/offen/releases/tag/v1.4.2)
Download the latest release from [https://get.offen.dev](https://get.offen.dev/) or pull it from Docker Hub.
---
### Maturity
Offen Fair Web Analytics has always been intended as a fair, self-hosted alternative to common web analytics tools. From the very beginning, we had a rather lightweight and minimalist approach, not least due to our strict concept of privacy on the web.
In 2019, we started working on the core analytics tool and have added more tools like the Offen Protocol and Offen Consent Tool over the years. We were generously supported in this project by [NLNet Foundation](https://nlnet.nl/) as part of its [Next Generation Internet](https://nlnet.nl/NGI/) initiative. Among other things, they really helped us to refine and further develop our ideas.
Now, in summer of 2024, all Offen tools have reached maturity. This is good news because we are more convinced than ever they make the web a better place. Here is an outline of how we intend to proceed with the individual components.
#### *[Offen Fair Web Analytics](https://www.offen.dev/#bg-explainer)*
As of summer 2024, OFWA is no longer in active development but is still being maintained until further notice. You can [test drive](https://www.offen.dev/try-demo/) it on your system today. Everything you need to use Offen Fair Web Analytics in production is [available here.](https://www.offen.dev/get-started/) News about upcoming releases will be available via the [Offen GitHub repo](https://github.com/offen/offen) or on our [Mastodon profile.](https://fosstodon.org/@offen)
As we continue to see a lot of interest and keep hearing about new installations, we are still looking for new language versions. If you want to support fair web analytics by contributing Italian, Dutch, Polish or any other language version, don't hesitate to [request an invite.](mailto:hioffen@posteo.de)
#### *[Offen Docs](https://docs.offen.dev/)*
Our documentation website is still being maintained and will remain online until further notice.
#### *[Offen Protocol](https://offen.github.io/protocol/)* and *[Offen Consent Tool](https://www.offen.dev/blog/consent-tool/#consent-tool)*
Our consent tool is still available to the public but is no longer in active development. Our protocol is still open to the interested community.
If you have any questions about implementation or ideas for further development, do not hesitate to send us an email at [hioffen@posteo.de.](mailto:hioffen@posteo.de)
#### *[Offen Browser Extension](https://addons.mozilla.org/en-US/firefox/addon/offen-instant-access/)*
Since it is too time-consuming for us to keep up with the pace of browser extension development, it seemed only honest to us to stop developing and distributing the extension. Still, all published versions remain available.
#### *[offen.dev website](https://www.offen.dev/)* and *[Fair Analytics Blog](https://www.offen.dev/blog/)*
This blog post also marks the end of our contributions to the blog and whole website. All content will remain online until further notice.
#### *[analytics.txt](https://www.analyticstxt.org/)*
Our proposed standard to allow websites and services to disclose information about their use of analytics software and user tracking is still relevant. The [draft](https://datatracker.ietf.org/doc/draft-ring-analyticstxt/) will therefore remain online as we are always happy to receive feedback and helpful remarks on our idea. Send us an email at [hioffen@posteo.de.](mailto:hioffen@posteo.de)
---
### Keep in touch
Are you recently discovered Offen Fair Web Analytics or using it for some time? We're happy to feature you in this [README.](https://github.com/offen/offen/blob/development/README.md) Send a PR adding your site or app to this section.
And as we will continue to maintain OFWA we definitely need your continued support. Test and install it and share your experience with us. If you have feedback, comments or bug reports let us know and open an [issue.](https://github.com/offen/offen/issues)
---
### offen.software
Now some may be wondering what comes after Offen Fair Web Analytics for us.
In a nutshell, we want to continue to support change-makers by providing them with independent, fair and customized software that meets the highest standards of transparency, integrity and data protection.
That is why we have a [new presence as a development outfit.](https://www.offen.software/)
Based in Berlin, we're a small, reliable and well-rehearsed team of seniors that can take care of your software project from initial brainstorming to going live. Working fully open source, we value simple, resilient and accessible tools that are effortless to run and everyone can use, reuse and benefit from. 🙂 [Book a call.](https://cal.com/offen-software/30min?user=offen-software)

17
homepage/content/pages/about.md
View File

@ -6,7 +6,7 @@ sitemap_priority: 0.3
# About
Hi, we are [Frederik Ring](https://www.frederikring.com/) and [Hendrik Niefeld.](http://niefeld.com/) We want to make the web a better place. Here are a few tools we have developed that may help with this.
Hi, we are [Frederik Ring](https://www.frederikring.com/) and [Hendrik Niefeld.](https://niefeld.com/) We want to make the web a better place. Here are a few tools we have developed that may help with this.
#### *[Offen Fair Web Analytics](/#bg-explainer)*
@ -31,8 +31,6 @@ A lightweight solution for managing user consent on websites. [Learn more](/blog
It has a ring, gives a slight spine-chilling sensation and generates a whole lot of clicks: consumer magazines like German "Computer Bild" caution about ["Google espionage"](https://www.computerbild.de/artikel/cb-Ratgeber-Kurse-Wissen-Was-weiss-Google-ueber-Sie-2799009.html) just like the internet has countless tutorials on turning off numerous ["data leeches"](https://praxistipps.chip.de/datenkrake-windows-10-so-schalten-sie-auffaellige-funktionen-ab_99652). Interestingly, diving into these realms will have you accidentally catching the next toolbar, malware infection or [even worse](https://blog.malwarebytes.com/cybercrime/2012/10/pick-a-download-any-download/).
Yet, many internet users still do not know what really is happening to their data. Public relation activities trying to calm the public - as recently undertaken by Facebook [for example](https://www.zeit.de/digital/datenschutz/2019-01/social-media-facebook-mark-zuckerberg-ads-privacy-business-model-transparency) - end up being rather disturbing instead of creating transparency or adding any value to the public debate. Denelle Dixon, COO of Mozilla, just publicly [warned the European Commission](https://blog.mozilla.org/blog/2019/01/31/mozilla-raises-concerns-over-facebooks-lack-of-transparency/) about the dangerous effects an opaque apparatus such as Facebook can have on society. Updated Terms and Conditions only parenthetically mention that newly created Google accounts will now hand over real names to third parties for [advertising purposes](https://www.propublica.org/article/google-has-quietly-dropped-ban-on-personally-identifiable-web-tracking).
<div class="flex justify-end pb5">
<img class="smaller-image" alt="Detour" src="/theme/images/gfx-deepdive-A.png"/>
</div>
@ -91,3 +89,16 @@ We are happy to work with [NLnet Foundation,](https://nlnet.nl/) which actively
[hioffen@posteo.de](mailto:hioffen@posteo.de)
[PGP Key](/theme/74B041E23DB29D552644CEB1B18C633D6967FE3F.asc)
---
### offen.software
From summer 2024, all Offen tools have reached maturity. Now some may wonder what lies ahead of us next.
In a nutshell, we want to continue to support change-makers by providing them with independent, fair and customized software that meets the highest standards of transparency, integrity and data protection.
That is why we have a [new presence as a development outfit.](https://www.offen.software/)
Based in Berlin, we're a small, reliable and well-rehearsed team of seniors that can take care of your software project from initial brainstorming to going live. Working fully open source, we value simple, resilient and accessible tools that are effortless to run and everyone can use, reuse and benefit from. 🙂 [Book a call.](https://cal.com/offen-software/30min?user=offen-software)

2
homepage/pelicanconf.py
View File

@ -92,11 +92,9 @@ DECORATE_CONTENT = {
}
GITHUB_REPO = 'https://github.com/offen/offen'
ROADMAP = 'https://github.com/offen/offen/projects/1'
CONTACT_EMAIL = 'hioffen@posteo.de'
PGP_KEY_FILE = '74B041E23DB29D552644CEB1B18C633D6967FE3F.asc'
PATREON_URL = 'https://www.patreon.com/offen'
LINKEDIN_URL = 'https://www.linkedin.com/company/hioffen'
MASTODON_URL = 'https://fosstodon.org/@offen'
RELEASE_DIRECT_URL = 'https://get.offen.dev'
DOCKER_DIRECT_URL = 'https://hub.docker.com/r/offen/offen'

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

@ -518,7 +518,7 @@ STACKING IMAGES
z-index : 570;
}
.bg-cta-pfeil {
top: -13rem;
top: -11rem;
left: 66%;
z-index : 580;
}
@ -556,7 +556,7 @@ STACKING IMAGES
left: calc(30% + 1rem);
}
.bg-cta-pfeil {
top: -14rem;
top: -12rem;
left: 72%;
}
}

BIN
homepage/theme/static/images/gfx-cta-pfeil-cta.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
homepage/theme/static/images/gfx-cta-pfeil.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
homepage/theme/static/images/offen-blog-0250-reach-maturity.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

4
homepage/theme/templates/archives.html
View File

@ -1,7 +1,7 @@
{% extends "base.html" %}
{% set title = 'Fair Analytics Blog | Offen' %}
{% set description = 'We are Frederik and Hendrik. Here we post about how we are building a fair and open web analytics tool and what we discovered along the way.' %}
{% set description = 'We are Frederik and Hendrik. Here we posted about how we set up a fair and open web analytics tool and what we discovered along the way.' %}
{% set href = 'blog/' %}
{% set no_stats = False %}
{% set template = 'archives' %}
@ -15,7 +15,7 @@
</h1>
<div class="w-75-l">
<p class="ma0 mb5">
Hi there. We are Frederik and Hendrik. Here we post about how we are building a fair and open web analytics tool and what we discovered along the way.
Hi there. We are Frederik and Hendrik. Here we posted about how we set up a fair and open web analytics tool and what we discovered along the way.
</p>
</div>
</div>

6
homepage/theme/templates/base.html
View File

@ -66,9 +66,6 @@
<li>
<a class="b link dim cclr-fnt-black-mid" href="/blog/">Blog</a>
</li>
<li>
<a class="b link dim cclr-fnt-black-mid" href="{{ ROADMAP }}" rel="noopener" target="_blank">Roadmap</a>
</li>
<li>
<a class="b link dim cclr-fnt-black-mid" href="/about/">About</a>
</li>
@ -362,9 +359,6 @@
<p class="ma0">
<a class="link b dim gray" href="{{ PATREON_URL }}" rel="noopener" target="_blank">Patreon</a>
</p>
<p class="ma0">
<a class="link b dim gray" href="{{ LINKEDIN_URL }}" rel="noopener" target="_blank">LinkedIn</a>
</p>
<p class="ma0">
<a class="link b dim gray" href="{{ MASTODON_URL }}" rel="noopener" target="_blank">Mastodon</a>
</p>

175
homepage/theme/templates/index.html
View File

@ -112,14 +112,18 @@
<a class="link dim" href="https://nlnet.nl/" target="_blank" rel="noopener"><img src="/theme/images/nlnet-logo-gray.svg" alt="NLnet logo gray" width="132" height="49"></a>
</div>
</div>
<p class="f5 tl-l w-100 w-70-l ma0">
We are happy to work with <a class="b link dim cclr-fnt-black-mid" href="https://nlnet.nl/" target="_blank" rel="noopener">NLnet Foundation,</a> which actively supports our efforts as part of its <a class="b link dim cclr-fnt-black-mid" href="https://nlnet.nl/NGI/" target="_blank" rel="noopener">Next Generation Internet</a> initiative.
<div class="flex flex-column w-100 w-70-l">
<p class="f5 tl-l ma0 mb2">
In 2019, we started working on the core analytics tool and have added more tools like the <a class="b link dim cclr-fnt-black-mid" href="/blog/offen-protocol/">Offen Protocol</a> and <a class="b link dim cclr-fnt-black-mid" href="/blog/consent-tool/">Offen Consent Tool</a> over the years.
<p class="f5 tl-l ma0">
We were generously supported in this project by <a class="b link dim cclr-fnt-black-mid" href="https://nlnet.nl/" target="_blank" rel="noopener">NLnet Foundation</a> as part of its <a class="b link dim cclr-fnt-black-mid" href="https://nlnet.nl/NGI/" target="_blank" rel="noopener">Next Generation Internet</a> initiative. Now, in summer of 2024, all Offen tools have reached maturity.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- INSIGHTS -->
<div class="w-100 dib bg-white">
@ -568,171 +572,6 @@
</div>
</div>
<!-- TABLE -->
<div class="w-100">
<div class="w-100 hx-difference dib cclr-bg-white-fade">
<div class="h-100 bg-pattern">
<div class="wx24-metrics center">
<p class="f3 lh-solid ma0 ml0 ml5-l mt5 mb4">
<em>
Make a difference
</em>
</p>
</div>
<!-- BOX -->
<div class="mh0 mh5-l">
<div class="w-100 dib br0 br2-l mb5 mb0-l shadow-4 cclr-fnt-black-mid bg-white">
<div class="relative">
<div class="absolute bg-table">
<img src="/theme/images/gfx-table-fade.png" alt="fade" width="100px" height="290px">
</div>
</div>
<div class="hscroll">
<table class="f7 tc collapse dt--fixed mb3">
<tbody>
<tr>
<td class="wx-table-a truncate pt2 pb3 pl2 pr1"></td>
<td class="wx-table-b truncate pt2 pb3 pl2 pr1 gray">Google Analytics</td>
<td class="wx-table-b truncate pt2 pb3 pl2 pr1 gray">Matomo<br>On-Premise</td>
<td class="wx-table-c truncate pt2 pb3 pl2 pr1 gray">Plausible</td>
<td class="wx-table-d truncate pt2 pb3 pl0 pr0">Offen<br>Fair Web Analytics</td>
</tr>
<tr class="bg-near-white">
<td class="tl truncate pv2 pl2 pr1">Fully self hosted</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="wx-table-d truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
</tr>
<tr>
<td class="tl truncate pv2 pl2 pr1">Open Source code</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="wx-table-d truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
</tr>
<tr class="bg-near-white">
<td class="tl truncate pv2 pl2 pr1">Data can be exported</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
<td class="wx-table-d truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
</tr>
<tr>
<td class="tl truncate pv2 pl2 pr1">Users can see and manage own data</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="wx-table-d truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
</tr>
<tr class="bg-near-white">
<td class="tl truncate pv2 pl2 pr1">Opt-in only data collection</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke="#AAAAAA" stroke-width="2"/>
</svg>
</td>
<td class="wx-table-d truncate pv2 pl2 pr1">
<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="7.5" cy="7.5" r="7.5" fill="#F7BF08"/>
</svg>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -743,7 +582,7 @@
<div class="relative">
<div class="absolute bg-cta-pfeil">
<img src="/theme/images/gfx-cta-pfeil.png" alt="arrow" width="150px" height="150px">
<img src="/theme/images/gfx-cta-pfeil-cta.png" alt="arrow" width="150px" height="150px">
</div>
</div>