From f6c6e75a416854c12af211fc27959db7f6e20e55 Mon Sep 17 00:00:00 2001 From: hendr-ik Date: Sun, 22 Dec 2019 21:38:12 +0100 Subject: [PATCH] layout --- homepage/content/pages/index.md | 29 +++++++++----- homepage/pelicanconf.py | 12 +++--- homepage/theme/static/css/fix.css | 16 ++++++-- homepage/theme/templates/base.html | 62 +++++++++++++++-------------- homepage/theme/templates/index.html | 52 ++++++++++++------------ 5 files changed, 97 insertions(+), 74 deletions(-) diff --git a/homepage/content/pages/index.md b/homepage/content/pages/index.md index 83b71bc..7bc8f2e 100644 --- a/homepage/content/pages/index.md +++ b/homepage/content/pages/index.md @@ -4,16 +4,27 @@ save_as: index.html template: index sitemap_priority: 1.0 -## Summary -Offen is a web analytics software that gives users access to the data they are generating. Not only operators running sites or applications are given able to use the analytics tools, but also *the users themselves are granted access to and ownership of their data*. +
+

Summary

-Usage metrics come with explanations about their meaning, relevance, usage and possible privacy implications. Offen also details *which kind of data is not collected*. All data can be deleted selectively or in its entirety by the users, or the collection can be disabled altogether. +

+Offen is a web analytics software that gives users access to the data they are generating. Not only operators running sites or applications are given able to use the analytics tools, but also the users themselves are granted access to and ownership of their data. +

-Offen treats both users and operators as parties of equal importance. Users can expect full transparency and are encouraged to make *autonomous and informed decisions regarding the use of their data*. Operators are enabled to gain insights while respecting their users' privacy and data. - -Offen is currently in the early stages of development and is applying for funds to sustain its development. An early alpha version is running on this site: you can *visit the [auditorium](/auditorium/)* to access your data. - -
-Deep dive +

+Usage metrics come with explanations about their meaning, relevance, usage and possible privacy implications. Offen also details which kind of data is not collected. All data can be deleted selectively or in its entirety by the users, or the collection can be disabled altogether. +

+ +
+

+Offen treats both users and operators as parties of equal importance. Users can expect full transparency and are encouraged to make autonomous and informed decisions regarding the use of their data. Operators are enabled to gain insights while respecting their users' privacy and data. +

+ +

+Offen is currently in the early stages of development and is applying for funds to sustain its development. An early alpha version is running on this site: you can visit the [auditorium](/auditorium/) to access your data. +

+ +Deep dive +
\ No newline at end of file diff --git a/homepage/pelicanconf.py b/homepage/pelicanconf.py index bbd8bea..adcb3c4 100644 --- a/homepage/pelicanconf.py +++ b/homepage/pelicanconf.py @@ -48,12 +48,12 @@ PLUGINS = ['decorate_content', 'assets'] # maps any CSS selector to a list of classes to be added DECORATE_CONTENT = { -'h2': ['pa0', 'ma0'], -'h3': ['pa0', 'ma0'], -'h4': ['pa0', 'ma0'], -'h5': ['pa0', 'ma0'], -'h6': ['pa0', 'ma0'], -'p': ['pa0', 'ma0'] +'h2': ['f25', 'ma0', 'mb3'], +'h3': ['ma0'], +'h4': ['ma0'], +'h5': ['ma0'], +'h6': ['ma0'], +'p': ['ma0', 'mb2'] } GITHUB_ORG = 'https://github.com/offen' diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index 8d3938b..2192819 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -4,6 +4,12 @@ CUSTOM COLORS .cclr-mid-yellow { background-color: #F7BF08; } +.fnt-cclr-mid-yellow { /* font color */ + color: #F7BF08; + } +.brd-cclr-mid-yellow { /* button border color */ + border-color: #F7BF08; + } .cclr-bright-yellow { background-color: #fde28c; } @@ -47,6 +53,12 @@ LAYOUT .w55 { width: 18rem; } +/* custom margin for two-row text */ +@media only screen and (min-width: 1088px) { + .mrgn-t { + margin-top: 2.8rem; + } +} /* --------------------------------------------------- @@ -231,15 +243,13 @@ GRAPHICS #bg-feature { background: url(/theme/images/gfx-pattern-mint-bright.svg) center; } -/* #bg-cta-top { background: url(/theme/images/gfx-object-white.svg) center; } - #bg-outro { background: url(/theme/images/gfx-pattern-yellow-bright.svg) center; } - +/* #bg-cta-bottom { background: url(/theme/images/gfx-pattern-yellow-bright.svg) center; } diff --git a/homepage/theme/templates/base.html b/homepage/theme/templates/base.html index e673a6b..5a96aa9 100644 --- a/homepage/theme/templates/base.html +++ b/homepage/theme/templates/base.html @@ -120,36 +120,40 @@ {% endblock %}
-
-
-

Offen

-

Transparent web analytics

-

for everyone

+
+ +
+
+

Offen +

Transparent web analytics +

for everyone +

+
+

+ {{CONTACT_EMAIL}} + [GPG Key] +

+

+ GitHub +

+

+ Patreon +

+
+
+

+ LinkedIn +

+

+ Twitter +

+

+ Legal Notice +

+
-
-

- {{CONTACT_EMAIL}} - [GPG Key] -

-

- GitHub -

-

- Patreon -

-
-
-

- LinkedIn -

-

- Twitter -

-

- Legal Notice -

-
-
+ +
{{ BUILD_DATE }}
diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 8228845..6ce28f9 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -2,8 +2,8 @@ {% block content %}
-
-
+
+
Offen logo
@@ -23,27 +23,27 @@
-
+
-
-

+
+

Free & Open

Anyone can audit our open source code to verify it works as intended. Offen will always be available free of charge.

-
-

+
+

Fair & Secure

Pay respect to your website visitors and gain insights as a user at the same time. All data is encrypted end-to-end.

-
-

+
+

Easy to use

@@ -57,43 +57,41 @@

-
-
-
-

+
+
+
+

In the making

-

+

Offen is still in alpha. Discover what is already up and running and where we want to go in the coming months.

-
- Project status -
+ Project status

-
-
+ +
+
{{ page.content }}
{% endblock %} + {% block outro %}
-
-
-
-

+
+
+
+

Ethical internet

-

+

We're working hard to ensure that Offen is independent, cutting-edge and can be sustained for years to come.

-
- Support us -
+ Support us