derekovecs: som: make special and reference corpus distictions visible
diff --git a/css/derekovecs.css b/css/derekovecs.css
index 5c814c7..a917092 100644
--- a/css/derekovecs.css
+++ b/css/derekovecs.css
@@ -94,6 +94,24 @@
text-decoration: underline;
}
+.somtext {
+ font-style: normal;
+ color: #333;
+}
+
+.somtext.merged {
+ font-style: italic;
+ color: #333;
+ fill: #333;
+}
+
+.somtext.target {
+ font-weight: bold;
+ animation: blink-animation 0.5s steps(5, start) 100;
+ -webkit-animation: blink-animation 1s steps(5, start) infinite;
+}
+
+a.target.merged {
a.target {
font-weight: bold;
animation: blink-animation 0.5s steps(5, start) 100;
diff --git a/js/som.js b/js/som.js
index 7c5cca1..7786ae2 100644
--- a/js/som.js
+++ b/js/som.js
@@ -205,13 +205,16 @@
.append("text")
.attr("text-anchor", "bottom")
.attr("font-size", 12)
- .attr("fill", function(d) {
- if(data.target.indexOf(" "+d+" ") >= 0) {
- return "blue";
- } else {
- return "#333"
- }
- })
+ .attr("class", function(d, i) {
+ var c="somtext";
+ if(data.target.indexOf(" "+d+" ") >= 0) {
+ c += " target";
+ }
+ if(data.ranks[i] >= data.mergedEnd) {
+ c += " merged";
+ }
+ return c;
+ })
.text(function(d) { return d; });
$('g.u a, g.tsnet a, td.paradigmator a').on('mousedown', function(e) {