monitoring-jekyll-theme 0.3.8 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 98517cd09ffe603ca25610d44008bf604bc600565d8a8a395992ed2422b673c3
-  data.tar.gz: c611b05083286283e59273ec9d1540c24c246cd5ef31e289f94a526a5b7404ac
+  metadata.gz: 60e2fd234be392f665f947ae7ae0799603d6b79972c7b14f238c33412793b04e
+  data.tar.gz: 515ad49f276c0635d172ab952f118e0407e70b8a68385d7d0347e091c9e9610e
 SHA512:
-  metadata.gz: 5443a809cefc8cf632030ed42dcf1c4a009c0665dc2e4c5c3a8cfcb278bbcc5705d015704fea0a39b967416388efe559ac84020c8c7ace04d3edd2a15b8c48be
-  data.tar.gz: 9157c59f04cf3275d7b88a8e9531486da170d3834eaae4396a92454be9d68fa5d4ec50d224252d9bd29fb1651a80dd930017009a8d9ad317a3587783e9ad72e5
+  metadata.gz: 805a7907ef5cbd0e130c2b40e7a3736195a39702109d7b20cea0688d07ab3250b17cd7bf05b24aaee83e5a77259aab7112db9649c08c3784db43f5e53ba45afe
+  data.tar.gz: e16aad467d4e06c3b43e5da14a7a3ed3b58b979c1a6a4621f8716ddcc093f5684612f2ed7c637fd83c70f612a6a46a62fc2aa2383ed61e0fe52ef617a8c2ee66

data/README.md

@@ -15,8 +15,7 @@
 -   <https://codepen.io/pbakaus/pen/OJLNNvm>
 -   <https://www.npmjs.com/package/google>
 -   <https://raphaelfabeni.com/ui-interactions/>
--   https://www.ekopedia.fr/wiki/H%C3%A9bergement_Internet
-
+-   <https://www.ekopedia.fr/wiki/H%C3%A9bergement_Internet>
 
 ## Annuaires Immobilier
 
@@ -43,6 +42,8 @@ replace \\/ => / seocli
 -   <https://moz.com/free-seo-tools>
 -   <https://developers.google.com/webmaster-tools/search-console-api-original/v3/searchanalytics/query>
 -   <https://ahrefs.com/fr/website-authority-checker>
+-   <https://web.dev/measure>
+-     https://www.thinkwithgoogle.com/intl/fr-fr/feature/testmysite/
 
 ## Ressources
 

data/_includes/statistiques.html

@@ -274,7 +274,7 @@
           </div>
           <div class="box score">
             <span class="title">TTI</span>
-            <span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd | round  }}</span>
+            <span class="number">{{ yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd | round }}</span>
             <i>ms</i>
             {% if forloop.index != 1 %}<span
               class="score-difference{% if timeToFirstByte > yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %} score-down{% endif %}{% if timeToFirstByte < yellowlabtools.toolsResults.phantomas.metrics.domContentLoadedEnd %} score-up{% endif %}"></span>{% endif %}

data/assets/css/styles.css

@@ -283,6 +283,45 @@ a {
   font-variant-numeric: tabular-nums;
 }
 
+.list-stats {
+  display: flex;
+  flex-direction: column-reverse;
+}
+
+.list-rank {
+  margin: 2em auto;
+  padding: 1em 3em 2em;
+  max-width: 30rem;
+  background: #fff;
+}
+
+.list-rank ul {
+  display: flex;
+  flex-direction: column-reverse;
+  margin: auto;
+  padding: 0;
+  list-style: none;
+  border-top: 1px solid #ccc;
+}
+
+.list-rank li {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.25em 0.25em;
+  list-style: none;
+  border-bottom: 1px solid #ccc;
+}
+
+.list-rank b {
+  padding: 0.25em 0.4em;
+  font-family: optiker;
+  font-size: 1.3rem;
+  color: #fefefe;
+  border-radius: 50%;
+  background: #333;
+}
+
 .grid:not(:nth-last-child(-n+3)) ul li {
   padding: 0.3em 0 0.3em 1em;
   max-width: 95%;
@@ -790,28 +829,47 @@ a {
 
 .progress {
   display: grid;
-  grid-template-columns: 20% 1fr;
   align-items: stretch;
   margin: 0;
   padding: 1rem 1.5rem;
   background: #fff;
 }
 
-.progress ~ .progress {
+@media screen and (min-width: 1024px) {
+  grid-template-columns: 20% 1fr;
+}
+
+.progress + .progress {
   padding-top: 0;
 }
 
+.progress ul {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  width: 90%;
+  margin: auto;
+  padding: 0;
+}
+.progress li {
+  min-width: 8rem;
+  list-style: none;
+}
+
 .progress > * {
   display: flex;
   align-items: center;
   margin: 0;
   padding: 1em 0;
   max-width: 100%;
-  min-height: 7em;
   border: 1px solid rgba(0, 0, 0, 0.3);
   box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
 }
 
+.progress > *:not(:first-child) {
+  min-height: 7em;
+}
+
 .progress > div:first-child {
   display: flex;
   align-items: center;
@@ -830,6 +888,26 @@ a {
   word-break: break-all;
 }
 
+/*-------------------------
+  NUMBER PROGRESS
+-------------------------*/
+
+.progress.progress-number li {
+  text-align: center;
+  font-weight: bold;
+  font-family: Optiker;
+}
+
+.progress.progress-number li b {
+  font-size: 2rem;
+}
+
+@media screen and (min-width: 1024px) {
+  .progress.progress-number li b {
+    font-size: 4rem;
+  }
+}
+
 /*-------------------------
   CIRCULAR PROGRESS BAR
 -------------------------*/
@@ -856,6 +934,7 @@ a {
   height: 100%;
   font-weight: 100;
   text-align: center;
+  margin-bottom: 4.5em;
 }
 
 .progress-circular ul > li:before {
@@ -887,7 +966,7 @@ a {
 
 .progress-circular svg {
   width: 100%;
-  height: 7em;
+  height: 10em;
 }
 
 .progress-circular svg:nth-child(2) {
@@ -927,17 +1006,31 @@ a {
   background: linear-gradient(90deg, rgba(34, 150, 30, 1) 0%, rgba(48, 212, 42, 1) 20%, rgba(214, 129, 0, 1) 70%, rgba(176, 2, 2, 1) 100%);
 }
 
+.progress-bar-element::before {
+  position: absolute;
+  content: '';
+  top: -1px;
+  left: -10%;
+  width: 100%;
+  width: 120%;
+  height: 1em;
+  border-top: 1px solid #ccc;
+  border-bottom: 1px solid #ccc;
+}
+
 .progress-bar-score, .progress-bar-tooltip {
   position: absolute;
   padding: 0 1em;
   min-width: 1em;
-  line-height: 2;
+  line-height: 1.3;
   transform: translate(-50%, -50%);
+  font-size: 1.3em;
+  font-family: optiker;
   text-align: center;
 }
 
 .progress-bar-score:first-child, .progress-bar-score:last-child {
-  top: -110%;
+  top: -45%;
   right: calc(100% + 2em);
   height: 2em;
   text-align: left;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: monitoring-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.3.8
+  version: 0.4.0
 platform: ruby
 authors:
 - bertrandkeller
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-18 00:00:00.000000000 Z
+date: 2019-09-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll