2
0
mirror of https://github.com/offen/website.git synced 2024-12-23 13:30:20 +01:00
This commit is contained in:
Hendrik Niefeld 2020-04-13 08:28:56 +02:00
parent 5446a675a0
commit 615d1b1ed1
7 changed files with 10 additions and 4 deletions

View File

@ -17,7 +17,7 @@ Milestone 3 has been completed. This is what we have achieved in the last ten we
### 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.
<img class="screencast mt3 mb2" alt="browser setup" src="/theme/images/offen-blog-0050-explainer.gif"/>
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"}
@ -26,6 +26,7 @@ If you want to improve your services with transparent and fair web analytics, it
### 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.
<img class="screencast mt3 mb2" alt="browser setup" src="/theme/images/offen-blog-0050-browserSetup.gif"/>
### 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.
@ -38,13 +39,15 @@ Our binaries are now signed with a GPG key. After downloading Offen, you can now
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. We are currently considering the development of further 1-click options for platforms such as YunoHost and DigitalOcean.
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.
<img class="screencast mt3 mb2" alt="browser setup" src="/theme/images/offen-blog-0050_oneClickDeploy.gif"/>
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 very easily help us. Stay tuned and provide us with your feedback.* Thanks in advance!
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.

View File

@ -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

View File

@ -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 {

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

After

Width:  |  Height:  |  Size: 93 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 MiB