|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!DOCTYPE html> |
|
|
|
<html> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="https://pair.withgoogle.com/images/favicon/apple-touch-icon.png"> |
|
<link rel="icon" type="image/png" sizes="32x32" href="https://pair.withgoogle.com/images/favicon/favicon-32x32.png"> |
|
<link rel="icon" type="image/png" sizes="16x16" href="https://pair.withgoogle.com/images/favicon/favicon-16x16.png"> |
|
<link rel="mask-icon" href="https://pair.withgoogle.com/images/favicon/safari-pinned-tab.svg" color="#00695c"> |
|
<link rel="shortcut icon" href="https://pair.withgoogle.com/images/favicon.ico"> |
|
|
|
<script> |
|
!(function(){ |
|
var url = window.location.href |
|
if (url.split('#')[0].split('?')[0].slice(-1) != '/' && !url.includes('.html')) window.location = url + '/' |
|
})() |
|
</script> |
|
|
|
<title>${d.title}</title> |
|
<meta property="og:title" content="${d.title}"> |
|
<meta property="og:url" content="https://pair.withgoogle.com/explorables${d.permalink}"> |
|
|
|
${d.socialsummary || d.summary ? `<meta name="og:description" content="${d.socialsummary || d.summary}">` : ''} |
|
${d.shareimg ? `<meta property="og:image" content="${d.shareimg}">` : ''} |
|
${d.shareimg ? `<meta name="twitter:card" content="summary_large_image">` : ''} |
|
|
|
<link rel="stylesheet" type="text/css" href="../style.css"> |
|
|
|
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,500,700|Roboto:700,500,300' rel='stylesheet' type='text/css'> |
|
<link href="https://fonts.googleapis.com/css?family=Google+Sans:400,500,700" rel="stylesheet"> |
|
|
|
<meta name="viewport" content="width=device-width"> |
|
</head> |
|
<body> |
|
<div class='header'> |
|
<div class='header-left'> |
|
<a href='https://pair.withgoogle.com/'> |
|
<img src='../images/pair-logo.svg' style='width: 100px'></img> |
|
</a> |
|
<a href='../'>Explorables</a> |
|
</div> |
|
</div> |
|
|
|
<h1 class='headline'>${d.title}</h1> |
|
${d.summary ? `<div class="post-summary">${d.summary}</div>` : ''} |
|
${d.html} |
|
</body> |
|
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138505774-1"></script> |
|
<script> |
|
if (window.location.origin === 'https://pair.withgoogle.com'){ |
|
window.dataLayer = window.dataLayer || []; |
|
function gtag(){dataLayer.push(arguments);} |
|
gtag('js', new Date()); |
|
gtag('config', 'UA-138505774-1'); |
|
} |
|
</script> |
|
|
|
<script> |
|
|
|
if (window !== window.parent){ |
|
|
|
|
|
Array.from(document.querySelectorAll('a')) |
|
.forEach(e => { |
|
|
|
if (e.href && e.href[0] == '#') return |
|
|
|
e.setAttribute('target', '_blank') |
|
e.setAttribute('rel', 'noopener noreferrer') |
|
}) |
|
|
|
|
|
Array.from(document.querySelectorAll('h3')) |
|
.forEach(e => { |
|
if (e.textContent != 'More Explorables') return |
|
|
|
e.parentNode.removeChild(e) |
|
}) |
|
|
|
|
|
var recircEl = document.querySelector('#recirc') |
|
recircEl.parentNode.removeChild(recircEl) |
|
} |
|
</script> |
|
|
|
</html> |