updates for latest presentation

css/style.css

@@ -56,6 +56,8 @@ a:hover { color: #333;}
 #overview .image { height: 3.2em; width: 2.5em}
 #overview .text { font-size: 60px; }
 
+#tastesgreat {font-size:100px;}
+
 #scales {height:300px;width:800px;}
 #scales .image { height: 2em; width: 2em}
 #scales .text { font-size: 60px; }

index.html

@@ -35,6 +35,13 @@
 			  </div>
       </div>
 
+      <div id="tastesgreat" class="step" data-x="-300" data-y="-750">
+        <div class="big">
+          <div>Erlang tastes <b>GREAT</b></div>
+          <div class="text extralight">but it is an aquired taste</div>
+			  </div>
+      </div>
+
       <div id="scales" class="step" data-x="500" data-y="-550">
         <div class="right">
           <object class="image" data="img/scale.svg" type="image/svg+xml"></object>
@@ -45,10 +52,6 @@
 			  </div>
       </div>
 
-      <div id="munctional" class="step" data-x="10000" data-y="0">
-        <iframe width="100%" height="700px" src="http://www.youtube.com/embed/Tcrd7lhqA2w" frameborder="0" allowfullscreen></iframe>
-      </div>
-
       <div id="overview" class="step" data-x="100" data-y="100">
         <div class="left">
           <object class="image" data="img/baby.svg" type="image/svg+xml"></object>
@@ -143,6 +146,14 @@
         <p class="bold big">Erlang <b>has...</b></p>
       </div>
 
+      <div class="step has" data-x="1100" data-y="200" data-scale="0.01">
+        <p class="bold">Single assignment</p>
+        <p><i>truth statements; synonyms</i></p>
+        <p><i>no mutable state</i></p>
+        <p class="big"><b>pattern matching</b></p>
+        <p><i>we will come back to this</i></p>
+      </div>
+
       <div class="step has" data-x="700" data-y="-200" data-scale="0.5">
         <p class="bold">Functions</p>
         <p><i>{M, F, A} = {module, function, arity}</i></p>