<!DOCTYPE html>
<html>

  <head>
    <title>{%= title %}</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="author" content="{%= author_name %}" />
    <script type='text/javascript' src='the.js'></script>
  </head>

  <body>
  <!-- EXAMPLE APP START -->
  <p>This is a sample app. It contains some
  <a href="parts.html">batteries included</a>
  and should be
  <a href="uninstall.html">cleaned up</a>
  once you start developing your own  app / lib.</p>
  <button id="amber-with">Hello from TagBrush >> with:</button>
  <button id="silk-tag">Hello from Silk >> TAG:</button>
  <button id="jquery-append">Hello from jQuery append</button>
  <ol id="output-list"></ol>
  <!-- EXAMPLE APP END -->
  <script type='text/javascript'>
      require(['app'], function (amber) {
          amber.initialize({
            //used for all new packages in IDE
            'transport.defaultAmdNamespace': "{%= namespace %}"
          }).then(function () {
              require(["amber-ide-starter-dialog"], function (dlg) { dlg.start(); });
              amber.globals.{%= name %}._start();
          });
      });
  </script>
  </body>

</html>