final layout optimizations for 1024x768

2 files changed, 4 insertions, 13 deletions

diff --git a/index.css b/index.css
index 527a0af..2fc3043 100644
--- a/index.css
+++ b/index.css
@@ -76,16 +76,9 @@ table.center {
     cursor: pointer;
 }
 
-.sources-list ul, .sources-list p {
-    margin-top: 0;
-    margin-bottom: 0;
-}
 .sources-list p {
     font-style: italic;
 }
-.sources-list {
-    margin: 1em;
-}
 
 #io h3 {
     padding-bottom: 1em;
@@ -98,7 +91,7 @@ table.center {
 }
 .bar div {
     width: 0;
-    height: 2px;
+    height: 5px;
 }
 #progressBar {
     bottom: 0;
diff --git a/index.html b/index.html
index bf780b4..86fb29a 100644
--- a/index.html
+++ b/index.html
@@ -89,7 +89,7 @@
                     winH = window.innerHeight,
                     picW = me.node().naturalWidth,
                     picH = me.node().naturalHeight,
-                    ratioH = 0.7*extraRatio, ratioW = 0.8;
+                    ratioH = 0.65*extraRatio, ratioW = 0.8;
                 if ((winW*ratioW)/picW > (winH*ratioH)/picH) {
                     me.style("height", winH*ratioH + "px");
                     me.style("width", "auto");
@@ -259,7 +259,7 @@
                 <p style="font-size: inherit; font-style: italic;">medv</p>
             </div>
             <div class="innerStep emoji scale center">
-                <p style="font-size: inherit;">Eingabe (13 :game_die:)</p>
+                <p style="font-size: inherit;">Eingabe (13 :house_with_garden:)</p>
                 <p style="font-size: inherit;">&darr;</p>
                 <p style="font-size: inherit;">künstliches neuronales Netz (:sparkles:)</p>
                 <p style="font-size: inherit;">&darr;</p>
@@ -361,7 +361,7 @@
                 <p style="font-size: inherit;">:computer: :hammer:</p>
                 <p style="font-size: inherit;" class="emoji innerStep">
                    $$430 \cdot 300 = 129 000$$
-                    :hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer:</p>
+                    :hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer::hammer:</p>
             </div>
         </div>
 
@@ -423,7 +423,6 @@
                             } while (Math.abs(calculated - expected) > 3);
                             d3.select(c).select(".calculated").text(calculated.toString());
                             d3.select(c).select(".expected").text(expected.toString());
-                            weightsWrapper.activate(inputs);
                         }
                         calc();
                         d3.select(c).select(".btn-calc").on("click", calc);
@@ -453,7 +452,6 @@
                                 } while (Math.abs(calculated - expected) > 3);
                                 d3.select(c).select(".calculated").text(calculated.toString());
                                 d3.select(c).select(".expected").text(expected.toString());
-                                weightsWrapper.activate(inputs);
                             }
                             calc();
                             d3.select(c).select(".btn-calc").on("click", calc);