@guardian/mobile-apps-article-templates
Version:
Templates for articles on both iOS and Android next-gen apps
50 lines (45 loc) • 2.49 kB
HTML
<html lang="en-US">
<head>
<title>Interactive</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/interactive.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="__FONT_SIZE__ __PLATFORM__ __IS_OFFLINE__ __DISPLAY_HINT__ dark-mode-__DARK_MODE__" data-fullscreen-interactive data-content-type="interactive" 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-page-id="__PAGE_ID__" data-template-directory="__TEMPLATES_DIRECTORY__" data-mpu-after-paragraphs="__MPU_AFTER_PARAGRAPHS__" data-use-ads-ready="__ADS_FAST_CALLBACK__">
__BODY__
<!-- This is needed to ensure successful integration with interactive documentaries init script -->
<main></main>
<script type="text/javascript">
GU.bootstrap.init({
asyncStylesFilename: "style-async",
fontSize: "__FONT_SIZE__",
platform: "__PLATFORM__",
isOffline: "__IS_OFFLINE__" ? true : false,
contentType: "interactive",
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",
hasEpic: "__HAS_EPIC__" === "true"
});
</script>
</body>
</html>