From 17f99474d057fadbf7a9a90ea3572fd7c79d6019 Mon Sep 17 00:00:00 2001 From: Hendrik Niefeld Date: Sat, 25 Apr 2020 08:16:43 +0200 Subject: [PATCH] cta and layout --- homepage/theme/static/css/fix.css | 32 ++++++++------- .../theme/static/images/gfx-bg-explainer.svg | 3 ++ ...ern-mint-bright.svg => gfx-bg-feature.svg} | 0 .../theme/static/images/gfx-object-white.svg | 1 - .../static/images/gfx-pattern-mint-mid.svg | 1 - homepage/theme/templates/index.html | 41 ++++++++++++++----- 6 files changed, 52 insertions(+), 26 deletions(-) create mode 100644 homepage/theme/static/images/gfx-bg-explainer.svg rename homepage/theme/static/images/{gfx-pattern-mint-bright.svg => gfx-bg-feature.svg} (100%) delete mode 100644 homepage/theme/static/images/gfx-object-white.svg delete mode 100644 homepage/theme/static/images/gfx-pattern-mint-mid.svg diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index a1405a7..0d43f05 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -36,8 +36,12 @@ COLORS NEW /* White */ .cclr-bg-white-fade { - background: linear-gradient(218.39deg, #FFFFFF 1.47%, rgba(255, 255, 255, 0) 98.24%), #F9F7F2; + background: linear-gradient(218.39deg, #FFFFFF 1.47%, rgba(255, 255, 255, 0) 98.24%), #F3F0E7; } +.cclr-bg-white-fade-metrics { + background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), #F3F0E7; +} + /* --------------------------------------------------- @@ -130,14 +134,15 @@ LAYOUT .hx24 { height: 24rem; } -.hx30 { +.hx-features, +.hx-try-user { height: 30rem; } .hx50 { height: 50rem; } -.hx150 { - height: 150rem; +.hx-metrics { + height: 100%; } .wx24, .wx24-metrics { @@ -145,11 +150,14 @@ LAYOUT } /* Tachyons breakpoints 30 & 60 */ @media only screen and (min-width: 30em) { + .hx-try-user { + height: 26rem; + } .wx24, .wx24-metrics { width: 24rem; } - .hx150 { + .hx-metrics { height: 118rem; } } @@ -521,14 +529,10 @@ GRAPHICS } /* --------------------------------------------- */ #bg-feature { - background: url(/theme/images/gfx-pattern-mint-bright.svg) center; + background: url(/theme/images/gfx-bg-feature.svg) #BBD9D3 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; +#bg-explainer { + background: + url(/theme/images/gfx-bg-explainer.svg) top center repeat-x, + url(/theme/images/gfx-bg-explainer.svg) bottom center repeat-x; } diff --git a/homepage/theme/static/images/gfx-bg-explainer.svg b/homepage/theme/static/images/gfx-bg-explainer.svg new file mode 100644 index 0000000..32d8414 --- /dev/null +++ b/homepage/theme/static/images/gfx-bg-explainer.svg @@ -0,0 +1,3 @@ + + + diff --git a/homepage/theme/static/images/gfx-pattern-mint-bright.svg b/homepage/theme/static/images/gfx-bg-feature.svg similarity index 100% rename from homepage/theme/static/images/gfx-pattern-mint-bright.svg rename to homepage/theme/static/images/gfx-bg-feature.svg diff --git a/homepage/theme/static/images/gfx-object-white.svg b/homepage/theme/static/images/gfx-object-white.svg deleted file mode 100644 index a0cf6b6..0000000 --- a/homepage/theme/static/images/gfx-object-white.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/homepage/theme/static/images/gfx-pattern-mint-mid.svg b/homepage/theme/static/images/gfx-pattern-mint-mid.svg deleted file mode 100644 index 3e456ba..0000000 --- a/homepage/theme/static/images/gfx-pattern-mint-mid.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index d219030..ef42ac7 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -78,12 +78,12 @@
-
-

+

+

Gain insights in an ethical way

-

+

Web analytics is still an unfair and impenetrable business. A proper alternative to common tools is missing. Therefore we develop one. Learn more

@@ -93,7 +93,7 @@ -
+
@@ -294,7 +294,7 @@
-
+

@@ -334,7 +334,7 @@

-
+

Try as user @@ -346,14 +346,14 @@ Open Auditorium

-
+
-
+
@@ -405,7 +405,7 @@
-
+

Weekly retention @@ -421,7 +421,28 @@

- + +
+
+

+ Switch to fair web analytics +

+
+
+

+ Single binary file for Linux, Windows or MacOS +

+ Download demo +
+
+

+ All you need to use Offen in production +

+ Get started +
+
+
+