index.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{{ page.title }}</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <meta name="author" content="Nicolas Petton" />
  7. <link rel="stylesheet" type="text/css" href='css/style.css' />
  8. <link rel="stylesheet" type="text/css" href='css/syntax.css' />
  9. <link type="image/x-icon" rel="shortcut icon" href="/favicon.ico"/>
  10. <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
  11. <script type='text/javascript' src='amber/js/amber.js'></script>
  12. <script type="text/javascript">
  13. var _gaq = _gaq || [];
  14. _gaq.push(['_setAccount', 'UA-2246313-6']);
  15. _gaq.push(['_trackPageview']);
  16. (function() {
  17. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  18. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  19. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  20. })();
  21. </script>
  22. </head>
  23. <body>
  24. <a href="http://github.com/NicolasPetton/amber"><img style="position: absolute; top: 0; lef
  25. t: 0; border: 0;" src="https://assets.github.com/img/bec6c51521dcc8148146135149fe06a9cc737577?repo=&url=http%3A%2F%2Fs3.amazonaws.com%2Fgithub%2Fribbons%2Fforkme_left_darkblue_121621.png&path=" alt="Fork me on GitHub"></a>
  26. <div id="wrapper">
  27. <div id="header">
  28. <div class="main">
  29. <div class="logo">
  30. <img src="images/amber.png"/>
  31. </div>
  32. <ul id="tabs">
  33. <li><a href="index.html">Overview</a></li> ·
  34. <li><a href="index.html#download">Download</a></li> ·
  35. <li><a href="learn.html">Learn</a></li> ·
  36. <li><a id="doc_link" href="documentation.html">Documentation</a></li> ·
  37. <li><a target="_blank" href="https://github.com/NicolasPetton/amber">Source</a></li>
  38. </ul>
  39. <div class="clear"></div>
  40. </div>
  41. </div>
  42. <div class="teaser">
  43. <div class="main">
  44. <h1>Amber is an implementation of the Smalltalk language that runs on top of the JavaScript runtime.</h1>
  45. <div class="column">
  46. <p>Amber is an implementation of the Smalltalk-80 language. It is designed to make client-side development faster and easier. It allows developers to write client-side heavy web applications in Smalltalk. </p>
  47. <p>Amber includes an integrated development environment with a class browser, workspace, transcript, object inspector and debugger.</p>
  48. </div>
  49. <div class="column">
  50. <p>Amber is written in itself, including the parser and compiler, and compiles into efficient JavaScript, mapping one-to-one with the JS equivalent.</p>
  51. <p>Try a <button onClick="smalltalk.Browser._open()"> Class browser</button> right now!</p>
  52. <script type="text/javascript">
  53. /* <![CDATA[ */
  54. (function() {
  55. var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
  56. s.type = 'text/javascript';
  57. s.async = true;
  58. s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
  59. t.parentNode.insertBefore(s, t);
  60. })();
  61. /* ]]> */
  62. </script>
  63. <p>You can join the <a href="http://groups.google.com/group/amber-lang"> Google Group</a> or the #amber-lang IRC channel on freenode.</p>
  64. <a class="FlattrButton" style="display:none;" rev="flattr;button:compact" href="http://jtalk-project.org"></a>
  65. <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="NicolasPetton">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
  66. </div>
  67. <div class="clear"></div>
  68. </div>
  69. </div>
  70. <div id="content">
  71. <div class="main">
  72. {{ content }}
  73. </div>
  74. </div>
  75. <div id="footer">
  76. <div class="main">
  77. <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>
  78. <p>Amber is an opensource project sponsored by <a href="http://www.objectfusion.fr">objectfusion</a>.</p>
  79. </div>
  80. </div>
  81. <script type='text/javascript'> loadAmber() </script>
  82. </body>
  83. </html>