2
0
mirror of https://github.com/offen/website.git synced 2024-12-23 05:20:21 +01:00

update blog h1, minor tweaks

This commit is contained in:
Hendrik Niefeld 2021-03-16 21:17:18 +01:00
parent 04676e4809
commit c79e1857b1
25 changed files with 51 additions and 34 deletions

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0010-milestone1.jpg
author: Hendrik Niefeld
bottom_cta: blog
## Episode One — Laying the foundation for fair web analytics
# Episode One — Laying the foundation for fair web analytics
Milestone 1 is completed. This is what we've achieved in the last six weeks.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0020-untoldRoads.jpg
author: Frederik Ring
bottom_cta: blog
## Untold roads to v1.0
# 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.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0030-milestone-2.jpg
author: Hendrik Niefeld
bottom_cta: blog
## Episode Two — Collecting data securely
# Episode Two — Collecting data securely
We finished milestone 2. Here is what we' ve been doing for the last 8 weeks.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0040-test-offen-today.jpg
author: Hendrik Niefeld
bottom_cta: blog
## Test Offen today
# Test Offen today
Were excited to present our first version that is officially ready for testing.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0050-milestone-3.jpg
author: Frederik Ring
bottom_cta: matomo
## Episode Three — Displaying data
# 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.

View File

@ -9,7 +9,7 @@ image_caption: <a class="link b dim moon-gray" target="_blank" href="https://www
author: Frederik Ring
bottom_cta: blog
## Episode Four — Managing data
# 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.

View File

