micro-frontend/Step_06 Usage of dynamic data/index.html

<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <title>PIaaS Retailer Newsletter</title>
    <link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="./assets/styles/fonts.css">
    <link rel="stylesheet" type="text/css" href="./assets/styles/page.css">
    <script src="./assets/aspect-js-max.js"></script>
  </head>
  <body>
    <div id="spinner" composite></div>
    <main>
      <header id="header" composite></header>

      <h1>{{messages.page.headline}}</h1>
      <h1>{{messages.page.title}}</h1>

      <!-- Displaying depends on the fact that no error has occurred -->
      <section id="news" composite condition="{{!error.exists()}}"></section>

      <!-- Displaying depends on the fact that an error has occurred -->
      <section id="error" composite condition="{{error.exists()}}"></section>

      <p>
        {{messages.page.version}} 0.0.0 00000000
      </p>

      <footer id="footer" composite></footer>
    </main>
  </body>
</html>