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
-
+
@@ -383,10 +383,10 @@
-
- Top pages
+
+ Key metrics
-
+
@@ -395,10 +395,10 @@
-
- Temp
+
+ Top pages
-
+
@@ -407,10 +407,10 @@
-
- Temp
+
+ Weekly retention
-
+
