| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <!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> |