index.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <title>Amber Smalltalk</title>
  4. <meta name="author" content="Nicolas Petton">
  5. <link rel="stylesheet" type="text/css" href="./ide/style.css">
  6. <script type="text/javascript" src="./js/amber.js"></script>
  7. </head>
  8. <body>
  9. <script type="text/javascript">
  10. loadAmber();
  11. </script>
  12. <script type="text/javascript">
  13. jQuery(window).scroll(function() {
  14. if(jQuery(window).scrollTop() > 210) {
  15. jQuery('#menu')
  16. .css('position', 'fixed')
  17. .css('top', '0px')
  18. } else {
  19. jQuery('#menu')
  20. .css('position', 'absolute')
  21. .css('top', '210px')
  22. }
  23. });
  24. </script>
  25. <a href="http://github.com/NicolasPetton/amber"><img style="position: absolute; top: 0; lef
  26. t: 0; border: 0;" src="./ide/fork_me.png" alt="Fork me on GitHub"></a>
  27. <div id="wrapper">
  28. <div id="header">
  29. <div class="main">
  30. <img alt="Jtalk, the Smalltalk for web developers" src="./ide/text_header.png">
  31. </div>
  32. </div>
  33. <div id="menu">
  34. <div class="main">
  35. <ul>
  36. <li><a href="http://jtalk-project.org/index.html">Overview</a></li> ·
  37. <li><a href="http://jtalk-project.org/index.html#download">Download</a></li> ·
  38. <li><a id="doc_link" href="http://jtalk-project.org/documentation.html">Documentation</a></li> ·
  39. <li><a target="_blank" href="https://github.com/NicolasPetton/jtalk">Source</a></li>
  40. </ul>
  41. </div>
  42. </div>
  43. <div id="content">
  44. <div class="main">
  45. <div class="box first">
  46. <div class="content">
  47. <h1><img alt="Jtalk is an implementation of the Smalltalk language that runs on the JavaScript runtime." src="./ide/title_container1.png"></h1>
  48. <div class="left">
  49. <p>Jtalk is an implementation of the <a href="http://en.wikipedia.org/wiki/Smalltalk">Smalltalk</a> language that runs on top of the <a href="http://en.wikipedia.org/wiki/Javascript">JavaScript</a> runtime. It is designed to make client-side development faster and easier.</p>
  50. <p>Jtalk is written in itself, including the parser and compiler. Jtalk compiles into efficient JavaScript, mapping one-to-one with the equivalent JavaScript. There is no interpretation at runtime.</p>
  51. <p>Try a <button onclick="smalltalk.Browser._open()"> Class browser</button> right now!</p>
  52. <p>You may want to look at sample applications:
  53. <ul>
  54. <li><a href="examples/trysmalltalk/index.html">Try Smalltalk in your web browser</a></li>
  55. <li><a href="examples/presentation/index.html">JTalk slides</a></li>
  56. </ul>
  57. </p>
  58. </div>
  59. <div class="right"><img src="./ide/screen2.png"></div>
  60. <div class="clear"></div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <div id="footer">
  66. <div class="main">
  67. <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>
  68. <p>Jtalk is an opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p>
  69. <p>The design of this website was provided by <a href="mailto:neomie.thirion@gmail.com">Noémie Thirion</a>.</p>
  70. </div>
  71. </div>
  72. </div></body></html>