polyfill-service
Version:
A polyfill combinator
90 lines (83 loc) • 3.15 kB
HTML
<html class="core">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>Polyfill service</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
var cutsTheMustard = ('querySelector' in document && 'localStorage' in window && 'addEventListener' in window);
if (cutsTheMustard) {
document.documentElement.className = document.documentElement.className.replace(/\bcore\b/g, 'enhanced');
}
</script>
<style>
/* Hide any enhanced experience content when in core mode, and vice versa. */
.core .o--if-js,
.enhanced .o--if-no-js { display: none ; }
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://origami-build.ft.com/v2/bundles/css?modules=o-techdocs@^5.0.0,o-grid@^4.0.0,o-overlay@^1.4.0,o-fonts@^1.4.0,o-forms@^2.0.0" />
<link rel="stylesheet" href="/v2/assets/css/style.css" />
<!-- Polyfills must load sync, since they need to be active before other script runs -->
<script src="/v2/polyfill.min.js?features=Array.from,HTMLDocument,Array.prototype.forEach,XMLHttpRequest,CustomEvent,Element.prototype.closest"></script>
<!-- Other scripts can be loaded async -->
<script>
(function(srces, fn) {
if (!cutsTheMustard) return;
var firstScript = document.getElementsByTagName('script')[0];
var re = /ded|co/;
var onload = 'onload';
var onreadystatechange = 'onreadystatechange';
var readyState = 'readyState';
var count = 0;
if (typeof srces === 'string') srces = [srces];
srces.forEach(function(src) {
var script = document.createElement('script');
script[onload] = script[onreadystatechange] = function() {
if(!this[readyState] || re.test(this[readyState])){
script[onload] = script[onreadystatechange] = null;
if (++count === srces.length) {
fn && fn();
}
}
};
script.async = script.defer = true;
script.src = src;
firstScript.parentNode.insertBefore(script, firstScript);
});
})([
'https://origami-build.ft.com/v2/bundles/js?modules=o-techdocs@^5.0.0,o-grid@^4.0.0,o-overlay@^1.4.0,o-fonts@^1.4.0,o-forms@^2.0.0',
'https://www.google.com/jsapi',
'/v2/assets/js/ui.js'
], function() { charts(); });
</script>
</head>
<body class='o-techdocs'>
{{#ifEq pageName "index"}}
<header class='hero-header'>
<h1>
<img src='/v2/assets/images/logo.svg' class='logo' alt='logo' />
Polyfill.io
</h1>
<p>Upgrade the web. Automatically.</p>
</header>
{{else}}
<header data-o-component="o-header" class="o-header">
<div class="o-header__container">
<div class="o-header__inner">
<div class="o-header__primary">
<div class="o-header__primary__left">
<h1 class="o-header__title">
<img src='/v2/assets/images/logo.svg' class='logo' alt='logo' />
Polyfill.io
</h1>
</div>
</div>
<div class="o-header__secondary"></div>
</div>
</div>
</header>
{{/ifEq}}
<div class="o-techdocs-container">
<div class="o-techdocs-layout">