diff --git a/homepage/content/articles/0050-milestone-3.md b/homepage/content/articles/0050-milestone-3.md new file mode 100644 index 0000000..5a14484 --- /dev/null +++ b/homepage/content/articles/0050-milestone-3.md @@ -0,0 +1,59 @@ +title: Displaying data | Offen +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 + +
+Milestone 3 - Displaying data +
+ +###### 14 Apr 2020, Hendrik Niefeld +# [Episode Three — Displaying data](/blog/displaying-data/) +Milestone 3 has been completed. This is what we have achieved in the last ten weeks. + +--- + +### UX improved +The Auditorium for users is now annotated with explanations of all metrics as well as analytics-specific terms. It also contains an FAQ section. In general, new metrics were added and the UX was refined for users and operators. +browser setup +These updates are already *up and running in our own instance* for users. Opt in and open the Auditorium. +[Check it out](https://analytics.offen.dev/){: target="_blank" data-button="yellow"} + +### Working in teams +If you want to improve your services with transparent and fair web analytics, it is very likely that you will collaborate in groups. Therefore, in a first draft we have added basic utilities for managing user logins and accounts. These tools will be further refined during milestone 4. + +### Convenient setup +Using the command line can be a bit intimidating. This is why we have added an in-browser setup screen for a more intuitive setup. You can now use your browser to perform the initial setup. +browser setup + +### Goodbye Choo, hello Preact +[Choo](https://choo.io/){: target="_blank"} was a great choice to build dynamic UIs very quickly. But as the Auditorium grew, we noticed a lack of mechanisms to break interfaces into components. So we migrated the application to [Preact.](https://preactjs.com/){: target="_blank"} A good choice to use modern paradigms for programming interfaces. + +### Ensuring integrity +Our binaries are now signed with a GPG key. After downloading Offen, you can now check if the binary you want to use is the one we intend to distribute. +[Learn more](https://docs.offen.dev/running-offen/downloads-distributions/#verifying-the-binaries-signatures){: target="_blank" data-button="yellow"} + +### Safari now fully supported +At the end of milestone 2 we noticed problems with the way the Safari browser stores keys. We fixed this by adding a dedicated fallback mechanism. [Give it a try.](https://www.offen.dev/get-started/) + +### Ready in one minute +Self-hosting is ideal for privacy focused software. Based on free resources, you can now deploy a production ready Offen instance to Heroku in a jiffy. +browser setup +We are currently considering the development of further 1-click options for platforms such as YunoHost and DigitalOcean. +[Deploy to Heroku](https://heroku.com/deploy?template=https://github.com/offen/heroku/tree/maste){: target="_blank" data-button="yellow"} + +### Happy Birthday to us +Offen is now [one year old.](https://github.com/offen/offen/commit/3a50763bbd93c9c655fad002e94c340a623ee613){: target="_blank"} We made some progress on our way to develop a self hosted and transparent alternative to established web analytics tools. + +But it is not yet the time for standing ovations. There is still a lot to be done. If you like, you can help us. *Stay tuned and provide us with your feedback.* Thanks in advance! + +### Up next +*Episode Four — Managing data* will feature a more fine grained account management and the collecting and implementing of first user feedback. We'll be right back. + +--- + +### Deep dive +Interested in the details? Want to get your hands dirty? Take a look at our code. +[Open GitHub repo](https://github.com/offen/offen){: target="_blank" data-button="black"} diff --git a/homepage/pelicanconf.py b/homepage/pelicanconf.py index 335518a..51c8fcd 100644 --- a/homepage/pelicanconf.py +++ b/homepage/pelicanconf.py @@ -57,7 +57,7 @@ DECORATE_CONTENT = { 'a:not([data-button])': ['gray'], 'h1': ['f2', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'], 'h2': ['f25', 'normal', 'lh-title', 'mt4', 'ma0', 'mb3', 'light-silver'], - 'h3': ['f5', 'normal', 'mt4', 'ma0', 'mb3', 'fnt-cclr-mid-black'], + 'h3': ['f5', 'normal', 'mt5', 'ma0', 'mb3', 'fnt-cclr-mid-black'], 'h4': ['f5', 'normal', 'mt4', 'ma0', 'mb3'], 'h5': ['f5', 'b', 'mt4', 'ma0', 'mb1'], # text over button 'h6': ['f5', 'lh-solid', 'normal', 'ma0', 'mb3', 'light-silver'], # date diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index 8e27ab1..6723e43 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -318,6 +318,9 @@ IMAGES height: 109px; margin-bottom: -2rem; } +.screencast { + border: 1px solid #DDDDDD; +} /* Custom media query - extra small */ @media only screen and (min-width: 30em) { .larger-image { diff --git a/homepage/theme/static/images/offen-blog-0050-browserSetup.gif b/homepage/theme/static/images/offen-blog-0050-browserSetup.gif new file mode 100644 index 0000000..4ca6fe9 Binary files /dev/null and b/homepage/theme/static/images/offen-blog-0050-browserSetup.gif differ diff --git a/homepage/theme/static/images/offen-blog-0050-explainer.gif b/homepage/theme/static/images/offen-blog-0050-explainer.gif new file mode 100644 index 0000000..bbd60d0 Binary files /dev/null and b/homepage/theme/static/images/offen-blog-0050-explainer.gif differ diff --git a/homepage/theme/static/images/offen-blog-0050-milestone-3.jpg b/homepage/theme/static/images/offen-blog-0050-milestone-3.jpg new file mode 100644 index 0000000..3daf5ba Binary files /dev/null and b/homepage/theme/static/images/offen-blog-0050-milestone-3.jpg differ diff --git a/homepage/theme/static/images/offen-blog-0050_oneClickDeploy.gif b/homepage/theme/static/images/offen-blog-0050_oneClickDeploy.gif new file mode 100644 index 0000000..8fabea2 Binary files /dev/null and b/homepage/theme/static/images/offen-blog-0050_oneClickDeploy.gif differ