| 12345678910111213141516171819202122232425262728293031323334353637383940 | <!DOCTYPE html><html>  <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'>     <meta name="author" content="Nicolas Petton">    <link rel="stylesheet" type="text/css" href="css/profstef.css">    <script type="text/javascript" src="js/amber.js"></script>  </head>  <body>    <div class="main">      <a id="back" href="./index.html"> ← back to main page </a>      <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>      <script> 	function loadTutorial() {		jQuery('#tutorial').empty();		smalltalk.TrySmalltalkWidget._new()._appendToJQuery_(jQuery('#tutorial'));	}      </script>    </div>        <div id="footer">      <div class="main">	<p>Copyright © 2011 <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>    <script type="text/javascript">      loadAmber({files: ['TrySmalltalk.js'], prefix: 'examples/trysmalltalk/js', ready: loadTutorial});    </script>      </body></html>
 |