{{page-title "Demo"}}

<MdcTopAppBar @fixed="true">
  <MdcTopAppBarRow>
    <MdcTopAppBarSection>
      <MdcTopAppBarTitle>ember-cli-dfinity demo</MdcTopAppBarTitle>
    </MdcTopAppBarSection>
  </MdcTopAppBarRow>
</MdcTopAppBar>

<div {{mdc-top-app-bar-fixed-adjustment}}>
  <div class="main-content">
    <p>This page demonstrates the Hello, World example for the Internet Computer implemented
      in EmberJS using the <a href="https://github.com/onehilltech/ember-cli-dfinity" target="_blank" rel="noopener noreferrer">ember-cli-dfinity</a> frontend
      library. Give it a try!</p>

    <Demo::Hello />

    <p>This demo uses the following EmberJS add-ons in addition to
      <a href="https://github.com/onehilltech/ember-cli-dfinity" target="_blank" rel="noopener noreferrer">ember-cli-dfinity</a>.</p>
    <ul>
      <li><a href="https://github.com/onehilltech/ember-cli-mdc" target="_blank" rel="noopener noreferrer">ember-cli-mdc</a>. This add-on provides support for Material Design components.</li>
      <li><a href="https://github.com/onehilltech/ember-cli-styled" target="_blank" rel="noopener noreferrer">ember-cli-styled</a>. This add-on adds polymorphic-like behavior to your styles.</li>
      <li><a href="https://github.com/onehilltech/ember-cli-code-snippet" target="_blank" rel="noopener noreferrer">ember-cli-code-snippet</a>. This add-on provides components for displaying code snippets.</li>
    </ul>

    <p>
      <LinkTo @route="main.details">Learn more</LinkTo> about what makes this implementation different.
    </p>
  </div>
</div>