learn.html 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>Learn Smalltalk with ProfStef</title>
  6. <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
  7. <meta name="author" content="Nicolas Petton">
  8. <link rel="stylesheet" type="text/css" href="css/profstef.css">
  9. <script type='text/javascript' src='amber/support/amber.js'></script>
  10. <script type='text/javascript' src='amber/support/requirejs/require.min.js'></script>
  11. <script type='text/javascript'>
  12. require.config({
  13. paths: {
  14. 'amber_examples_profstef': 'examples/trysmalltalk/js',
  15. 'amber_examples_profstef/_source': 'examples/trysmalltalk/st'
  16. }
  17. });
  18. require(['amber/devel','amber_examples_profstef/TrySmalltalk'], function(smalltalk) {
  19. smalltalk.defaultAmdNamespace = 'amber_examples_profstef';
  20. smalltalk.initialize();
  21. jQuery('#tutorial').empty();
  22. smalltalk.TrySmalltalkWidget._new()._appendToJQuery_(jQuery('#tutorial'));
  23. });
  24. </script>
  25. </head>
  26. <body>
  27. <div class="main">
  28. <a id="back" href="/"> &larr; back to amber-lang.net </a>
  29. <img src="images/profstef.png"/>
  30. <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>
  31. <div id="tutorial"><h2>Loading...</h2></div>
  32. </div>
  33. <div id="footer">
  34. <div class="main">
  35. <p>Copyright &copy; 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>
  36. <p>Amber is an opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p>
  37. </div>
  38. </div>
  39. </body>
  40. </html>