From 5eff8b4464bfec3c3a2371750f4fb6cdf8450dff Mon Sep 17 00:00:00 2001 From: Hendrik Niefeld Date: Fri, 24 Apr 2020 22:26:10 +0200 Subject: [PATCH] all metrics --- homepage/theme/static/css/fix.css | 25 +++++++----- .../theme/static/images/gfx-metrics-key.svg | 18 +++++++++ .../static/images/gfx-metrics-retention.svg | 40 +++++++++++++++++++ homepage/theme/templates/index.html | 24 +++++------ 4 files changed, 86 insertions(+), 21 deletions(-) create mode 100644 homepage/theme/static/images/gfx-metrics-key.svg create mode 100644 homepage/theme/static/images/gfx-metrics-retention.svg diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index 808e61e..a1405a7 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -86,7 +86,7 @@ LAYOUT width: 100%; height: 4rem; /* Tachyons mt5 */ position: fixed; - z-index: 1; + z-index: 10; top: 0; right: 0; } @@ -136,8 +136,8 @@ LAYOUT .hx50 { height: 50rem; } -.hx200 { - height: 200rem; +.hx150 { + height: 150rem; } .wx24, .wx24-metrics { @@ -149,6 +149,9 @@ LAYOUT .wx24-metrics { width: 24rem; } + .hx150 { + height: 118rem; + } } @media only screen and (min-width: 60em) { .wx24-metrics { @@ -187,34 +190,38 @@ STACKING BOXES width: 24rem; } .stackbox-1 { + z-index : 1; top: 4rem; left: 3rem; } .stackbox-2 { - top: 30rem; + z-index : 3; + top: 20rem; left: calc(100% - 27rem) } .stackbox-3 { - top: 54rem; + z-index : 2; + top: 45rem; left: 3rem; } .stackbox-4 { - top: 80rem; + z-index : 4; + top: 64rem; left: calc(100% - 27rem) } } @media only screen and (min-width: 60em) { .stackbox-1 { - left: 10rem; + left: 6rem; } .stackbox-2 { - left: 30rem; + left: 29rem; } .stackbox-3 { left: 10rem; } .stackbox-4 { - left: 30rem; + left: 31rem; } } diff --git a/homepage/theme/static/images/gfx-metrics-key.svg b/homepage/theme/static/images/gfx-metrics-key.svg new file mode 100644 index 0000000..473edbd --- /dev/null +++ b/homepage/theme/static/images/gfx-metrics-key.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/homepage/theme/static/images/gfx-metrics-retention.svg b/homepage/theme/static/images/gfx-metrics-retention.svg new file mode 100644 index 0000000..fda3ac0 --- /dev/null +++ b/homepage/theme/static/images/gfx-metrics-retention.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 4acc3bc..d219030 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -353,7 +353,7 @@ -
+
@@ -371,10 +371,10 @@
-

+

Page views and users

- temp + temp
@@ -383,10 +383,10 @@
-

- Top pages +

+ Key metrics

- temp + temp
@@ -395,10 +395,10 @@
-

- Temp +

+ Top pages

- temp + temp
@@ -407,10 +407,10 @@
-

- Temp +

+ Weekly retention

- temp + temp