index.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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='//fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/css'>
  11. <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  12. <script type='text/javascript' src='/node_modules/es6-promise/dist/es6-promise.auto.js'></script>
  13. <script type='text/javascript' src='the.js'></script>
  14. <script type='text/javascript'>
  15. var global = typeof global === "undefined" ? window : global || window;
  16. new Promise(function (resolve, reject) {
  17. require(['app'], resolve, reject);
  18. }).then(function (amber) {
  19. return amber.initialize({
  20. //used for all new packages in IDE
  21. 'transport.defaultAmdNamespace': "amber/website"
  22. }).then(function () {
  23. document.getElementById('version').innerText = 'v' + amber.globals.Smalltalk._version();
  24. document.querySelector('.try button').disabled = false;
  25. document.querySelector('p.try').style.display = "block";
  26. });
  27. });
  28. </script>
  29. <script type='text/javascript'>
  30. var _gaq = _gaq || [];
  31. _gaq.push(['_setAccount', 'UA-2246313-6']);
  32. _gaq.push(['_trackPageview']);
  33. (function () {
  34. var ga = document.createElement('script');
  35. ga.type = 'text/javascript';
  36. ga.async = true;
  37. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  38. var s = document.getElementsByTagName('script')[0];
  39. s.parentNode.insertBefore(ga, s);
  40. })();
  41. </script>
  42. </head>
  43. <body>
  44. <div id="wrapper">
  45. <div id="social">
  46. <a href="//twitter.com/share" class="twitter-share-button" data-count="horizontal"
  47. data-text="Amber: A web developer's best friend" data-via="AmberSmalltalk">Tweet</a>
  48. <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  49. </div>
  50. <div id="header">
  51. <img class="logo" src="images/amber.png" alt="Amber"/>
  52. <div class="main">
  53. <h1>Amber</h1>
  54. <h2>A Web developer's best friend.</h2>
  55. </div>
  56. <div id="links">
  57. <a href="https://lolg.it/amber/amber/raw/master/CONTRIBUTORS"><img src="images/github.png"
  58. alt="Github"/></a>
  59. <a href="https://lolg.it/amber/amber/releases"><img src="images/zip.png" alt="Downloads"/></a>
  60. </div>
  61. <ul id="tabs">
  62. <li id="version" style="color:white"></li>
  63. <li><a href="index.html">Overview</a></li>
  64. <li><a href="http://docs.amber-lang.net">Documentation</a></li>
  65. <li><a href="index.html#getinvolved">Get involved</a></li>
  66. <li><a href="learn.html">Interactive tutorial</a></li>
  67. <li><a href="index.html#get-started">Getting Started</a></li>
  68. <li><a target="_blank" href="https://lolg.it/amber/amber">Git</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.
  75. </h2>
  76. <div class="column">
  77. <p>The Amber language is deeply inspired by Smalltalk. It is designed to make client-side development faster
  78. and easier.
  79. Amber includes a live development environment with a class browser, workspace, unit test runner,
  80. transcript, object inspector and debugger.</p>
  81. </div>
  82. <div class="column">
  83. <p>Amber is written in itself, including the compiler, and compiles into efficient JavaScript, mapping
  84. one-to-one with the JS equivalent.</p>
  85. </div>
  86. <div class="clear"></div>
  87. <p class="try" style="display: none">
  88. <button class="huge" disabled onClick="require('amber/helpers').globals.Browser._open()">Try Amber in your browser!
  89. </button>
  90. </p>
  91. </div>
  92. </div>
  93. <div id="content">
  94. <div class="main">
  95. {{ content }}
  96. </div>
  97. </div>
  98. <div id="footer">
  99. <div class="main">
  100. <p>Copyright © 2011-2015 <a href="https://lolg.it/amber/amber/raw/master/CONTRIBUTORS">Amber contributors</a>.
  101. </p>
  102. <p>The content of this website in licensed under <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC-BY-NC
  103. 3.0</a>.</p>
  104. <p>Amber is open-source and released under the <a href="https://lolg.it/amber/amber/raw/master/LICENSE">MIT</a> license.</p>
  105. </div>
  106. </div>
  107. </body>
  108. </html>