ide.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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/init.js"></script>
  21. <link rel="stylesheet" type="text/css" href="./css/jtalk.css">
  22. <link rel="stylesheet" type="text/css" href="./css/sunit.css">
  23. </head>
  24. <body>
  25. <script type="text/javascript">
  26. jQuery(window).scroll(function() {
  27. if(jQuery(window).scrollTop() > 210) {
  28. jQuery('#menu')
  29. .css('position', 'fixed')
  30. .css('top', '0px')
  31. } else {
  32. jQuery('#menu')
  33. .css('position', 'absolute')
  34. .css('top', '210px')
  35. }
  36. });
  37. </script>
  38. <a href="http://github.com/NicolasPetton/jtalk"><img style="position: absolute; top: 0; lef
  39. t: 0; border: 0;" src="./ide/fork_me.png" alt="Fork me on GitHub"></a>
  40. <div id="wrapper">
  41. <div id="header">
  42. <div class="main">
  43. <img alt="Jtalk, the Smalltalk for web developers" src="./ide/text_header.png">
  44. </div>
  45. </div>
  46. <div id="menu">
  47. <div class="main">
  48. <ul>
  49. <li><a href="http://jtalk-project.org/index.html">Overview</a></li> ·
  50. <li><a href="http://jtalk-project.org/index.html#download">Download</a></li> ·
  51. <li><a id="doc_link" href="http://jtalk-project.org/documentation.html">Documentation</a></li> ·
  52. <li><a target="_blank" href="https://github.com/NicolasPetton/jtalk">Source</a></li>
  53. </ul>
  54. </div>
  55. </div>
  56. <div id="content">
  57. <div class="main">
  58. <div class="box first">
  59. <div class="content">
  60. <h1><img alt="Jtalk is an implementation of the Smalltalk language that runs on the JavaScript runtime." src="./ide/title_container1.png"></h1>
  61. <div class="left">
  62. <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>
  63. <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>
  64. <p>Try a <button onclick="smalltalk.Browser._open()"> Class browser</button> right now!</p>
  65. </div>
  66. <div class="right"><img src="./ide/screen2.png"></div>
  67. <div class="clear"></div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <div id="footer">
  73. <div class="main">
  74. <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>
  75. <p>Jtalk is an opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p>
  76. <p>The design of this website was provided by <a href="mailto:neomie.thirion@gmail.com">Noémie Thirion</a>.</p>
  77. </div>
  78. </div>
  79. </div></body></html>