index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  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=Arapey:400italic,400' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  12. <script type='text/javascript' src='amber/support/amber.js'></script>
  13. <script type='text/javascript' src='amber/support/requirejs/require.min.js'></script>
  14. <script type='text/javascript'>
  15. require(
  16. ["amber/devel"],
  17. function (smalltalk) {
  18. smalltalk.defaultAmdNamespace = "amber_core";
  19. smalltalk.initialize();
  20. }
  21. );
  22. </script>
  23. <script type="text/javascript">
  24. var _gaq = _gaq || [];
  25. _gaq.push(['_setAccount', 'UA-2246313-6']);
  26. _gaq.push(['_trackPageview']);
  27. (function() {
  28. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  29. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  30. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  31. })();
  32. </script>
  33. </head>
  34. <body>
  35. <div id="wrapper">
  36. <div id="social">
  37. <a class="FlattrButton" style="display:none;" rev="flattr;button:compact" href="http://jtalk-project.org"></a>
  38. <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>
  39. <script type="text/javascript">
  40. /* <![CDATA[ */
  41. (function() {
  42. var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
  43. s.type = 'text/javascript';
  44. s.async = true;
  45. s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
  46. t.parentNode.insertBefore(s, t);
  47. })();
  48. /* ]]> */
  49. </script>
  50. </div>
  51. <div id="header">
  52. <img class="logo" src="images/amber.png" alt="Amber"/>
  53. <div class="main">
  54. <h1>Amber</h1>
  55. <h2>A Web developer's best friend.</h2>
  56. </div>
  57. <div id="links">
  58. <a href="https://github.com/amber-smalltalk/amber"><img src="images/github.png" alt="Github"/></a>
  59. <a href="http://github.com/amber-smalltalk/amber/zipball/master"><img src="images/zip.png" alt="Download"/></a>
  60. </div>
  61. <ul id="tabs">
  62. <li><a href="index.html">Overview</a></li>
  63. <li><a href="index.html#getstarted">Get started</a></li>
  64. <li><a href="index.html#getinvolved">Get involved</a></li>
  65. <li><a href="learn.html">Interactive tutorial</a></li>
  66. <li><a id="doc_link" href="documentation.html">Documentation</a></li>
  67. <li><a href="index.html#download">Download</a></li>
  68. <li><a target="_blank" href="https://github.com/amber-smalltalk/amber">Github</a></li>
  69. </ul>
  70. </div>
  71. </div>
  72. <div class="teaser">
  73. <div class="main">
  74. <h2>A <span class="info">new language</span> and <span class="info">live environment</span> made for the web.</h2>
  75. <div class="column">
  76. <p>The Amber language is deeply inspired by Smalltalk. It is designed to make client-side development faster and easier.
  77. Amber includes a live development environment with a class browser, workspace, unit test runner, transcript, object inspector and debugger.</p>
  78. </div>
  79. <div class="column">
  80. <p>Amber is written in itself, including the compiler, and compiles into efficient JavaScript, mapping one-to-one with the JS equivalent.</p>
  81. </div>
  82. <div class="clear"></div>
  83. <p class="try">
  84. <span class="info">Click around. Don't worry about making a mess or breaking anything, just have fun!</span><br>
  85. <button class="huge" onClick="require('amber/helpers').popupHelios()">Try Amber in your browser!</button>
  86. </p>
  87. </div>
  88. </div>
  89. <div id="content">
  90. <div class="main">
  91. {{ content }}
  92. </div>
  93. </div>
  94. <div id="footer">
  95. <div class="main">
  96. <p>Copyright © 2011-2013 <a href="http://www.nicolas-petton.fr">Nicolas Petton</a> and <a href="https://github.com/amber-smalltalk/amber/contributors">Amber contributors</a>.</p>
  97. <p>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>
  98. <p>Amber is released under the <a href="https://github.com/amber-smalltalk/amber/blob/master/LICENSE">MIT</a> license.</p>
  99. </div>
  100. </div>
  101. </body>
  102. </html>