@ -9,7 +9,7 @@ author: Frederik Ring
must_read: True
bottom_cta: blog
## Hosting Offen on a budget
# Hosting Offen on a budget
Using self hosted software like Offen when you're on a budget can seem daunting as you usually don't know too much about the performance requirements of the software you are planning to use beforehand. Once you do know, you might have locked in yourself already.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0080-beta.jpg
author: Hendrik Niefeld
bottom_cta: blog
## Let's build a web that is privacy friendly and fair
# 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.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0090-milestone-5.jpg
author: Frederik Ring
bottom_cta: blog
## Episode Five — Resilience and documentation
# Episode Five — Resilience and documentation
Maybe the most exciting milestone in our current journey, Milestone 5 ends with Offen finally stripping off that `alpha` label we have been carrying around for quite a while now, and which admittedly might have scared away some potential users. The good thing about keeping it this long though is that we can feel pretty confident to release working software. We'll still defer the 1.0 for a while and start with `v0.1.0`, but from now on we really mean it: Install Offen in production, we are confident it'll be a good choice.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0100-Matomo.jpg
author: Hendrik Niefeld
bottom_cta: fair
## Why Offen is a valid Matomo alternative
# Why Offen is a valid Matomo alternative
#### Matomo at a glance

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0110-milestone-6.jpg
author: Frederik Ring
bottom_cta: blog
## Episode Six — Packaging and testing
# Episode Six — Packaging and testing
It feels a little surreal to write this, but: this post marks the end of Milestone 6, which is the last one defined in our initial product plan defining the scope of our support by the [NGI Zero PET initiative](https://nlnet.nl/thema/NGIZeroPET.html){: target="_blank"}.

View File

@ -9,7 +9,7 @@ author: Hendrik Niefeld
must_read: True
bottom_cta: matomo
## Opt-in for quality insights
# Opt-in for quality insights
### Fair web analytics

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0130-performance-awareness.jpg
author: Hendrik Niefeld
bottom_cta: blog
## Episode Seven — Performance and Awareness
# Episode Seven — Performance and Awareness
Some time has passed after [NGI Zero PET Initiative](https://nlnet.nl/thema/NGIZeroPET.html){: target="_blank"} funding ended, we want to recap the results of our work with this blog post.

View File

@ -9,7 +9,7 @@ author: Frederik Ring
must_read: True
bottom_cta: quality
## Privacy focus? Consider the cookie
# Privacy focus? Consider the cookie
Whoever [drafted the idea for HTTP cookies](https://tools.ietf.org/html/rfc2109){: target="_blank"} back in 1997 likely did not anticipate having created a technology that is as disputed, discussed and also disliked as it is today. A non-technical user of the internet might be under the impression that cookies are an utterly useless privacy disaster that bring you nothing but consent banners filled with dark patterns, and enable advertisers to track you on literally every website ever.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0150-interfaces.jpg
author: Hendrik Niefeld
bottom_cta: blog
## Episode Eight — Improving interfaces
# Episode Eight — Improving interfaces
Like last year, we want to keep you updated on the current status of our project at regular intervals. So these are the highlights of our work over the last six weeks. With version v0.3.0 now officially out, we've added some great additions to our interfaces.

View File

@ -8,7 +8,7 @@ image_url: /theme/images/offen-blog-0160-our-story-so-far.jpg
author: Hendrik Niefeld
bottom_cta: cookie
## Our story so far
# Our story so far
Hi there. This is our story on how we develop fair and open source web analytics software. A note first. This story is not finished yet. We are just about to take the next major step. But more about that later.

View File

@ -3,7 +3,7 @@ description: Who we are, what we do, who supports us and how you can can get in
slug: about
bottom_cta: fair
## About
# About
### What is this thing called "my data" and why does seemingly everyone want to get hold of it?

View File

@ -4,7 +4,7 @@ slug: legal-privacy
exclude_from_sitemap: true
bottom_cta: quality
## Legal & Privacy
# Legal & Privacy
### Website Analytics
We use [Offen](https://offen.offen.dev/) for collecting usage data on this website and only access your usage data with your consent. Your data always remains yours. You can review and delete it at any time. Opt out again whenever you want.

View File

@ -4,7 +4,9 @@ slug: try-demo
template: trydemo
sitemap_priority: 0.1
Offen always respects your data, which is why *we don't offer a live demo showing you data of real users.* However, it's really easy to get a demo that is populated with random usage data up and running on your system. If you get stuck or need help, [file an issue][gh-issues], [tweet (@hioffen)][twitter]{: target="_blank"} or [email][email].
Offen always respects your data, which is why *we don't offer a live demo showing you data of real users.* However, it's really easy to get a demo that is populated with random usage data up and running on your system.
If you get stuck or need help, [file an issue][gh-issues], [tweet (@hioffen)][twitter]{: target="_blank"} or [email][email].
[gh-issues]: https://github.com/offen/offen/issues
[twitter]: https://twitter.com/hioffen

View File

@ -295,11 +295,24 @@ span {
display: table;
}
/* Custom media query - medium small - neutralize span line braks */
@media only screen and (max-width: 34em) {
@media only screen and (max-width: 40em) {
p span {
display: initial;
}
}
.pitchMargin {
margin-right: 2rem;
}
@media only screen and (min-width: 25em) and (max-width: 30em) {
.pitchMargin {
margin-right: 3rem;
}
}
@media only screen and (min-width: 30em) {
.pitchMargin {
margin-right: 0;
}
}
em {
background: linear-gradient(transparent 66%, #fde28c 66%);
font-style: normal;

View File

@ -10,9 +10,9 @@
{% block content %}
<div class="mw8 center cclr-bg-white-responsive mt5-ns">
<div class="dib gray bg-white ph3 ph5-ns pt5">
<h2 class="f2 normal lh-title ma0 mt4 mb3">
<h1 class="f2 normal lh-title ma0 mt3 mb3">
Fair Analytics Blog
</h2>
</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.
@ -33,7 +33,7 @@
<h6 class="f5 lh-solid normal ma0 light-silver">
{{ article.date | strftime('%d %b %Y') }}{% if article.modified %}(article.updated {{ article.modified | strftime('%d %b %Y') }}){% endif %}, {{ article.author }}
</h6>
<h1 class="f3 normal lh-title mt3 ma0 mb3 light-silver">
<h2 class="f3 normal lh-title mt3 ma0 mb3 light-silver">
{% if not article.must_read %}
<a href="/blog/{{ article.slug }}/" class="link b dim gray">{{ article.title }}</a>
{% else %}
@ -41,7 +41,7 @@
<a href="/blog/{{ article.slug }}/" class="link b dim gray">{{ article.title }}</a>
</em>
{% endif %}
</h1>
</h2>
<p>
{{ article.description }} <a href="/blog/{{ article.slug }}/" class="link b dim gray">Read more</a>
</p>

View File

@ -43,7 +43,9 @@
<div class="nav-container">
<div class="icon flex">
<a class="link dim" href="/"><img src="/theme/images/offen-icon-white.svg" alt="Offen logo" width="37" height="40" class="logo"></a>
<a class="link dim" href="/"><p class="fLogo normal ma0 ml2 white">Offen</p></a>
<header>
<a class="link dim" href="/"><p class="fLogo normal ma0 ml2 white">Offen</p></a>
</header>
</div>
{% if not funnel %}
<nav>

View File

@ -3,13 +3,13 @@
{% block content %}
<div class="w-100 mt5-ns cclr-bg-white-dark">
<div class="mw7 center pt5 pb5 ph4 bg-white">
<div class="mw7 center pt5 pb5 ph4 gray bg-white">
<div class="w-100 center tc">
<h2 class="f1-ns f2 normal ma0 mb4">
<h1 class="f2 normal ma0 mt3 mb4">
Get started
</h2>
</h1>
<div class="gray tl">
{{ page.content }}
</div>

View File

@ -4,7 +4,7 @@
{% block content %}
<div class="w-100 mt5-ns cclr-bg-yellow-mid">
<div class="mw8 center">
<div class="flex justify-center pt4 ph4">
<div class="flex justify-center 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>
@ -20,10 +20,10 @@
<h1 class="f1-ns f2 normal lh-solid ma0 mb3">
Fair web analytics
</h1>
<p class="f3 ma0 mb4">
<p class="f3 lh-title ma0 mb4 pitchMargin">
Let your users access their data. <span>Gain valuable insights at the same time. </span>Open, lightweight, self hosted and free.
</p>
<div class="pb5 mb2">
<div class="pb5">
<a class="b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href="#bg-explainer" rel="noopener">Learn more</a>
</div>
</div>

View File

@ -3,13 +3,13 @@
{% block content %}
<div class="w-100 mt5-ns cclr-bg-white-dark">
<div class="mw7 center pt5 pb5 ph4 bg-white">
<div class="mw7 center pt5 pb5 ph4 gray bg-white">
<div class="w-100 center">
<h2 class="f1-ns f2 normal tc ma0 mb4">
<h1 class="f2 normal tc ma0 mt3 mb4">
Try demo
</h2>
</h1>
<div class="gray">
{{ page.content }}
</div>