ide.html 4.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <!DOCTYPE html>
  2. <!-- saved from url=(0025)http://jtalk-project.org/ -->
  3. <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  4. <title>Jtalk Smalltalk</title>
  5. <meta name="author" content="Nicolas Petton">
  6. <link rel="stylesheet" type="text/css" href="./ide/style.css">
  7. <link rel="stylesheet" type="text/css" href="./ide/syntax.css">
  8. <script type="text/javascript" src="./js/jquery-1.4.4.min.js"></script>
  9. <script type="text/javascript" src="./js/jquery-ui-1.8.9.custom.min.js"></script>
  10. <script type="text/javascript" src="./js/jquery.textarea.js"></script>
  11. <script type="text/javascript" src="./js/boot.js"></script>
  12. <script type="text/javascript" src="./js/Kernel.js"></script>
  13. <script type="text/javascript" src="./js/Canvas.js"></script>
  14. <script type="text/javascript" src="./js/JQuery.js"></script>
  15. <script type="text/javascript" src="./js/Parser.js"></script>
  16. <script type="text/javascript" src="./js/Compiler.js"></script>
  17. <script type="text/javascript" src="./js/IDE.js"></script>
  18. <script type="text/javascript" src="./js/SUnit.js"></script>
  19. <script type="text/javascript" src="./js/Examples.js"></script>
  20. <script type="text/javascript" src="./js/Benchfib.js"></script>
  21. <script type="text/javascript" src="./js/init.js"></script>
  22. <link rel="stylesheet" type="text/css" href="./css/jtalk.css">
  23. <link rel="stylesheet" type="text/css" href="./css/sunit.css">
  24. </head>
  25. <body>
  26. <script type="text/javascript">
  27. jQuery(window).scroll(function() {
  28. if(jQuery(window).scrollTop() > 210) {
  29. jQuery('#menu')
  30. .css('position', 'fixed')
  31. .css('top', '0px')
  32. } else {
  33. jQuery('#menu')
  34. .css('position', 'absolute')
  35. .css('top', '210px')
  36. }
  37. });
  38. </script>
  39. <a href="http://github.com/NicolasPetton/jtalk"><img style="position: absolute; top: 0; lef
  40. t: 0; border: 0;" src="./ide/fork_me.png" alt="Fork me on GitHub"></a>
  41. <div id="wrapper">
  42. <div id="header">
  43. <div class="main">
  44. <img alt="Jtalk, the Smalltalk for web developers" src="./ide/text_header.png">
  45. </div>
  46. </div>
  47. <div id="menu">
  48. <div class="main">
  49. <ul>
  50. <li><a href="http://jtalk-project.org/index.html">Overview</a></li> ·
  51. <li><a href="http://jtalk-project.org/index.html#download">Download</a></li> ·
  52. <li><a id="doc_link" href="http://jtalk-project.org/documentation.html">Documentation</a></li> ·
  53. <li><a target="_blank" href="https://github.com/NicolasPetton/jtalk">Source</a></li>
  54. </ul>
  55. </div>
  56. </div>
  57. <div id="content">
  58. <div class="main">
  59. <div class="box first">
  60. <div class="content">
  61. <h1><img alt="Jtalk is an implementation of the Smalltalk language that runs on the JavaScript runtime." src="./ide/title_container1.png"></h1>
  62. <div class="left">
  63. <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>
  64. <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>
  65. <p>Try a <button onclick="smalltalk.Browser._open()"> Class browser</button> right now!</p>
  66. </div>
  67. <div class="right"><img src="./ide/screen2.png"></div>
  68. <div class="clear"></div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <div id="footer">
  74. <div class="main">
  75. <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>
  76. <p>Jtalk is an opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p>
  77. <p>The design of this website was provided by <a href="mailto:neomie.thirion@gmail.com">Noémie Thirion</a>.</p>
  78. </div>
  79. </div>
  80. </div></body></html>