adding key numbers info on the instances

gargantext-org-website/css/default.sass

@@ -81,7 +81,6 @@ section .card *
 .card-header 
   border-bottom: 0
 
-
 .panel-articles .card,
 #section-connect .card 
   position: relative
@@ -97,12 +96,13 @@ section .card *
   left: 0px
 
 
-#section-connect .card-header 
-  font-size: 20px
-
-.card-with-logo .card-title,
-.card-with-logo .card-text 
-  padding-left: 4rem
+#section-connect 
+  .card
+    .card-header 
+      min-height: 56px
+    &:hover
+      .card-header
+        color: #000!important
 
 .card-title 
   color: inherit

gargantext-org-website/en/tiles/connect/01-demo-public.md

@@ -4,4 +4,7 @@ title: demo.gargantext.org
 text: Demo.
 url: https://demo.gargantext.org
 image: 
+stat_users: 133
+stat_graphs: 168
+stat_phylos: 17
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/02-formation.md

@@ -4,4 +4,7 @@ title: formation.gargantext.org
 text: "Education."
 url: https://formation.gargantext.org
 image: images/server-logo-graduate-hat.png
+stat_users: 823
+stat_graphs: 867
+stat_phylos: 60
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/03-server-academia.md

@@ -4,4 +4,7 @@ title: academia.sub.gargantext.org
 text: Academia.
 url: https://academia.sub.gargantext.org
 image: 
+stat_users: 173
+stat_graphs: 249
+stat_phylos: 14
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/04-server-cnrs.md

@@ -4,4 +4,7 @@ title: cnrs.gargantext.org
 text: Organization.
 url: https://cnrs.gargantext.org
 image: images/server-logo-cnrs.svg
+stat_users: 262
+stat_graphs: 558
+stat_phylos: 26
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/05-server-IMT.md

@@ -4,4 +4,7 @@ title: imt.sub.gargantext.org
 text: Organization.
 url: https://imt.sub.gargantext.org
 image: images/server-logo-imt.png
+stat_users: 68
+stat_graphs: 91
+stat_phylos: 7
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/06-server-helloword.md

@@ -4,4 +4,7 @@ title: helloword.gargantext.org
 text: Organization.
 url: https://helloword.gargantext.org
 image: 
+stat_users: 82
+stat_graphs: 121
+stat_phylos: 15
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/07-server-complexsystems.md

@@ -4,4 +4,7 @@ title: complexsystems.gargantext.org
 text: Community.
 url: https://complexsystems.gargantext.org
 image: images/logo-iscpif.png
+stat_users: 228
+stat_graphs: 178
+stat_phylos: 38
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/08-server-europa.md

@@ -4,4 +4,7 @@ title: europa.gargantext.org
 text: Networking.
 url: https://europa.gargantext.org
 image: images/server-logo-europe.svg
+stat_users: 196
+stat_graphs: 153
+stat_phylos: 28
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/09-server-earth.md

@@ -4,4 +4,7 @@ title: earth.sub.gargantext.org
 text: Community.
 url: https://demo.gargantext.org
 image: 
+stat_users: 81
+stat_graphs: 221
+stat_phylos: 27
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/10-server-health.md

@@ -4,4 +4,7 @@ title: health.sub.gargantext.org
 text: Community.
 url: https://health.sub.gargantext.org
 image: 
+stat_users: 51
+stat_graphs: 49
+stat_phylos: 14
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/11-server-msh.md

@@ -4,4 +4,7 @@ title: msh.sub.gargantext.org
 text: Community.
 url: https://msh.sub.gargantext.org
 image: 
+stat_users: 80
+stat_graphs: 38
+stat_phylos: 5
 ---
\ No newline at end of file

gargantext-org-website/en/tiles/connect/12-server-dev.md

@@ -4,4 +4,7 @@ title: dev.sub.gargantext.org
 text: Development.
 url: https://dev.sub.gargantext.org
 image: images/server-logo-sandbox.png
+stat_users: 79
+stat_graphs: 543
+stat_phylos: 68
 ---
\ No newline at end of file

gargantext-org-website/en/translation.yml

