layout optimizations

4 files changed, 29 insertions, 4 deletions

diff --git a/code/weightvis.js b/code/weightvis.js
index 428d3ce..b964367 100644
--- a/code/weightvis.js
+++ b/code/weightvis.js
@@ -517,7 +517,14 @@ var NetVisualizer = (function() {
             min = d3.min(flatActivations, Math.abs);
         var node = this.svg.selectAll(".node");
         node.each(function(d) { d.altLayout = activations[d.layer][d.node]>0; })
-            .attr("r",  function(d) { return 2 * d.r * (Math.abs(activations[d.layer][d.node]) - min) / (max-min); })
+            .attr("r", function(d) { return 2 * d.r * (Math.abs(activations[d.layer][d.node]) - min) / (max-min); })
+            .style("fill", fNodeColor);
+    };
+
+    NetVisualizer.prototype.clearNodeHighlights = function() {
+        this.svg.selectAll(".node")
+            .each(function(d) { d.altLayout = false; })
+            .attr("r", function(d) { return d.r; })
             .style("fill", fNodeColor);
     };
 
diff --git a/code/weightviswrapper.js b/code/weightviswrapper.js
index 1a0c5a6..4b0697b 100644
--- a/code/weightviswrapper.js
+++ b/code/weightviswrapper.js
@@ -149,6 +149,7 @@ var WeightVisWrapper = (function() {
             this.controlBarAttached = false;
         }
         this.reposition();
+        this.netVisualizer.clearNodeHighlights();
     };
 
     WeightVisWrapper.prototype.remove = function(el) {
diff --git a/index.css b/index.css
index 55c47f5..1e9256c 100644
--- a/index.css
+++ b/index.css
@@ -86,3 +86,7 @@ table.center {
 .sources-list {
     margin: 1em;
 }
+
+#io h3 {
+    padding-bottom: 1em;
+}
diff --git a/index.html b/index.html
index 5f9cff0..da8f4c5 100644
--- a/index.html
+++ b/index.html
@@ -20,7 +20,6 @@
     <script src="code/errorvis.js" type="text/javascript"></script>
     <script src="code/bostonset.js" type="text/javascript"></script>
 
-    <!-- TODO Lizenzen Emoji One, Wikimedia-Bilder -->
     <script type="text/javascript">
         var weightsWrapper = new WeightVisWrapper();
         var errorVis = new ErrorVis();
@@ -105,7 +104,6 @@
         <!-- TODO Fortschrittsbalken unten? -->
         <div id="title" class="step slide" data-x="0" data-y="0" data-z="1000">
             <h1>Künstliche neuronale Netze</h1>
-            <!-- TODO center oder Bild -->
             <h2>38 Gewichte in 19 Minuten</h2>
         </div>
 
@@ -470,7 +468,22 @@
         </div>
 
         <div id="thanx" class="step slide" data-x="7000" data-y="1000" data-z="1000">
-            <h1 class="emoji">:blush:</h1>
+            <h3 class="emoji">Vielen Dank für die Aufmerksamkeit! :blush:</h3>
+            <div class="visContainer"></div>
+            
+            <script type="text/javascript">
+                (function() {
+                    var mocker = new WeightVisWrapper();
+                    new VisIntegrater(function(c) {
+                        weightsWrapper.afterLoad(function() {
+                            weightsWrapper.jumpTo(weightsWrapper.steps()-1);
+                            weightsWrapper.openIn(c, false);
+                        });
+                    }, function(c) {
+                        weightsWrapper.remove(c);
+                    }, ".visContainer");
+                })();
+            </script>
         </div>
 
         <div id="overview" class="step" data-x="3500" data-y="1500" data-scale="11">