in progress

lib/css/qlobbe.css

@@ -93,6 +93,10 @@ body {
   /*background: #FFCC73;*/
 }
 
+.phylo-scape-poster {
+  background: #F1ECE0;
+}
+
 .phylo-timeline {
   grid-row: 3 / 5; 
   grid-column: 1 / 2; 
@@ -383,7 +387,7 @@ i.how:hover span {
 }
 
 .group-poster {
-  stroke: #0d1824;
+  stroke: #000000;
   fill: #fff; 
 }
 
@@ -415,10 +419,17 @@ i.how:hover span {
 
 .ngrams {
   visibility:  hidden;
+  text-anchor: middle;
+  font-family: 'Inter-Regular';
+  font-style:  normal;
+  font-weight: 400;  
 }
 
 .term {
   cursor: pointer;
+  font-family: 'Inter-Regular';
+  font-style:  normal;
+  font-weight: 400;    
 }
 
 .term:hover {
@@ -468,6 +479,7 @@ i.how:hover span {
 
 .path-poster {
   stroke: #B5B5B5;
+  /*stroke: #DE615B;*/
 }
 
 /* ---------- phylo ---------- */

ressources.js

@@ -831,6 +831,7 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame, sLin
                                        + " gy=" + yScale(g.to)
                                        + " gx=" + xScale(g.x)
                                        + " freq=" + findFreq(w[1])
+                                       + " text-anchor='middle' "
                                        + " label='" + w[0] + "'"
                                        + " gid=" + g.gId
                                        + " bid=" + g.bId
@@ -841,6 +842,7 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame, sLin
               .append("text")
               .attr("class","ngrams")
               .attr("text-anchor", "middle")
+              .attr("font-family", "Inter-Regular")
               .style("font-size", 12 * textRatio + "px")
               .style("visibility", "hidden")
                 .append("tspan")
@@ -1252,6 +1254,8 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame, sLin
         
         let paths = document.getElementsByClassName("group-path");
 
+        document.getElementById("phyloScape").classList.add("phylo-scape-poster");
+
         for (var i = 0; i < paths.length; i++) {
             if (!paths[i].classList.contains('path-focus')) {
                 paths[i].classList.add("path-poster");
@@ -1262,7 +1266,7 @@ function drawPhylo(branches, periods, groups, links, aLinks, bLinks, frame, sLin
         // conserver le termClick pour les liens
         let ngrams = document.getElementsByClassName("ngrams")
         for (var i = 0; i < ngrams.length; i++){
-            ngrams[i].style.visibility = "hidden";
+            //ngrams[i].style.visibility = "hidden";
         }        
     }