@@ -119,3 +119,7 @@ translation:
         <p>"Il était une fois un petit prince qui habitait une planète à peine plus grande que lui, et qui avait besoin d'un ami..." Pour ceux qui comprennent la vie, ça aurait eu l'air beaucoup plus vrai.</p>
         <p>Car je n'aime pas qu'on lise mon livre à la légère. J'éprouve tant de chagrin à raconter ces souvenirs. Il y a six ans déjà que mon ami s'en est allé avec son mouton. Si j'essaie ici de le décrire, c'est afin de ne pas l'oublier. C'est triste d'oublier un ami. Tout le monde n'a pas eu un ami. Et je puis devenir comme les grandes personnes qui ne s'intéressent plus qu'aux chiffres. C'est donc pour ça encore que j'ai acheté une boîte de couleurs et des crayons. C'est dur de se remettre au dessin, à mon âge, quand on n'a jamais fait d'autres tentatives que celle d
   
+  # Strings
+  USERS: "users"
+  GRAPHS: "graphs"
+  PHYLOS: "phylomemies"
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/01-server-demo-public.md

@@ -4,4 +4,7 @@ title: demo.gargantext.org
 text: Démo.
 url: https://demo.gargantext.org
 image: 
+stat_users: 133
+stat_graphs: 168
+stat_phylos: 17
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/02-server-formation.md

@@ -4,4 +4,7 @@ title: formation.gargantext.org
 text: "Éducation."
 url: https://formation.gargantext.org
 image: images/server-logo-graduate-hat.png
+stat_users: 823
+stat_graphs: 867
+stat_phylos: 60
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/03-server-academia.md

@@ -4,4 +4,7 @@ title: academia.sub.gargantext.org
 text: Academia.
 url: https://academia.sub.gargantext.org
 image: 
+stat_users: 173
+stat_graphs: 249
+stat_phylos: 14
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/04-server-cnrs.md

 ---
 header: CNRS
-title: cnrs.gargantext.org
+title: "cnrs.gargantext.org"
 text: Organisation.
 url: https://cnrs.gargantext.org
 image: images/server-logo-cnrs.svg
+stat_users: 262
+stat_graphs: 558
+stat_phylos: 26
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/05-server-IMT.md

@@ -4,4 +4,7 @@ title: imt.sub.gargantext.org
 text: Organisation.
 url: https://imt.sub.gargantext.org
 image: images/server-logo-imt.png
+stat_users: 68
+stat_graphs: 91
+stat_phylos: 7
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/06-server-helloword.md

@@ -4,4 +4,7 @@ title: helloword.gargantext.org
 text: Organisation.
 url: https://helloword.gargantext.org
 image: 
+stat_users: 82
+stat_graphs: 121
+stat_phylos: 15
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/07-server-complexsystems.md

@@ -4,4 +4,7 @@ title: complexsystems.gargantext.org
 text: Communauté.
 url: https://complexsystems.gargantext.org
 image: images/logo-iscpif.png
+stat_users: 228
+stat_graphs: 178
+stat_phylos: 38
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/08-server-europa.md

@@ -4,4 +4,7 @@ title: europa.gargantext.org
 text: Networking.
 url: https://europa.gargantext.org
 image: images/server-logo-europe.svg
+stat_users: 196
+stat_graphs: 153
+stat_phylos: 28
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/09-server-earth.md

@@ -4,4 +4,7 @@ title: earth.sub.gargantext.org
 text: Communauté.
 url: https://demo.gargantext.org
 image: 
+stat_users: 81
+stat_graphs: 221
+stat_phylos: 27
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/10-server-health.md

@@ -4,4 +4,7 @@ title: health.sub.gargantext.org
 text: Communauté.
 url: https://health.sub.gargantext.org
 image: 
+stat_users: 51
+stat_graphs: 49
+stat_phylos: 14
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/11-server-msh.md

@@ -4,4 +4,7 @@ title: msh.sub.gargantext.org
 text: Communauté.
 url: https://msh.sub.gargantext.org
 image: 
+stat_users: 80
+stat_graphs: 38
+stat_phylos: 5
 ---
\ No newline at end of file

gargantext-org-website/fr/tiles/connect/12-server-dev.md

