learn.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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='/node_modules/es6-promise/dist/es6-promise.auto.js'></script>
  10. <script type='text/javascript' src='the.js'></script>
  11. <script type='text/javascript'>
  12. var global = typeof global === "undefined" ? window : global || window;
  13. new Promise(function (resolve, reject) {
  14. require(['app'], resolve, reject);
  15. }).then(function (amber) {
  16. amber.initialize({
  17. //used for all new packages in IDE
  18. 'transport.defaultAmdNamespace': "amber/website"
  19. }).then(function () {
  20. '#version'._asBrush()._contents_('v' + amber.globals.Smalltalk._version());
  21. '#tutorial'._asBrush()._contents_(amber.globals.TrySmalltalkWidget._new());
  22. });
  23. });
  24. </script>
  25. </head>
  26. <body>
  27. <div class="main">
  28. <a id="back" href="/"> &larr; back to amber-lang.net </a>
  29. <div>Amber <span id="version" style="color:red"></span></div>
  30. <img src="images/profstef.png"/>
  31. <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>
  32. <div id="tutorial"><h2>Loading...</h2></div>
  33. </div>
  34. <div id="footer">
  35. <div class="main">
  36. <p>Copyright &copy; 2011-2015 <a href="http://www.nicolas-petton.fr/">Nicolas Petton</a>. The content of this
  37. website in licensed under <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC-BY-NC 3.0</a>.</p>
  38. <p>Amber is an open-source project generously helped by
  39. <a href="http://www.instantiations.com/"><img style="margin: 0; width: 9.3ex; height: 3.45ex" src="images/VA-Smalltalk-Logo-Hori-Trans.png"></a>
  40. and developed mainly in
  41. <a href="https://brave.com/amb399"><img style="margin: 0; width: 10.9ex; height: 3.3ex" src="/brave-assets/Logos/Brave/PNG/primary/logotype/dark/brave-logotype-full-color.png"></a>.</p>
  42. </div>
  43. </div>
  44. </body>
  45. </html>