| 
					
				 | 
			
			
				@@ -1,44 +1,44 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <!DOCTYPE html> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <html> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <head> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<head> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <title>Learn Smalltalk with ProfStef</title> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <meta name="author" content="Nicolas Petton"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <link rel="stylesheet" type="text/css" href="css/profstef.css"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <script type='text/javascript' src='the.js'></script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <script type='text/javascript'> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      require(['app','jquery'], function (amber,$) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          amber.initialize({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            //used for all new packages in IDE 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            'transport.defaultAmdNamespace': "amber-trysmalltalk" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          $('#tutorial').empty(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          $('#version').text('v' + amber.globals.Smalltalk._version()); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          amber.globals.TrySmalltalkWidget._new()._appendToJQuery_(jQuery('#tutorial')); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <script type='text/javascript'> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        require(['app', 'jquery'], function (amber, $) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            amber.initialize({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                //used for all new packages in IDE 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                'transport.defaultAmdNamespace': "amber-trysmalltalk" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            $('#tutorial').empty(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            $('#version').text('v' + amber.globals.Smalltalk._version()); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            amber.globals.TrySmalltalkWidget._new()._appendToJQuery_(jQuery('#tutorial')); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</head> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </head> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<body> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  <body> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<div class="main"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <a id="back" href="/"> ← back to amber-lang.net </a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div>Amber <span id="version" style="color:red"></span></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <img src="images/profstef.png"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <h1>Hey there! Got 5 minutes? I'm prof Stef and I want to teach you Smalltalk. I promise, it won't take long!</h1> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <div id="tutorial"><h2>Loading...</h2></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<div id="footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <div class="main"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a id="back" href="/"> ← back to amber-lang.net </a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <div>Amber <span id="version" style="color:red"></span></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <img src="images/profstef.png"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <h1>Hey there! Got 5 minutes? I'm prof Stef and I want to teach you Smalltalk. I promise, it won't take long!</h1>  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-       
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <div id="tutorial"><h2>Loading...</h2></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-     
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div id="footer"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <div class="main"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <p>Copyright © 2011-2015 <a href="http://www.nicolas-petton.fr/">Nicolas Petton</a>. The content of this website in licensed under <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC-BY-NC 3.0</a>.</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <p>Copyright © 2011-2015 <a href="http://www.nicolas-petton.fr/">Nicolas Petton</a>. The content of this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            website in licensed under <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC-BY-NC 3.0</a>.</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <p>Amber is an opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </div>  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  </body> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</body> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 </html> 
			 |