@@ -4,4 +4,7 @@ title: dev.sub.gargantext.org
 text: Développement.
 url: https://dev.sub.gargantext.org
 image: images/server-logo-sandbox.png
+stat_users: 79
+stat_graphs: 543
+stat_phylos: 68
 ---
\ No newline at end of file

gargantext-org-website/fr/translation.yml

@@ -119,3 +119,7 @@ translation:
         <p>"Il était une fois un petit prince qui habitait une planète à peine plus grande que lui, et qui avait besoin d'un ami..." Pour ceux qui comprennent la vie, ça aurait eu l'air beaucoup plus vrai.</p>
         <p>Car je n'aime pas qu'on lise mon livre à la légère. J'éprouve tant de chagrin à raconter ces souvenirs. Il y a six ans déjà que mon ami s'en est allé avec son mouton. Si j'essaie ici de le décrire, c'est afin de ne pas l'oublier. C'est triste d'oublier un ami. Tout le monde n'a pas eu un ami. Et je puis devenir comme les grandes personnes qui ne s'intéressent plus qu'aux chiffres. C'est donc pour ça encore que j'ai acheté une boîte de couleurs et des crayons. C'est dur de se remettre au dessin, à mon âge, quand on n'a jamais fait d'autres tentatives que celle d
   
+  # Strings
+  USERS: "utilisateurs"
+  GRAPHS: "graphs"
+  PHYLOS: "phylomémies"
\ No newline at end of file

gargantext-org-website/templates/tile-server.html

 <div class="col">
-    <div class="card shadow">
-        $if(header)$<div class="card-header text-uppercase text-primary">$header$</div>$endif$
-        <div class="card-body $if(image)$ card-with-logo $endif$">
-            $if(image)$<img src="/$image$" class="position-absolute start-0 ms-3" width="50" alt="">$endif$
-            $if(title)$<h6 class="card-title">$title$</h6>$endif$
-            $if(text)$<p class="card-text">$text$</p>$endif$
+    <div class="card shadow h-100">
+        $if(header)$
+            <div class="card-header text-uppercase text-primary bg-transparent text-center fw-bold fs-4 pt-3 pb-0 lh-1 align-content-center">
+                $if(image)$<img src="/$image$" class="me-2" height="40" alt=""> $endif$$header$
+            </div>
+        $endif$
+        <div class="card-body align-content-end">
+            <!-- $if(image)$<img src="/$image$" class="mx-auto d-block" height="40" alt="">$endif$ -->
+            $if(title)$<h5 class="text-center mt-2">$title$</h5>$endif$
+            $if(text)$<p class="text-center">$text$</p>$endif$
+
+            $if(stat_users)$
+                <row class="key-numbers d-flex justify-content-around my-5">    
+                    <h6 class="text-center text-garg-gradient"><span class="fs-3"><i class="fa fa-users fs-3 d-block mb-2" aria-hidden="true"></i> $stat_users$</span><span class="d-block text-secondary fw-normal">$translate("USERS")$</span></h6>
+                    $if(stat_graphs)$<h6 class="text-center text-garg-gradient"><span class="fs-3"><i class="fa fa-hubzilla fs-3 d-block mb-2" aria-hidden="true"></i> $stat_graphs$</span><span class="d-block text-secondary fw-normal">$translate("GRAPHS")$</span></h6>$endif$
+                    $if(stat_phylos)$<h6 class="text-center text-garg-gradient"><span class="fs-3"><i class="fa fa-code-fork fs-3 d-block mb-2" aria-hidden="true"></i> $stat_phylos$</span><span class="d-block text-secondary fw-normal">$translate("PHYLOS")$</span></h6>$endif$
+                </row>
+            $endif$
+            
             $if(url)$
-            <a href="$url$" target="_blank" class="btn btn-primary w-100">
-                $if(url_text)$
-                    $url_text$
-                $else$
-                    $translate("NAV_CONNECT")$
-                $endif$
-            </a>
+                <a href="$url$" target="_blank" class="btn btn-primary w-100">
+                    $if(url_text)$
+                        $url_text$
+                    $else$
+                        $translate("NAV_CONNECT")$
+                    $endif$
+                </a>
             $endif$
         </div>
     </div>