add sources; layout

1 files changed, 36 insertions, 5 deletions

diff --git a/index.html b/index.html
index 1af49b7..5f9cff0 100644
--- a/index.html
+++ b/index.html
@@ -80,7 +80,7 @@
                     winH = window.innerHeight,
                     picW = me.node().naturalWidth,
                     picH = me.node().naturalHeight,
-                    ratioH = 0.7*extraRatio, ratioW = 0.7;
+                    ratioH = 0.7*extraRatio, ratioW = 0.8;
                 if ((winW*ratioW)/picW > (winH*ratioH)/picH) {
                     me.style("height", winH*ratioH + "px");
                     me.style("width", "auto");
@@ -90,7 +90,7 @@
                 }
             };
             d3.selectAll(".scalepic").each(scalePicture);
-            d3.selectAll(".scalepic-half").each(function(d, i) { scalePicture(d, i, this, 0.45); });
+            d3.selectAll(".scalepic-half").each(function(d, i) { scalePicture(d, i, this, 0.5); });
         };
         window.addEventListener("resize", sizeSlides);
 
@@ -180,7 +180,7 @@
                 <div class="innerStep center">
                     <h3>Neuronales Netz &ndash; künstliches neuronales Netz</h3>
                     <img class="scalepic-half" src="img/neuronales-netz.jpg" alt="Foto Neuron" />
-                    <img class="scalepic-half" src="img/kuenstliches_neuronales_netz.png" alt="Mehrschichtiges Perzeptron" />
+                    <img class="scalepic-half" src="img/kuenstliches_neuronales_netz.svg" alt="Mehrschichtiges Perzeptron" />
                 </div>
             </div>
 
@@ -289,7 +289,7 @@
             <div id="boston-bias" class="step slide" data-x="3000" data-y="3000" data-z="0">
                 <h3>(Eine geht noch.)</h3>
                 <p style="text-align: center; font-size: 140%;">
-                        Berechneter MEDV-Wert: <span class="calculated">lade…</span> - Erwarteter MEDV-Wert: <span class="expected">lade…</span>
+                    Berechneter MEDV-Wert: <span class="calculated">lade…</span> - Erwarteter MEDV-Wert: <span class="expected">lade…</span>
                     <button class="mdl-button mdl-js-button btn-calc"><i class="material-icons">redo</i></button>
                 </p>
                 <div class="visContainer"></div>
@@ -435,7 +435,38 @@
             </div>
 
         <div id="sources" class="step slide" data-x="7000" data-y="0" data-z="1000">
-            <h3>Quellen, Lizenzen &amp; mehr</h3>
+            <h3 class="emoji">Quellen und Lizenzen :bookmark_tabs:</h3>
+            <div class="sources-list">
+                <p>Quellen</p>
+                <ul>
+                    <li>Roman V. Belavkin &ndash; Lecture 11: Feed-Forward Neural Networks</li>
+                    <li>Carlos Gershenson &ndash; Artificial Neural Networks for beginners</li>
+                    <li>Carsten Könneker und Uwe Reichert &ndash; Lexikon der Biologie: Effektorzellen, Rezeptorzellen, Neuron</li>
+                </ul>
+                <p>Daten</p>
+                <ul>
+                    <li>Harrison, D. and Rubinfeld, D.L. &ndash; Housing Data Set (gemeinfrei)</li>
+                    <li>Timo H. &ndash; Gewichte des neuronalen Netzes zur Lösung des Problems der Boston-Datenreihe (CC-0)</li>
+                </ul>
+                <p>Grafiken</p>
+                <ul>
+                    <li>MethoxyRoxy &ndash; Pyramidal hippocampal neuron (CC-BY-SA 2.5)</li>
+                    <li>SEER, US National Cancer Institute, Dhp1080, Unbekannt &ndash; Neuron, sprachneutral (CC BY-SA 3.0)</li>
+                    <li>Chrislb &ndash; Schema eines künstlichen Neurons (CC-BY-SA 3.0)</li>
+                    <li>Sky99 &ndash; Struktur eines klassischen Multi-Layer-Perzeptrons (CC-BY-SA 3.0)</li>
+                    <li>EmojiOne &ndash; EmojiOne (CC-BY 4.0)</li>
+                    <li>Google &ndash; Material Design Icons (CC-BY 4.0)</li>
+                    <li>Timo H. &ndash; Diagramme und Präsentationslayout (CC-BY-SA 4.0)</li>
+                </ul>
+                <p>Bibliotheken</p>
+                <ul>
+                    <li>Bartek Szopka und Mitwirkende &ndash; impress.js (MIT)</li>
+                    <li>Google &ndash; Material Design Lite (Apache 2)</li>
+                    <li>Michael Bostock &ndash; D3.js (New BSD)</li>
+                    <li>MathJax-Vereinigung &ndash; MathJax (Apache 2)</li>
+                    <li>Timo H. &ndash; Programmcode der Präsentation (GPL 3)</li>
+                </ul>
+            </div>
         </div>
 
         <div id="thanx" class="step slide" data-x="7000" data-y="1000" data-z="1000">