@guardian/mobile-apps-article-templates/ArticleTemplates/footballTemplateMatchSummary.html

Templates for articles on both iOS and Android next-gen apps

<div class="match-summary __IS_AGG__">
  <div class="match-status match-status--__FOOTBALL_STATUS_CLASS__">
    <p class="match-status__time">__FOOTBALL_STATUS__</p>
  </div>

  __FOOTBALL_ALERTS__

  <div class="match-summary__meta">
    <p class="match-summary__meta__competition">__FOOTBALL_COMPETITION__ </p>
    <p class="match-summary__meta__venue">__FOOTBALL_VENUE__</p>
  </div>

  <div class="match-summary__team match-summary__team--home">
    __FOOTBALL_HOME_CREST__
    <div class="match-summary__info match-summary__home__info">
      <h1 class="match-summary__info__label match-summary__home__info__label headline" onclick="javascript:window.location.href='x-gu://team/__FOOTBALL_HOME_TEAM_TAG__">__FOOTBALL_HOME_NAME__</h1>
      __FOOTBALL_HOME_SCORER__
    </div>
    
    <div class="match-summary__score">
      <h1 class="match-summary__score__label match-summary__home__score__label headline">
        __FOOTBALL_HOME_SCORE__
        <span class="match-summary__score__agg">__FOOTBALL_HOME_AGG_SCORE__</span>
      </h1>
    </div>
  </div>

  <div class="match-summary__team match-summary__team--away">
    <div class="match-summary__score">
      <h1 class="match-summary__score__label match-summary__away__score__label headline">
        __FOOTBALL_AWAY_SCORE__
        <span class="match-summary__score__agg">__FOOTBALL_AWAY_AGG_SCORE__</span>
      </h1>
    </div>
    <div class="match-summary__info match-summary__away__info">
      <h1 class="match-summary__info__label match-summary__away__info__label headline" onclick="javascript:window.location.href='x-gu://team/__FOOTBALL_AWAY_TEAM_TAG__">__FOOTBALL_AWAY_NAME__</h1>
      __FOOTBALL_AWAY_SCORER__
    </div>
    __FOOTBALL_AWAY_CREST__
  </div>

  __FOOTBALL_COMMENT__
</div>