@guardian/mobile-apps-article-templates
Version:
Templates for articles on both iOS and Android next-gen apps
117 lines (114 loc) • 6.12 kB
HTML
<html lang="en-US">
<head>
<title>Liveblog</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__ __IS_LIVE__ __IS_ADVERTISING__ new-templates __DISPLAY_HINT__ dark-mode-__DARK_MODE__" data-content-type="liveblog" data-ads-enabled="__ADS_ENABLED__" data-ads-enable-hiding="__ADS_ENABLE_HIDING__" data-ads-config="__ADS_CONFIG__" style="margin-top: __ACTIONBARHEIGHT__px;" 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="article article--liveblog">
<div class="article__header">
<div class="section section__container hide" id="section">
<div class="content__container">
<div class="content__labels__container">
<div class="content__labels">__SECTION____LIVE_TAG__</div>
<div class="content__series-label content__labels">__SERIES__</div>
</div>
__COMMENT_CTA__
</div>
</div>
<div class="article-kicker">
<div class='article-kicker__live'>__LIVE_TAG__</div>
__BADGE__
<div class="article-kicker__copy">
<div class='article-kicker__section'>__SECTION__</div>
<div class='article-kicker__series'>
<span class="pulsing-dot"></span>
<span class='article-kicker__highlight'>__SERIES__</span>
</div>
</div>
</div>
<h1 class="headline selectable">__TITLE__</h1>
<div class="standfirst selectable">
<div class="standfirst__inner">__STANDFIRST__</div>
</div>
<div class="meta keyline-4">
<div class="meta__misc">
<div class="meta__published__comments">__COMMENT_CTA__</div>
<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>
__ALERTS__
</div>
</div>
</div>
<div class="main-media main-media--hidden-caption">
__MAIN_MEDIA__
</div>
__KEY_EVENTS__
__SPONSORSHIP__
<div class="article__body article__body--liveblog" id="liveblog-body">
<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>
__RELATED_MODULE__
__COMMENTS_MODULE__
<script type="text/javascript">
var atoms = {};
function readAtoms() {
__ATOMS_JS__
}
readAtoms.call(atoms);
GU.bootstrap.init({
asyncStylesFilename: "style-async",
sectionTone: "__SECTION_TONE__",
isLive: "__IS_LIVE__" ? true : false,
isAdvertising: "__IS_ADVERTISING__" ? true : false,
fontSize: "__FONT_SIZE__",
platform: "__PLATFORM__",
isOffline: "__IS_OFFLINE__" ? true : false,
contentType: "liveblog",
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",
section: "__SECTION__",
tests: '__TEST_SPEC__',
nativeYoutubeEnabled: "__NATIVE_YOUTUBE_ENABLED__" === "true",
disableEnhancedTweets: "__DISABLE_ENHANCED_TWEETS__" === "true",
atoms: atoms,
hasEpic: "__HAS_EPIC__" === "true"
});
</script>
</body>
</html>