@guardian/mobile-apps-article-templates
Version:
Templates for articles on both iOS and Android next-gen apps
116 lines (105 loc) • 5.75 kB
HTML
<html lang="en-US">
<head>
<title>Cricket</title>
<meta charset="UTF-8" />
<meta id="twitter-theme" name="twitter:widgets:theme" content="light">
<meta name="viewport" content="initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" type="text/css" media="all" id="fontStyles" href="__TEMPLATES_DIRECTORY__assets/css/fonts-__PLATFORM__.css" />
<link rel="stylesheet" type="text/css" media="all" href="__TEMPLATES_DIRECTORY__assets/css/style-sync.css" />
<style>/* <-- */
__ATOMS_CSS__
/* --> */</style>
<script type="text/javascript">
window.GU = window.GU || {};
</script>
<script type="text/javascript" src="__TEMPLATES_DIRECTORY__assets/build/curl.js"></script>
<script type="text/javascript" src="__TEMPLATES_DIRECTORY__assets/build/boot.js"></script>
<script type="text/javascript">
window.require = curl || {};
</script>
</head>
<body class="garnett--type-__GARNETT_TYPE__ garnett--pillar-__GARNETT_PILLAR__ tone--__SECTION_TONE__ __FONT_SIZE__ __LINE_HEIGHT__ __PLATFORM__ __IS_OFFLINE__ advert-config--__ADS_CONFIG__ __DISPLAY_HINT__ dark-mode-__DARK_MODE__" data-content-type="cricket" data-ads-enabled="__ADS_ENABLED__" data-ads-enable-hiding="__ADS_ENABLE_HIDING__" style="margin-top: __ACTIONBARHEIGHT__px;" data-ads-config="__ADS_CONFIG__" data-font-size="__FONT_SIZE_INT__" data-template-directory="__TEMPLATES_DIRECTORY__" data-page-id="__PAGE_ID__" data-mpu-after-paragraphs="__MPU_AFTER_PARAGRAPHS__" data-use-ads-ready="__ADS_FAST_CALLBACK__">
<div class="cricket cricket--__CRICKET_STATUS__">
<div id="cricket-header">
__CRICKET_HEADER__
</div>
<div class="standfirst __LIVE_CONTENT__" data-summary="__SHOW_SUMMARY__">
__MATCH_SUMMARY__
</div>
<div role="tablist" class="tabs">
<ul class="inline-list">
<li role="presentation" class="inline-list__item"><a role="tab" class="tab" id="cricket__tab--liveblog" href="#cricket__tabpanel--liveblog" aria-controls="cricket__tabpanel--liveblog" aria-selected="true">Over by Over</a></li><li role="presentation" class="inline-list__item tabs__list-item--scorecard"><a role="tab" class="tab" id="cricket__tab--stats" href="#cricket__tabpanel--stats" aria-controls="cricket__tabpanel--stats" aria-selected="false">Scorecard</a></li>
</ul>
</div>
<div role="tabpanel" class="cricket__tabpanel tone--__SECTION_TONE__ __IS_LIVE__" id="cricket__tabpanel--liveblog" aria-labelledby="cricket__tab--liveblog">
<div class="article article--liveblog">
<div class="article__header article__header--cricket">
<div class="meta keyline-4">
<div class="meta__misc">
<div class="meta__byline">
__BYLINE__
</div>
<p class="meta__pubdate hide"><span class="screen-readable" id="pubdate">Published: </span><span id="published-date">__PUBDATE__</span></p>
<div class='meta__published'>
<div class="meta__published__date"><span class="screen-readable" id="pubdate">Published: </span><span id="published-date">__PUBDATE__</span></div>
</div>
__CRICKET_ALERT__
</div>
__COMMENT_CTA__
</div>
</div>
__KEY_EVENTS__
<div class="article__body article__body--liveblog">
<div class="article__body--liveblog__pinned"></div>
__BLOCKS__
</div>
__SHOW_MORE__
<div class="loading loading--liveblog" data-icon=""></div>
<div class="tags" id="tags">
<span class="screen-readable">Tags:</span>
<ul class="inline-list tags__inline-list" id="tag-list"></ul>
</div>
</div>
</div>
<div role="tabpanel" class="cricket__tabpanel" id="cricket__tabpanel--stats" aria-labelledby="cricket__tab--stats">
<div class="cricket-stats__wrap" id="cricket-scorecard">
__CRICKET_SCORECARD__
</div>
</div>
</div>
<script type="text/javascript">
(function () {
var atoms = {};
function readAtoms() {
__ATOMS_JS__
}
readAtoms.call(atoms);
GU.bootstrap.init({
asyncStylesFilename: "style-async",
sectionTone: "__SECTION_TONE__",
fontSize: "__FONT_SIZE__",
isLive: "__IS_LIVE__" ? true : false,
platform: "__PLATFORM__",
isOffline: "__IS_OFFLINE__" ? true : false,
contentType: "cricket",
adsEnabled: "__ADS_ENABLED__",
adsEnableHiding: "__ADS_ENABLE_HIDING__" === "true",
adsConfig: "__ADS_CONFIG__",
actionBarHeight: "__ACTIONBARHEIGHT__",
fontSizeInt: "__FONT_SIZE_INT__",
templatesDirectory: "__TEMPLATES_DIRECTORY__",
pageId: "__PAGE_ID__",
mpuAfterParagraphs: "__MPU_AFTER_PARAGRAPHS__",
useAdsReady: "__ADS_FAST_CALLBACK__" === "true",
tests: '__TEST_SPEC__',
nativeYoutubeEnabled: "__NATIVE_YOUTUBE_ENABLED__" === "true",
disableEnhancedTweets: "__DISABLE_ENHANCED_TWEETS__" === "true",
atoms: atoms,
hasEpic: "__HAS_EPIC__" === "true",
campaignsUrl: "__CAMPAIGNS_URL__"
});
}());
</script>
</body>
</html>