From 19fe20f3bbe3021db23af11eb7870782ae97ce2b Mon Sep 17 00:00:00 2001
From: hendr-ik <hello@niefeld.com>
Date: Thu, 16 Jun 2022 14:07:30 +0200
Subject: [PATCH] tweak layout

---
 .../content/articles/0230-consent-tool.md     |  7 +++-
 homepage/content/pages/about.md               | 37 ++++++++++++-------
 2 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/homepage/content/articles/0230-consent-tool.md b/homepage/content/articles/0230-consent-tool.md
index f6589f6..f77a906 100644
--- a/homepage/content/articles/0230-consent-tool.md
+++ b/homepage/content/articles/0230-consent-tool.md
@@ -53,12 +53,15 @@ Your analytics tool thinks it doesn't need a consent request? There are tweets e
 
 Well, we have developed a tool for these needs. Say hello and give it a try. We used it to conditionally embed the following Tweet.
 
-<div class="tweet-container">  
+<div class="consent-container w-100 flex justify-center">  
 </div>
+<div class="tweet-container mb4">  
+</div>
+
 <script src="https://consent.offen.dev/client.js"></script>
 <script>
   const client = new window.ConsentClient({
-    host: document.querySelector('.tweet-container'),
+    host: document.querySelector('.consent-container'),
     ui: {
       styles: {
         position: 'relative'
diff --git a/homepage/content/pages/about.md b/homepage/content/pages/about.md
index 4b867b0..6c4f50d 100644
--- a/homepage/content/pages/about.md
+++ b/homepage/content/pages/about.md
@@ -6,6 +6,27 @@ sitemap_priority: 0.3
 
 # About
 
+Hi, we are [Frederik Ring](https://www.frederikring.com/) and [Hendrik Niefeld.](http://niefeld.com/) These are our tools to make the web a better place.
+
+#### *[Offen Web Analytics](/#bg-explainer)*
+
+The fair web analytics tool. Let your users access their data and gain valuable insights at the same time. Open source, lightweight, self hosted and free. [Learn more.](/#bg-explainer)
+
+#### *[analytics.txts](https://www.analyticstxt.org/)*
+
+A proposed standard which allows websites and services to disclose information about their usage of analytics software and user tracking. [Learn more.](https://www.analyticstxt.org/)
+
+#### *[Offen Protocol](/blog/offen-protocol/)*
+
+A specification for the discoverable exchange of data over a single HTTP endpoint. [Learn more.](/blog/offen-protocol/)
+
+#### *[Offen Consent Tool](/blog/consent-tool/)*
+
+A lightweight solution for managing user consent on websites. [Learn more.](/blog/consent-tool/)
+
+
+---
+
 ### What is this thing called "my data" and why does seemingly everyone want to get hold of it?
 
 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/).
@@ -24,8 +45,6 @@ As a regular user of the internet, are you really being spied upon? *What exactl
 
 We would like to turn the tables on this much quoted statement and apply it to the operators of services and websites instead of their users. The analytics software Offen *transparently and uncompromisingly discloses what data is being collected and what it is being used for* to the users.
 
----
-
 ### For users
 
 Visiting a website or using a web application that utilizes Offen, the user gains access to and ownership of the usage data collected. As a guiding principle, data collection is Opt-In only. Consent can be revoked at any time, just like users can choose delete their data retroactively. The cookie used by Offen allows viewing all of the associated metrics so that users can *assert themselves what is being collected and what isn't*. Data is being displayed in an accessible and articulate manner and each metric comes with explanations about its usage, relevance and possible privacy implications.
@@ -48,9 +67,9 @@ We want to exemplify that it is time to depart the age of ["data capitalism"](ht
 <img class="smaller-image mt2" alt="Detour" src="/theme/images/gfx-deepdive-C.png"/>
 </div>
 
-### Offen as a technology
+###  Technology
 
-At runtime, Offen is just mediating exchange between users and operators. Usage data is collected in conformance to GDPR and with the concept of ["Datensparsamkeit"](https://martinfowler.com/bliki/Datensparsamkeit.html) in mind. All user data is encrypted in the browser so that it can only ever be accessed by the users themselves or the matching operator. While being collected in the context of a website or application, neither operators nor third party scripts have any possibility to access the usage data. Offen itself doesn't have any way of decrypting, processing or even selling the gathered data at any point.
+At runtime, Offen Web Analytics is just mediating exchange between users and operators. Usage data is collected in conformance to GDPR and with the concept of ["Datensparsamkeit"](https://martinfowler.com/bliki/Datensparsamkeit.html) in mind. All user data is encrypted in the browser so that it can only ever be accessed by the users themselves or the matching operator. While being collected in the context of a website or application, neither operators nor third party scripts have any possibility to access the usage data. Offen itself doesn't have any way of decrypting, processing or even selling the gathered data at any point.
 
 The software itself, as well as *all the used tools are open source*, [project planning and technical specification](https://github.com/offen/offen) take place in the open and actively solicit feedback from the general public.
 
@@ -62,20 +81,10 @@ Users and operators are given intuitive and accessibility-focused tools for anal
 
 Developing and running Offen can only work out when it is entirely *free of any kind of economic constraints or goals* and its only objective is *contributing to the common good*. Development of a prototype is reliant on public grants or similar funding sources. Long term development and maintenance of the software is tied to resources granted by foundations or being donated by the public.
 
-### Status Quo
-
-Offen is created by [Frederik Ring](https://www.frederikring.com/) and [Hendrik Niefeld](http://niefeld.com/) and is currently being conceptually designed and in active development, both as a product as well as as a software.
-
 [![NLnet Foundation](/theme/images/nlnet-logo.svg){:width="160px" height="60px" class="mt4"}](https://nlnet.nl/)
 
 We are happy to work with [NLnet Foundation,](https://nlnet.nl/) which actively supports our efforts as part of its [Next Generation Internet](https://nlnet.nl/NGI/) initiative.
 
-### Beyond Offen
-
-Taking Offen as a reference point, we are proposing a standard named [analytics.txt](https://www.analyticstxt.org/) that allows websites and services to disclose information about their use of analytics software and user tracking.
-
-Furthermore, we have outlined a new [protocol](https://offen.github.io/protocol/) that supports the discoverable exchange of data over a single HTTP endpoint.
-
 ### Contact
 
 *Feel free to contact us with any kind of feedback.* From criticism and praise to contributions or support, everything is welcome. Get in touch.