gia-cli
Version:
Guardian US Interactive CLI tool
121 lines (93 loc) • 2.3 kB
HTML
<html lang='en-GB'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
<title>Interactive - The Guardian</title>
<meta name="robots" content="noindex,noarchive">
<link rel='stylesheet' href='https://interactive.guim.co.uk/gia/fonts/v1/fonts.css'>
<style>
body {
font-family: 'Guardian Text Egyptian Web';
font-size: 16px;
line-height: 1.4;
display: block;
margin: 0;
padding: 0;
color: #333;
-webkit-font-smoothing: antialiased;
}
a,
a:link,
a:visited {
text-decoration: none;
color: #005689;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
font-family: 'Guardian Egyptian Web';
font-weight: 500;
}
h3 {
font-family: 'Guardian Egyptian Web', Georgia;
font-size: 28px;
font-weight: 700;
line-height: 32px;
margin: 0 75px 0 0;
padding: 10px 0 0 0;
}
p {
font-family: 'Guardian Text Sans Web', Helvetica, sans-serif;
font-size: 14px;
}
.element-interactive {
max-width: 960px;
}
@media ( min-width: 980px) {
.element-interactive {
margin: 0 1rem 0 10rem;
}
}
@media ( min-width: 1140px) {
.element-interactive {
margin: 0 1rem 0 15rem;
}
}
</style>
</head>
<body>
<script src="https://interactive.guim.co.uk/libs/iframe-messenger/iframeMessenger.js"></script>
<script>
iframeMessenger.enableAutoResize();
</script>
<main class='element-interactive'></main>
<script>window.curl = { apiName: 'require' };</script>
<script src='https://interactive.guim.co.uk/gia/js/curl/v0-8-4/curl.js'></script>
<script>
(function () {
var main = document.querySelector( '.element-interactive' );
var params = {};
function parse ( value ) {
return isNaN( +value ) ? decodeURIComponent( value ) : +value;
}
window.location.search.slice( 1 ).split( '&' ).filter( Boolean ).forEach( function ( pair ) {
var split = pair.split( '=' );
params[ split[0] ] = parse( split[1] ) || true;
});
main.setAttribute( 'data-alt', JSON.stringify( params ) );
}());
require([ 'boot' ], function ( interactive ) {
interactive.boot( document.querySelector( 'main' ) );
});
</script>
</body>
</html>