<!--
Copyright (C) 2016 Apple Inc. All Rights Reserved.
See LICENSE.txt for this sample’s licensing information
-->
<document>
  <head>
    <style>
      .descriptionLayout {
        tv-text-max-lines: 8;
      }

      @media tv-template and (tv-theme:dark) {
        .badge {
          tv-tint-color: rgba(255, 255, 255, 1.0);
          tv-highlight-color: rgba(0, 0, 0, 1.0);
        }
      }
    </style>
  </head>
  <listTemplate>
    <list>
      <header>
        <title>WCCC.TV</title>
      </header>
      <section>
        <listItemLockup documentURL="https://mywacotv.com/tvos/featured">
          <title>Featured</title>
          <decorationImage class="badge" src="resource://chevron" />
          <relatedContent>
            <lockup>
              <img src="/resources/images/screenshots/alert.jpg" width="857" height="482" />
              <description class="descriptionLayout">Use alerts to present information or present actions that user has to take.</description>
            </lockup>
          </relatedContent>
        </listItemLockup>
        <listItemLockup documentURL="https://mywacotv.com/tvos/programs">
          <title>Programs</title>
          <decorationImage class="badge" src="resource://chevron" />
          <relatedContent>
            <lockup>
              <img src="/resources/images/screenshots/itemID.jpg" width="857" height="482" />
              <description class="descriptionLayout">Demonstrate special element attribute behaviors.</description>
            </lockup>
          </relatedContent>
        </listItemLockup>
        <listItemLockup documentURL="https://mywacotv.com/tvos/talkshows">
          <title>Talk Shows</title>
          <decorationImage class="badge" src="resource://chevron" />
          <relatedContent>
            <lockup>
              <img src="/resources/images/screenshots/fontFamily.jpg" width="857" height="482" />
              <description class="descriptionLayout">Use styles to demonstrate:<br />• tv-text-style<br />• font-family<br />• font-weight</description>
            </lockup>
          </relatedContent>
        </listItemLockup>
        <listItemLockup documentURL="https://mywacotv.com/tvos/shorts">
          <title>Shorts</title>
          <decorationImage class="badge" src="resource://chevron" />
          <relatedContent>
            <lockup>
              <img src="/resources/images/screenshots/form.jpg" width="857" height="482" />
              <description class="descriptionLayout">Use the form template to gather information from the user; for example, requiring a password to access your app.</description>
            </lockup>
          </relatedContent>
        </listItemLockup>
        <listItemLockup documentURL="https://mywacotv.com/tvos/citybeat">
          <title>City Beat</title>
          <decorationImage class="badge" src="resource://chevron" />
          <relatedContent>
            <lockup>
              <img src="/resources/images/screenshots/list_compilation.jpg" width="857" height="482" />
              <description class="descriptionLayout">Use list templates to display a list of items; for example, a list of the user’s favorite movies, songs in an album or playlist.</description>
            </lockup>
          </relatedContent>
        </listItemLockup>
        <listItemLockup documentURL="https://mywacotv.com/tvos/meetings">
          <title>Meetings</title>
          <decorationImage class="badge" src="resource://chevron" />
          <relatedContent>
            <lockup>
              <img src="/resources/images/screenshots/loading.jpg" width="857" height="482" />
              <description class="descriptionLayout">Use the loading template to display a spinner and description of why the spinner is being displayed; for example, an interim page showing that the requested page is being loaded.</description>
            </lockup>
          </relatedContent>
        </listItemLockup>
        
      </section>
    </list>
  </listTemplate>
</document>
