learn.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0025)http://jtalk-project.org/ -->
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6. <title>Learn Smalltalk with ProfStef</title>
  7. <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
  8. <meta name="author" content="Nicolas Petton">
  9. <link rel="stylesheet" type="text/css" href="css/profstef.css">
  10. <script type="text/javascript" src="./js/jtalk.js"></script>
  11. </head>
  12. <body>
  13. <div class="main">
  14. <a id="back" href="/"> &larr; back to jtalk-project.org </a>
  15. <img src="images/profstef.png"/>
  16. <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>
  17. <div id="tutorial"><h2>Loading...</h2></div>
  18. <script>
  19. function loadTutorial() {
  20. '#tutorial'._asJQuery()._contents_(
  21. function(html) {
  22. html._with_(smalltalk.TrySmalltalkWidget._new())
  23. }
  24. )
  25. }
  26. </script>
  27. </div>
  28. <div id="footer">
  29. <div class="main">
  30. <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>
  31. <p>Jtalk is an opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p>
  32. <p>The design of this website was provided by <a href="mailto:neomie.thirion@gmail.com">Noémie Thirion</a>.</p>
  33. </div>
  34. </div>
  35. <script type="text/javascript">
  36. loadJtalk({files: ['TrySmalltalk.js'], prefix: 'examples/trysmalltalk', ready: loadTutorial});
  37. </script>
  38. </body>
  39. </html>