index.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <title>Counter ~ freedom.js Demos</title>
    <meta http-equiv='Content-Type' content='text/html;charset=utf-8' />
    <link href='src/static/style.css' rel='stylesheet' type='text/css' />
    <link href='src/static/freedomjs-icon.png' rel='icon' type='image/png' />

    <!-- Load freedom.js -->
    <script type='text/javascript' src='src/freedom.js'></script>
    <!-- Load "browser-side" (interacts w/DOM) JavaScript -->
    <script type='text/javascript' src='src/page.js'></script>
  </head>
  <body>
    <header id='logo'>freedom.js</header>
    <header><span class='triangle'>&#9654;</span> Demos</header>
    <header><span class='triangle'>&#9654;</span> Counter</header>
    <section>
      <p>The counter is currently <span id='count' class='freedomjs big'>0</span>.</p>
      <kbd><button id='click'>Increment</button></kbd>
    </section>
  </body>
</html>