diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index 538e5ce..3effb49 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -143,11 +143,8 @@ LAYOUT .wx24-metrics { width: 86%; } -.hx24 { - height: 24rem; -} -.hx-features, -.hx-try-user { + +.hx-features, { height: 30rem; } .hx50 { @@ -158,6 +155,9 @@ LAYOUT } @media only screen and (min-width: 30em) { + .hx24 { + height: 24rem; + } .hx-try-user { height: 24rem; } @@ -179,6 +179,16 @@ LAYOUT } } + +/* Margins an paddings */ +.ptx-feature-2 { + padding-top: 9rem; +} +.ptx-feature-3 { + padding-top: 18rem; +} + + /* Stacking boxes */ .stackbox-10 img, .stackbox-20 img, @@ -517,25 +527,8 @@ IMAGES /* --------------------------------------------------- -GRAPHICS +BACKROUND IMAGES ----------------------------------------------------*/ -#bg-intro { - background: url(/theme/images/gfx-intro.svg); - background-repeat: no-repeat; - background-attachment: scroll; - background-position: 200px 80px; -} -@media only screen and (min-width: 30.1em) and (max-width: 60em) { - #bg-intro { - background-position: calc(20% + 120px) 80px; - } -} -@media only screen and (max-width: 30em) { - #bg-intro { - background-position: 10px 60px; - } -} -/* --------------------------------------------- */ #bg-feature-1 { background: url(/theme/images/gfx-feature-1.png) center; background-repeat: no-repeat; @@ -553,7 +546,6 @@ GRAPHICS background-size: 640px 480px; transform: rotate(180deg); } -/* --------------------------------------------- */ #bg-feature { background: url(/theme/images/gfx-bg-feature.svg) #BBD9D3 center; } diff --git a/homepage/theme/static/images/gfx-compare-a.png b/homepage/theme/static/images/gfx-compare-a.png new file mode 100644 index 0000000..e5f0862 Binary files /dev/null and b/homepage/theme/static/images/gfx-compare-a.png differ diff --git a/homepage/theme/static/images/gfx-compare-b-smile.png b/homepage/theme/static/images/gfx-compare-b-smile.png new file mode 100644 index 0000000..6441e3b Binary files /dev/null and b/homepage/theme/static/images/gfx-compare-b-smile.png differ diff --git a/homepage/theme/static/images/gfx-compare-b.png b/homepage/theme/static/images/gfx-compare-b.png new file mode 100644 index 0000000..c0e49d4 Binary files /dev/null and b/homepage/theme/static/images/gfx-compare-b.png differ diff --git a/homepage/theme/static/images/gfx-compare-e.png b/homepage/theme/static/images/gfx-compare-e.png new file mode 100644 index 0000000..a686ee0 Binary files /dev/null and b/homepage/theme/static/images/gfx-compare-e.png differ diff --git a/homepage/theme/static/images/gfx-compare-f-scribble.png b/homepage/theme/static/images/gfx-compare-f-scribble.png new file mode 100644 index 0000000..7c61692 Binary files /dev/null and b/homepage/theme/static/images/gfx-compare-f-scribble.png differ diff --git a/homepage/theme/static/images/gfx-feature-1.png b/homepage/theme/static/images/gfx-feature-1.png index f2442e6..ac6538a 100644 Binary files a/homepage/theme/static/images/gfx-feature-1.png and b/homepage/theme/static/images/gfx-feature-1.png differ diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 48cd7e7..06525ec 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -1,8 +1,8 @@ {% extends "page.html" %} {% block content %} -
-
+
+
Offen logo @@ -23,7 +23,7 @@ Offen is a fair alternative to common web analytics tools. Pay respect to your users while gaining insight into their behavior. Self hosted, open source and free.

- Start now + Learn more
@@ -51,7 +51,7 @@
-

+

Self hosted @@ -66,7 +66,7 @@
-

+

Fair & Secure @@ -117,30 +117,27 @@
-
- temp -

- Self host Offen and thereby comply with GDPR guidelines. -

-
-
- temp -

- Integrate the code snippet into pages you want to track. -

-
-
- temp -

- Make your users aware of the access to their data. -

-
-
- temp -

- Improve your services with fair and transparent insights. -

+ +
+
+ numbers +
+
+

+ Self host Offen and thereby comply with GDPR guidelines. +

+

+ Integrate the code snippet into pages you want to track. +

+

+ Make your users aware of the access to their data. +

+

+ Improve your services with fair and transparent insights. +

+
+
@@ -162,24 +159,25 @@
-
- temp -

- Opt in to data collection or decide to not participate at all. -

-
-
- temp -

- Review own data with detailed explanations of metrics and terms. -

-
-
- temp -

- Only delete usage data or opt out completly at any time. -

+ +
+
+ ok +
+
+

+ Opt in to data collection or decide to not participate at all. +

+

+ Review own data with detailed explanations of metrics and terms. +

+

+ Only delete usage data or opt out completly at any time. +

+ smile +
+
@@ -309,29 +307,24 @@ More features

-
- temp -

- Accounts can be shared within a team. -

-
-
- temp -

- User data is only stored for 6 months. -

-
-
- temp -

- In-browser screen for an intuitive setup. -

-
-
- temp -

- Detailed documentation is available. -

+
+
+ plus +
+
+

+ All your accounts can be shared within your team. +

+

+ User data is only stored for 6 months and then deleted. +

+

+ Use the in-browser screen for an more intuitive setup. +

+

+ A detailed documentation on how to run Offen is available. +

+
@@ -350,8 +343,9 @@

Offen is installed on this website. Access your actual usage data now.

-
+
Open Auditorium + smile