Spaces:
Running
Running
| <!-- | |
| @license | |
| Copyright 2020 Google. All Rights Reserved. | |
| Licensed under the Apache License, Version 2.0 (the "License"); | |
| you may not use this file except in compliance with the License. | |
| You may obtain a copy of the License at | |
| http://www.apache.org/licenses/LICENSE-2.0 | |
| Unless required by applicable law or agreed to in writing, software | |
| distributed under the License is distributed on an "AS IS" BASIS, | |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
| See the License for the specific language governing permissions and | |
| limitations under the License. | |
| --> | |
| <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> | |
| // Tweaks for displaying in an iframe | |
| if (window !== window.parent){ | |
| // Open links in a new tab | |
| Array.from(document.querySelectorAll('a')) | |
| .forEach(e => { | |
| // skip anchor links | |
| if (e.href && e.href[0] == '#') return | |
| e.setAttribute('target', '_blank') | |
| e.setAttribute('rel', 'noopener noreferrer') | |
| }) | |
| // Remove recirc h3 | |
| Array.from(document.querySelectorAll('h3')) | |
| .forEach(e => { | |
| if (e.textContent != 'More Explorables') return | |
| e.parentNode.removeChild(e) | |
| }) | |
| // Remove recirc container | |
| var recircEl = document.querySelector('#recirc') | |
| recircEl.parentNode.removeChild(recircEl) | |
| } | |
| </script> | |
| </html> |