48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{{ partial "head.html" . }}
|
|
</head>
|
|
<body id="top">
|
|
<a class="skip" href="#content">Skip to content</a>
|
|
{{ partial "header.html" . }}
|
|
<main id="content" tabindex="-1">
|
|
{{ block "main" . }}{{ end }}
|
|
</main>
|
|
{{ partial "footer.html" . }}
|
|
<script>
|
|
/* Progressive only: fade sections in as they scroll into view, and
|
|
darken the top bar once the page has scrolled. */
|
|
(function () {
|
|
var root = document.documentElement;
|
|
var head = document.querySelector('.site-head');
|
|
function onScroll() { if (head) head.classList.toggle('is-scrolled', scrollY > 8); }
|
|
addEventListener('scroll', onScroll, { passive: true });
|
|
onScroll();
|
|
if (!('IntersectionObserver' in window)) return;
|
|
root.classList.add('js');
|
|
|
|
var io = new IntersectionObserver(function (entries) {
|
|
entries.forEach(function (e) {
|
|
if (e.isIntersecting) { e.target.classList.add('is-visible'); io.unobserve(e.target); }
|
|
});
|
|
}, { rootMargin: '0px 0px -8% 0px' });
|
|
document.querySelectorAll('[data-reveal]').forEach(function (el) { io.observe(el); });
|
|
})();
|
|
|
|
/* Pricing: a link to a plan panel's id (e.g. /pricing/#hosted) selects its tab. */
|
|
(function () {
|
|
function openPanel() {
|
|
var panel = location.hash && document.getElementById(decodeURIComponent(location.hash.slice(1)));
|
|
if (!panel || !panel.classList.contains('plan-panel')) return;
|
|
var i = [].indexOf.call(panel.parentNode.children, panel);
|
|
var radio = panel.closest('.plan-switch').querySelectorAll('.plan-radio')[i];
|
|
if (radio) { radio.checked = true; (panel.closest('.section') || panel).scrollIntoView(); }
|
|
}
|
|
addEventListener('hashchange', openPanel);
|
|
openPanel();
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|