docs/index.html

<html>
  <head>
    <title>Amp JavaScript Example</title>
    <meta name='viewport' content='width=device-width, initial-scale=1, user-scalable=0, maximum-scale=1, minimum-scale=1'>

    <link href='css/app.css' rel='stylesheet' />

    <script>
      window.ampConfig = {
        sessionTTL: 0
      };
    </script>
    <!--  Replace <YOUR_PROJECT_KEY> with your Amp Project Key -->
    <!-- <script type='text/javascript' src='https://amp.ai/libs/<YOUR_PROJECT_KEY>.js'></script> -->
  </head>
  <body>
    <script type='module'>
      import context from './context.js';

      // Context
      const ctx = context();

      //TODO: Observe context
      

      const orange = 'rgb(253, 142, 25)';
      const blue = 'rgb(38, 138, 251)';
      const red = 'rgb(225, 63, 63)';
      
      //TODO: Make decision

    </script>

    <div class='nav'>
      <div class='icon'>
        <img src="images/icon.png" alt="icon">
      </div>
      <div class='title'>Amped Mobile Stores</div>
      <div class="actions">
        <div class='ctaBtn'>Cart - 0 Items</div>
      </div>
    </div>
    <div class='main'></div>

    <script src="categories.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.11/handlebars.min.js"></script>
    <script src='templates.js'></script>
    <script src='app.js'></script>
  </body>
</html>