<!DOCTYPE html>
<html>
  <head>
    <title>My First Amber Project</title>
    <script src="../bower_components/amber/support/amber.js"></script>
    <script src="../bower_components/amber/support/requirejs/require.min.js"></script>
    <script type="text/javascript">
      require.config({ paths: {
        'com_examples_hello': 'js', //mapping compiled .js files
        'com_examples_hello/_source': 'st' //mapping smalltalk source files
      }});
      require(['amber/devel','com_examples_hello/HelloApp'], function (smalltalk) {
        smalltalk.defaultAmdNamespace = "com_examples_hello"; //used for all new packages in IDE
        smalltalk.initialize();
        smalltalk.Hello._new()._begin();
      });
    </script>
  </head>
  <body>
    <article>
      <h1>My First Amber Project</h1>
      <button onclick="require('amber/helpers').globals.Browser._open()">class browser</button>
      <button id="sayHello">say hello</button>
    </article>
  </body>
</html>