diff --git a/homepage/content/articles/0010-milestone-1.md b/homepage/content/articles/0010-milestone-1.md index 7c186f8..e797b23 100644 --- a/homepage/content/articles/0010-milestone-1.md +++ b/homepage/content/articles/0010-milestone-1.md @@ -2,14 +2,10 @@ title: Laying the foundation for fair web analytics description: Our milestone 1 achievements include extensible architecture, a localization option and an improved server structure. date: 2019-12-12 slug: laying-foundation-for-fair-web-analytics -sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0010-milestone1.jpg +sitemap_priority: 0.6 +image_url: /theme/images/offen-blog-0010-milestone1.jpg +author: Hendrik Niefeld -
-Milestone 1 - Laying the foundation for fair web analytics -
- -###### 12 Dec 2019, Hendrik Niefeld # Episode One — Laying the foundation for fair web analytics Milestone 1 is completed. This is what we've achieved in the last six weeks. diff --git a/homepage/content/articles/0020-untold-roads.md b/homepage/content/articles/0020-untold-roads.md index b8aef36..dd14df5 100644 --- a/homepage/content/articles/0020-untold-roads.md +++ b/homepage/content/articles/0020-untold-roads.md @@ -3,13 +3,9 @@ description: Onboarding users onto a product that is still in development needs date: 2020-01-19 slug: untold-roads-versioning-early-stage-software sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0020-untoldRoads.jpg +image_url: /theme/images/offen-blog-0020-untoldRoads.jpg +author: Frederik Ring -
-Untold roads -
- -###### 19 Jan 2020, Frederik Ring # Untold roads to v1.0 After a lot of experimenting, taking detours and having unanticipated revelations while building the foundation for Offen over the last months, the state of the project is starting to settle, and we are eager to get ready for users to install our software, and use it for transparently collecting usage statistics for their websites and applications. diff --git a/homepage/content/articles/0030-milestone-2.md b/homepage/content/articles/0030-milestone-2.md index f68005a..0e4dafa 100644 --- a/homepage/content/articles/0030-milestone-2.md +++ b/homepage/content/articles/0030-milestone-2.md @@ -2,14 +2,10 @@ title: Collecting data securely description: Our key milestone 2 features are user consent, improved crypto implementation and an extended set of stats. date: 2020-01-31 slug: collecting-data-securely -sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0030-milestone-2.jpg +sitemap_priority: 0.6 +image_url: /theme/images/offen-blog-0030-milestone-2.jpg +author: Hendrik Niefeld -
-Milestone 2 - Collecting data securely -
- -###### 31 Jan 2020, Hendrik Niefeld # Episode Two — Collecting data securely We finished milestone 2. Here is what we' ve been doing for the last 8 weeks. diff --git a/homepage/content/articles/0040-test-offen-today.md b/homepage/content/articles/0040-test-offen-today.md index d4f0248..eb26b92 100644 --- a/homepage/content/articles/0040-test-offen-today.md +++ b/homepage/content/articles/0040-test-offen-today.md @@ -3,13 +3,9 @@ description: Help us take a step forward. Download or deploy Offen today and giv date: 2020-03-04 slug: test-offen-today sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0040-test-offen-today.jpg +image_url: /theme/images/offen-blog-0040-test-offen-today.jpg +author: Hendrik Niefeld -
-Test Offen today -
- -###### 04 Mar 2020, Hendrik Niefeld # Test Offen today We’re excited to present our first version that is officially ready for testing. diff --git a/homepage/content/articles/0050-milestone-3.md b/homepage/content/articles/0050-milestone-3.md index da573ba..f7cd35f 100644 --- a/homepage/content/articles/0050-milestone-3.md +++ b/homepage/content/articles/0050-milestone-3.md @@ -2,14 +2,10 @@ title: Displaying data description: Our milestone 3 achievements include an improved UX, a Heroku deploy option and full Safari support. date: 2020-04-13 slug: displaying-data -sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0050-milestone-3.jpg +sitemap_priority: 0.6 +image_url: /theme/images/offen-blog-0050-milestone-3.jpg +author: Frederik Ring -
-Milestone 3 - Displaying data -
- -###### 14 Apr 2020, Frederik Ring # Episode Three — Displaying data In the middle of strange times Milestone 3 - "Displaying Data" - is done. This means we focused on how we aggregate and display the data Offen collects in a way that operators can use it to improve their services and users can understand what is being collected and what it means for their privacy. diff --git a/homepage/content/articles/0060-milestone-4.md b/homepage/content/articles/0060-milestone-4.md index b031544..03307b5 100644 --- a/homepage/content/articles/0060-milestone-4.md +++ b/homepage/content/articles/0060-milestone-4.md @@ -2,16 +2,11 @@ title: Managing data description: Milestone 4 comes with enhanced account management, UX improvements and an updated demo version. date: 2020-06-09 slug: managing-data -sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0060-milestone-4.jpg +sitemap_priority: 0.6 +image_url: /theme/images/offen-blog-0060-milestone-4.jpg +image_caption: Photo by WOCinTechChat / CC BY 3.0 +author: Frederik Ring -
-Milestone 4 - Managing data -
- -##### [Photo](https://www.flickr.com/photos/wocintechchat/25926651781/in/album-72157664006621903/){: target="_blank"} by WOCinTechChat / [CC BY 3.0](https://creativecommons.org/licenses/by/3.0/){: target="_blank"} - -###### 09 Jun 2020, Frederik Ring # Episode Four — Managing data Milestone 4 - "Managing data" - has been an important one for us. Finishing it means Offen is now close to being feature complete in the scope of our initial plans, and we can start transitioning into a Beta state, meaning we can finally offer a stable product for users to use in production environments. diff --git a/homepage/content/articles/0070-budget.md b/homepage/content/articles/0070-budget.md index 1982358..9762213 100644 --- a/homepage/content/articles/0070-budget.md +++ b/homepage/content/articles/0070-budget.md @@ -3,13 +3,8 @@ description: Here are some real world options for hosting Offen on a budget. Let date: 2020-06-30 slug: hosting-offen-on-budget sitemap_priority: 0.7 -sm_image_url: /theme/images/offen-blog-0070-budget.jpg - -
-Hosting on a budget -
- -###### 30 Jun 2020, Frederik Ring +image_url: /theme/images/offen-blog-0070-budget.jpg +author: Frederik Ring # Hosting Offen on a budget diff --git a/homepage/content/articles/0080-beta.md b/homepage/content/articles/0080-beta.md new file mode 100644 index 0000000..ed7ec0d --- /dev/null +++ b/homepage/content/articles/0080-beta.md @@ -0,0 +1,31 @@ +title: Let's build a web that is privacy friendly and fair +description: What does the term 'privacy friendly' actually stand for? Mostly it's just about technical issues that don't tackle the underlying problem. +date: 2020-07-06 +slug: privacy-friendly-and-fair-web +sitemap_priority: 0.7 +image_url: /theme/images/offen-blog-0080-beta.jpg +author: Hendrik Niefeld + +# Let's build a web that is privacy friendly and fair + +Terms such as 'privacy protection', 'privacy-first', 'privacy-focused' or 'privacy friendly' have been a major talking point for quite some time now. +The field of web analytics is no exception. Here these terms are used to describe *alternative, privacy-oriented approaches* and appear regularly in blog posts, readme files and tweets. Projects like Matomo, Simple Analytics, Plausible or GoatCounter use them very gladly and in large letters. + +But what do these 'privacy' terms actually stand for? What associations do they trigger in operators who have a legitimate interest in knowing how their web applications are used? + +It often seems that developers of analytics tools only really want to communicate technical peculiarities with them. There is the 'we do not use cookies' approach and the 'essential cookies only' solution. Sometimes authors use these terms to summarize statements such as 'we're not selling your data' or 'this is GDPR compliant'. + +However, operators are given the impression that installing the respective software does something really great for their users. Whether it is that annoying banners are waived or that data will not be disclosed to third parties. And by the way, the 'GDPR problem' is also solved and there is no need to worry about legal action. What more could you want? + +We as Offen are convinced that all these 'privacy friendly' approaches are an improvement, but they are still not enough to create a web that is better. For this, most of these solutions simply *lack the necessary degree of fairness.* + +Users continue to be unaware what kind of data is collected and how it is being used. They still cannot access or delete it. This leaves them in the dark about their situation and does not help to reduce the latent distrust against web operators. A problem that GDPR also addresses explicitly under the headline 'Rights of the data subject'. + +This is why we develop a fair and open web analytics tool that finally treats *operators and users as equal parties.* +Usage data is only collected after opt in. If users choose to opt in, they have full access to their data and can also delete it. The collected data is presented to the user with explanations that describe why a particular metric is relevant and what the privacy implications are. +At the same time essential metrics give operators the chance to gain valuable insights. They can improve their services without violating the privacy of their users. + +By the way, Offen is in beta phase now. [Please take a look and give it a try.](/try-demo/) + +We believe it is time to go one step further. This is how we want to support a web that is *privacy friendly and fair at last.* Are you as enthusiastic about it as we are? +Drop us a [tweet](https://twitter.com/hioffen){: target="_blank"} or [email](mailto:hioffen@posteo.de){: target="_blank"} and feel invited to work together to drive this idea forward. diff --git a/homepage/pelicanconf.py b/homepage/pelicanconf.py index 2fb5ac9..2bf1a2b 100644 --- a/homepage/pelicanconf.py +++ b/homepage/pelicanconf.py @@ -70,16 +70,17 @@ DECORATE_CONTENT = { 'h3 a': ['link', 'b', 'dim'], 'h4 a': ['link', 'b', 'dim'], 'h5 a': ['normal', 'moon-gray'], + 'li a': ['link', 'b', 'dim'], 'a:not([data-button])': ['gray'], 'h1': ['f2', 'normal', 'lh-title', 'mt3', 'ma0', 'mb3'], 'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3'], 'h3': ['f5', 'normal', 'mt5', 'ma0', 'mb3', '.cclr-fnt-black-mid'], - 'h4': ['f5', 'b', 'mt4', 'ma0', 'mb1'], # text over button - 'h5': ['f7', 'normal', 'ma0', 'nt5', 'mb5', 'moon-gray'], # image credits - 'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'light-silver'], # date + 'h4': ['f5', 'normal', 'mt4', 'ma0', 'mb1'], # text over button + 'h5': ['f5', 'normal', 'mt2', 'ma0', 'mb1'], # not used + 'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'light-silver'], # not used 'p': ['ma0', 'pb3'], 'blockquote': ['f5', 'i', 'ma0', 'ml4-ns', 'ml3'], - 'hr': ['mt5', 'mb3', 'b--black-05'], + 'hr': ['mt5', 'mb3', 'b--black-05'] } DOCS_URL = 'https://docs.offen.dev' diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index bd30b8f..67c8880 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -348,6 +348,7 @@ i { pre { overflow-x: auto; padding: 3rem 2rem 3rem 2rem; + margin: 0 0 3rem 0; color: #39352A; background-color: #EEEEEE; } diff --git a/homepage/theme/static/images/offen-blog-0080-beta.jpg b/homepage/theme/static/images/offen-blog-0080-beta.jpg new file mode 100644 index 0000000..80cd18b Binary files /dev/null and b/homepage/theme/static/images/offen-blog-0080-beta.jpg differ diff --git a/homepage/theme/templates/archives.html b/homepage/theme/templates/archives.html index b906ffb..d4ba851 100644 --- a/homepage/theme/templates/archives.html +++ b/homepage/theme/templates/archives.html @@ -16,9 +16,12 @@
- {{ article.title }} + {{ article.title }}
+
+ {{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }} +

