diff --git a/homepage/theme/static/css/fix.css b/homepage/theme/static/css/fix.css index b2a1db9..2e44db6 100644 --- a/homepage/theme/static/css/fix.css +++ b/homepage/theme/static/css/fix.css @@ -91,6 +91,12 @@ LAYOUT .wx24-metrics { width: 86%; } +.wx-table-a { + width: 20%; +} +.wx-table-b { + width: 16%; +} .hx24 { height: 24rem; } @@ -101,10 +107,9 @@ LAYOUT height: 30rem; } .hx-compare-c, -.hx-compare-d { - height: 100%; -} -.hx-metrics { +.hx-compare-d, +.hx-metrics, +.hx-difference { height: 100%; } @media only screen and (min-width: 30em) { @@ -112,6 +117,12 @@ LAYOUT .wx24-metrics { width: 24rem; } + .wx-table-a { + width: 30%; + } + .wx-table-b { + width: 20%; + } .hx-try-user { height: 24rem; } @@ -123,6 +134,9 @@ LAYOUT .wx24-metrics { width: 100%; } + .wx-table-b { + width: 25%; + } .hx-compare-c, .hx-compare-d { height: 50rem; @@ -130,6 +144,9 @@ LAYOUT .hx-metrics { height: 132rem; } + .hx-difference { + height: 33rem; + } } /* Margins an paddings */ @@ -296,7 +313,14 @@ i { .inner-shaddow { box-shadow: inset 0px 0px 4px 0px rgba(0,0,0,0.75); } - +@media only screen and (max-width: 45em) { + .hscroll { + overflow-x: auto; + } + .hscroll table { + width: 46rem; + } +} /* --------------------------------------------------- IMAGES diff --git a/homepage/theme/templates/index.html b/homepage/theme/templates/index.html index 51fbdb4..b48b967 100644 --- a/homepage/theme/templates/index.html +++ b/homepage/theme/templates/index.html @@ -483,65 +483,165 @@ - - - - - - - - -
- - Make a difference - -
++ + Make a difference + +
+- | Google Analytics | -Matomo | -Fathom | -Offen | -
Self host option available | -⚫ | -⚫ | -⚫ | -⚫ | -
+ | Google Analytics | +Matomo On-Premise | +Fathom | +Offen | +