@guardian/mobile-apps-article-templates
Version:
Templates for articles on both iOS and Android next-gen apps
74 lines (70 loc) • 3.86 kB
HTML
<html lang="en-US">
<head>
<title>Comments</title>
<meta charset="UTF-8" />
<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" />
<link rel="stylesheet" type="text/css" media="all" href="__TEMPLATES_DIRECTORY__assets/css/style-async.css" />
<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__" data-font-size="__FONT_SIZE_INT__" data-template-directory="__TEMPLATES_DIRECTORY__" data-page-id="__PAGE_ID__">
<section class="comments comments--page comments-__COMMENTS_COUNT__">
<div class="comments__wrapper">
<div class="comments__header">
<h3 class="comments__count">__COMMENTS_COUNT__</h3>
<h1 class="comments__headline headline">__TITLE__</h1>
<a href="x-gu://newestfirst" class="comments__ordering">
<span data-icon="" aria-hidden="true"></span>
__COMMENTS_ORDER__
</a>
<p class="comments__closed">Comments are closed</p>
<a class="comments__post touchpoint touchpoint--primary" href="x-gu://leavecomment">
<span class="touchpoint__label">Post a comment</span>
<span class="touchpoint__button" data-icon="" aria-hidden="true"></span>
</a>
</div>
<div class="comments__container">
<div class="comments__block comments__block--empty">
<p>
Open for comments. <a href="x-gu://leavecomment">Be the first to join the debate</a>
</p>
</div>
<div class="comments__block comments__block--failed">
<p>
Comments are currently unavailable. Please try again later.
</p>
</div>
<div class="comments__block comments__block--loading loading" data-icon="">
</div>
</div>
</section>
<script type="text/javascript">
GU.bootstrap.init({
asyncStylesFilename: "style-async",
sectionTone: "__SECTION_TONE__",
fontSize: "__FONT_SIZE__",
platform: "__PLATFORM__",
isOffline: "__IS_OFFLINE__" ? true : false,
contentType: "comments",
adsConfig: "__ADS_CONFIG__",
fontSizeInt: "__FONT_SIZE_INT__",
templatesDirectory: "__TEMPLATES_DIRECTORY__",
pageId: "__PAGE_ID__",
skipStyle: true,
tests: '__TEST_SPEC__',
nativeYoutubeEnabled: "__NATIVE_YOUTUBE_ENABLED__" === "true",
disableEnhancedTweets: "__DISABLE_ENHANCED_TWEETS__" === "true",
hasEpic: "__HAS_EPIC__" === "true"
});
</script>
</body>
</html>