{{ article.title }}

diff --git a/homepage/theme/templates/article.html b/homepage/theme/templates/article.html index 9d909a9..14a3715 100644 --- a/homepage/theme/templates/article.html +++ b/homepage/theme/templates/article.html @@ -3,8 +3,12 @@ {% set title = article.title + " | Offen" %} {% set description = article.description %} {% set href = article.save_as.replace('index.html', '') %} -{% set sm_image_url = article.sm_image_url %} +{% set image_url = article.image_url %} +{% set image_caption = article.image_caption %} {% set no_stats = article.no_stats %} {% set template = article.template %} {% set content = article.content %} +{% set date = article.date %} +{% set author = article.author %} +{% set modified = article.modified %} {% set cta_1 = 'true' %} diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html index 208d791..484eba4 100644 --- a/homepage/theme/templates/base.html +++ b/homepage/theme/templates/base.html @@ -15,7 +15,7 @@ - + {% if template != 'archives' %} @@ -74,8 +74,25 @@
{% block content %}
-
- {{ content }} +
+ {% if image_url %} +
+ {{ title }} + {% if image_caption %} +
+ {{ image_caption }} +
+ {% endif %} +
+ {% endif %} +
+ {% if date and author %} +
+ {{ date | strftime('%d %b %Y') }}{% if modified %}(updated {{ modified | strftime('%d %b %Y') }}){% endif %}, {{ author }} +
+ {% endif %} + {{ content }} +
{% endblock %} diff --git a/homepage/theme/templates/getstarted.html b/homepage/theme/templates/getstarted.html index e5a5dcc..760c854 100644 --- a/homepage/theme/templates/getstarted.html +++ b/homepage/theme/templates/getstarted.html @@ -31,10 +31,6 @@ Deploy to Heroku
-

- Be aware that things can still contain issues and that the upgrade path may be broken with upcoming releases. -

-

diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 8a4342f..8fa66af 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -516,7 +516,7 @@ Google Analytics Matomo On-Premise - Fathom + Plausible Offen @@ -558,7 +558,7 @@ - + diff --git a/homepage/theme/templates/page.html b/homepage/theme/templates/page.html index ddf8930..3a730cb 100644 --- a/homepage/theme/templates/page.html +++ b/homepage/theme/templates/page.html @@ -3,7 +3,7 @@ {% set title = page.title %} {% set description = page.description %} {% set href = page.save_as.replace('index.html', '') %} -{% set sm_image_url = page.sm_image_url %} +{% set image_url = page.image_url %} {% set no_stats = page.no_stats %} {% set template = page.template %} {% set content = page.content %}