762 lines
23 KiB
HTML
762 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Open-Source Apps · Federated Computer</title>
|
|
<meta name="description" content="Every app your business needs — files, email, chat, CRM, support — as integrated, managed open-source software. Unlimited users, one low price, no AI project required.">
|
|
<meta name="theme-color" content="#001a2b">
|
|
<link rel="icon" href="../../favicon.ico" sizes="32x32">
|
|
<link rel="icon" href="../../favicon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="../../apple-touch-icon.png">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="../../css/style.css">
|
|
|
|
</head>
|
|
<body id="top">
|
|
<a class="skip" href="#content">Skip to content</a>
|
|
|
|
|
|
<header class="site-head">
|
|
<div class="wrap head-bar">
|
|
<a href="../../" class="brand" aria-label="Federated Computer, home">
|
|
<img src="../../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
|
|
</a>
|
|
|
|
<nav class="head-nav" aria-label="Site">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nav-item has-drop">
|
|
<a href="../../solutions/" class="nav-link" aria-current="page">Solutions<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
|
|
<div class="drop">
|
|
<div class="drop-panel">
|
|
|
|
<a href="../../solutions/open-source-apps/" class="drop-link" aria-current="page">
|
|
<span class="drop-name">Open-Source Apps</span>
|
|
<span class="drop-desc">For teams leaving Google Workspace or Microsoft 365</span>
|
|
</a>
|
|
|
|
<a href="../../solutions/apps-and-ai-development/" class="drop-link">
|
|
<span class="drop-name">Apps + AI Development</span>
|
|
<span class="drop-desc">Build AI on your own business data</span>
|
|
</a>
|
|
|
|
<a href="../../solutions/ai-for-your-apps/" class="drop-link">
|
|
<span class="drop-name">AI for Your Own Apps</span>
|
|
<span class="drop-desc">Connect the open-source apps you already host</span>
|
|
</a>
|
|
|
|
<a href="../../solutions/full-stack/" class="drop-link">
|
|
<span class="drop-name">The Full Stack</span>
|
|
<span class="drop-desc">Apps, AI development, and agents that do real work</span>
|
|
</a>
|
|
|
|
<a href="../../solutions/#compare" class="drop-link">
|
|
<span class="drop-name">Compare All Four</span>
|
|
<span class="drop-desc">See all four paths side by side</span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="nav-item has-drop">
|
|
<a href="../../product/" class="nav-link">Product<svg class="nav-caret" viewBox="0 0 10 6" width="10" height="6" aria-hidden="true"><path d="M1 1l4 4 4-4" fill="none" stroke="currentColor" stroke-width="1.5"/></svg></a>
|
|
<div class="drop">
|
|
<div class="drop-panel">
|
|
|
|
<a href="../../product/federated-core/" class="drop-link">
|
|
<span class="drop-name">Federated Core</span>
|
|
<span class="drop-desc">Provisioning, storage, backup, federated learning</span>
|
|
</a>
|
|
|
|
<a href="../../product/software-library/" class="drop-link">
|
|
<span class="drop-name">Software Library</span>
|
|
<span class="drop-desc">100+ AI-ready open-source apps</span>
|
|
</a>
|
|
|
|
<a href="../../product/agent-sandbox/" class="drop-link">
|
|
<span class="drop-name">Agent Sandbox</span>
|
|
<span class="drop-desc">High-density, instant-wake AI agents</span>
|
|
</a>
|
|
|
|
<a href="../../product/data-controls/" class="drop-link">
|
|
<span class="drop-name">Data & Controls</span>
|
|
<span class="drop-desc">Version control, testing, and monitoring</span>
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../ai-brain/" class="nav-link">AI Brain</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../ai-privacy-advantage/" class="nav-link">AI Privacy Advantage</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../pricing/" class="nav-link">Pricing</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../resources/" class="nav-link">Resources</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../about/" class="nav-link">About</a>
|
|
|
|
|
|
|
|
</nav>
|
|
|
|
<div class="head-actions">
|
|
<a href="../../sign-in/" class="head-signin">Sign in</a>
|
|
<a href="../../start-now/" class="btn btn-primary btn-sm">Start now</a>
|
|
</div>
|
|
|
|
<details class="menu">
|
|
<summary><span class="menu-word">Menu</span><span class="menu-glyph" aria-hidden="true"><i></i><i></i></span></summary>
|
|
<nav class="menu-panel" aria-label="Site">
|
|
|
|
<a href="../../" class="menu-top">Home</a>
|
|
|
|
|
|
<a href="../../solutions/" class="menu-top">Solutions</a>
|
|
|
|
<div class="menu-sub">
|
|
<a href="../../solutions/open-source-apps/">Open-Source Apps</a><a href="../../solutions/apps-and-ai-development/">Apps + AI Development</a><a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a><a href="../../solutions/full-stack/">The Full Stack</a><a href="../../solutions/#compare">Compare All Four</a>
|
|
</div>
|
|
|
|
|
|
<a href="../../product/" class="menu-top">Product</a>
|
|
|
|
<div class="menu-sub">
|
|
<a href="../../product/federated-core/">Federated Core</a><a href="../../product/software-library/">Software Library</a><a href="../../product/agent-sandbox/">Agent Sandbox</a><a href="../../product/data-controls/">Data & Controls</a>
|
|
</div>
|
|
|
|
|
|
<a href="../../ai-brain/" class="menu-top">AI Brain</a>
|
|
|
|
|
|
<a href="../../ai-privacy-advantage/" class="menu-top">AI Privacy Advantage</a>
|
|
|
|
|
|
<a href="../../pricing/" class="menu-top">Pricing</a>
|
|
|
|
|
|
<a href="../../resources/" class="menu-top">Resources</a>
|
|
|
|
|
|
<a href="../../about/" class="menu-top">About</a>
|
|
|
|
|
|
<div class="menu-actions">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../start-now/" class="btn btn-primary">Start Now<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../sign-in/" class="btn btn-secondary">Sign In<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
|
|
</div>
|
|
</nav>
|
|
</details>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="content" tabindex="-1">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<header class="hero hero-compact has-visual">
|
|
|
|
<div class="wrap hero-grid">
|
|
<div class="hero-copy">
|
|
<p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">Solutions · Open-Source Apps</span></p>
|
|
<h1 class="statement" data-reveal style="--d:80ms">Every App Your Business Needs. None of the Big Tech Bill.</h1>
|
|
<p class="dek" data-reveal style="--d:140ms">Files, email, team chat, CRM, support, and 100+ more open-source apps — already integrated, backed up, and managed for you. Unlimited users, one low price.</p>
|
|
<div class="actions" data-reveal style="--d:200ms">
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../start-now/" class="btn btn-primary">Start 7-Day Free Trial<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="https://calcom.federated.computer/david/60-min-meeting" class="btn btn-secondary">Book a Demo<span class="arrow" aria-hidden="true">↗</span></a>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<aside class="hero-fit" aria-label="Platform layers this path uses" data-reveal style="--d:260ms">
|
|
<div class="hero-fit-head">
|
|
<p class="hero-fit-title">What this path uses</p>
|
|
<a class="more" href="../../solutions/#compare">Compare all four<span class="arrow" aria-hidden="true">→</span></a>
|
|
</div>
|
|
|
|
|
|
<ul class="fit">
|
|
|
|
|
|
<li class="fit-row fit-core is-yes">
|
|
<span class="fit-bar" aria-hidden="true"><span></span></span>
|
|
<span class="fit-name">Federated Core</span>
|
|
<span class="fit-state">Included</span>
|
|
</li>
|
|
|
|
|
|
<li class="fit-row fit-library is-yes">
|
|
<span class="fit-bar" aria-hidden="true"><span></span></span>
|
|
<span class="fit-name">Software Library</span>
|
|
<span class="fit-state">Included</span>
|
|
</li>
|
|
|
|
|
|
<li class="fit-row fit-sandbox is-no">
|
|
<span class="fit-bar" aria-hidden="true"><span></span></span>
|
|
<span class="fit-name">Agent Sandbox</span>
|
|
<span class="fit-state">Add anytime</span>
|
|
</li>
|
|
|
|
|
|
<li class="fit-row fit-controls is-no">
|
|
<span class="fit-bar" aria-hidden="true"><span></span></span>
|
|
<span class="fit-name">Data & Controls</span>
|
|
<span class="fit-state">Add anytime</span>
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</aside>
|
|
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-text" id="who-this-is-for" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">Who This Is For</p>
|
|
<h2>You Want Good Software, Not an AI Project</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="prose">
|
|
<p>You’re paying per seat for Google Workspace or Microsoft 365, and the bill grows every time you hire. You’d rather your files and customer records weren’t sitting in someone else’s cloud. And whatever everyone says about AI, what you need this quarter is software that works.</p>
|
|
<p>That’s this path. You get the Software Library running on Federated Core — the apps your team uses every day, plus the provisioning, storage, login, monitoring, and backup that keep them running. Nothing to build, nothing to integrate.</p>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-table" id="what-youd-switch" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">What You'd Switch</p>
|
|
<h2>The Same Jobs, on Open-Source Software</h2>
|
|
<p class="lede">These are the same trusted open-source tools used by tens of millions of people worldwide — not stripped-down imitations.</p>
|
|
</div>
|
|
|
|
|
|
<div class="table-scroll">
|
|
<table class="compare-table">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>What you may use today</th><th>On Federated Computer</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
|
|
<tr>
|
|
<th>Files and documents</th>
|
|
|
|
|
|
<td class="bad">Google Drive, OneDrive</td>
|
|
|
|
|
|
|
|
<td class="good">Nextcloud</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<th>Team chat</th>
|
|
|
|
|
|
<td class="bad">Slack, Microsoft Teams</td>
|
|
|
|
|
|
|
|
<td class="good">Element</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<th>Sales and customers</th>
|
|
|
|
|
|
<td class="bad">Salesforce, HubSpot</td>
|
|
|
|
|
|
|
|
<td class="good">EspoCRM</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<th>Customer support</th>
|
|
|
|
|
|
<td class="bad">Zendesk, Help Scout</td>
|
|
|
|
|
|
|
|
<td class="good">FreeScout</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<th>Community and forums</th>
|
|
|
|
|
|
<td class="bad">Hosted community platforms</td>
|
|
|
|
|
|
|
|
<td class="good">Discourse</td>
|
|
|
|
|
|
</tr>
|
|
|
|
|
|
<tr>
|
|
<th>Internal wiki</th>
|
|
|
|
|
|
<td class="bad">Confluence, Notion</td>
|
|
|
|
|
|
|
|
<td class="good">BookStack</td>
|
|
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="cta-row mt-2">
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../product/software-library/" class="more">See the Software Library<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-split" id="what-changes" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">What Changes</p>
|
|
<h2>What You Get, and What You Stop Doing</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="split">
|
|
|
|
<div class="split-col">
|
|
<h3>What you get</h3>
|
|
<ul class="split-list">
|
|
<li>100+ apps that already work together, with one login across all of them</li><li>Unlimited users — no per-seat pricing games</li><li>Automatic backup, monitoring, and problems often fixed before you notice</li><li>Your own single-tenant install that we can’t see into once you change your admin password</li><li>Real human support, not a chatbot loop</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="split-col">
|
|
<h3>What you stop doing</h3>
|
|
<ul class="split-list">
|
|
<li>Paying more every time you add a person</li><li>Stitching tools together with integrations that break</li><li>Hiring IT help just to add a new app</li><li>Wondering whether your data is training someone else’s AI</li><li>Worrying about lock-in — it’s all open source, so you can take it anywhere</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-callout" id="in-practice" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">In Practice</p>
|
|
<h2>A Typical First Week</h2>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="callout"><p>A twelve-person firm moves off per-seat office software. Files go into Nextcloud, conversations into Element, client records into EspoCRM, and support email into FreeScout. Everyone signs in with one login. Nobody on the team had to become the IT person.</p></div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-text" id="when-youre-ready" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">When You're Ready</p>
|
|
<h2>AI-Ready From Day One, Off Until You Want It</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="prose">
|
|
Every app in the Library ships with a built-in AI connector (MCP). You don’t have to use it. But the day you want AI to draft replies, summarize threads, or build automations, you add the Data & Controls layer to the same install — no migration, no re-platforming.
|
|
</div>
|
|
<div class="cta-row mt-2">
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../solutions/apps-and-ai-development/" class="more">See Apps + AI Development<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-faq" id="questions" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">Questions</p>
|
|
<h2>Common Questions About This Path</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="faq-list">
|
|
|
|
<details class="faq-item">
|
|
<summary>Do I have to use any AI features?</summary>
|
|
<div class="faq-answer"><p>No. This path is the apps and the platform that runs them. The AI connectors are there when you want them, and nothing uses them until you do.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>Is there really no per-user fee?</summary>
|
|
<div class="faq-answer"><p>Right. Every plan includes unlimited users.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>Can I bring my own domain?</summary>
|
|
<div class="faq-answer"><p>Yes. Use a free Federated-managed domain or connect your own.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>What if I want to leave later?</summary>
|
|
<div class="faq-answer"><p>Everything is open source. Export your data, self-host it, or move to another provider — you’re never locked in.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>Can you help me move off Google Workspace or Microsoft 365?</summary>
|
|
<div class="faq-answer"><p>Book a demo and tell us what you run today. We’ll walk through what switching looks like for your team.</p></div>
|
|
</details>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<aside class="cta" data-reveal>
|
|
<div class="wrap cta-inner">
|
|
<div class="cta-copy">
|
|
<h2 class="cta-title">Stop paying per seat for software you could own.</h2>
|
|
<p class="cta-text">Try the full app library free for 7 days. No credit card required.</p>
|
|
</div>
|
|
<div class="actions">
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../start-now/" class="btn btn-primary">Start 7-Day Free Trial<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../solutions/#compare" class="btn btn-secondary">Compare All Four Paths<span class="arrow" aria-hidden="true">→</span></a>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
<footer class="foot">
|
|
<div class="wrap">
|
|
<div class="foot-top-row">
|
|
<div class="foot-brand">
|
|
<a href="../../" class="foot-mark" aria-label="Federated Computer, home">
|
|
<img src="../../images/logo.png" alt="Federated Computer" class="brand-logo" width="775" height="129">
|
|
</a>
|
|
<p class="foot-line">The open-source operating system for your business — and the private AI that runs on it.</p>
|
|
<span class="foot-place">Colorado Springs, Colorado</span>
|
|
<ul class="foot-social">
|
|
<li><a href="https://www.linkedin.com/company/federated-computer" target="_blank" rel="noopener">LinkedIn<span class="arrow" aria-hidden="true">↗</span></a></li><li><a href="https://x.com/federatedcomp" target="_blank" rel="noopener">X<span class="arrow" aria-hidden="true">↗</span></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="foot-grid">
|
|
|
|
<nav class="foot-group" aria-label="Solutions">
|
|
<span class="foot-head">Solutions</span>
|
|
<ul class="foot-links">
|
|
|
|
<li><a href="../../solutions/open-source-apps/">Open-Source Apps</a></li>
|
|
|
|
<li><a href="../../solutions/apps-and-ai-development/">Apps + AI Development</a></li>
|
|
|
|
<li><a href="../../solutions/ai-for-your-apps/">AI for Your Own Apps</a></li>
|
|
|
|
<li><a href="../../solutions/full-stack/">The Full Stack</a></li>
|
|
|
|
<li><a href="../../solutions/#compare">Compare All Four</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
<nav class="foot-group" aria-label="Product">
|
|
<span class="foot-head">Product</span>
|
|
<ul class="foot-links">
|
|
|
|
<li><a href="../../product/federated-core/">Federated Core</a></li>
|
|
|
|
<li><a href="../../product/software-library/">Software Library</a></li>
|
|
|
|
<li><a href="../../product/agent-sandbox/">Agent Sandbox</a></li>
|
|
|
|
<li><a href="../../product/data-controls/">Data & Controls</a></li>
|
|
|
|
<li><a href="../../ai-brain/">AI Brain</a></li>
|
|
|
|
<li><a href="../../ai-privacy-advantage/">AI Privacy Advantage</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
<nav class="foot-group" aria-label="Company">
|
|
<span class="foot-head">Company</span>
|
|
<ul class="foot-links">
|
|
|
|
<li><a href="../../about/">About</a></li>
|
|
|
|
<li><a href="../../about/#team">Team</a></li>
|
|
|
|
<li><a href="../../about/#jobs">Jobs</a></li>
|
|
|
|
<li><a href="https://freescout.federated.computer/help/3593186542">Support</a></li>
|
|
|
|
<li><a href="https://documentation.orbitfactor.cloud">Documentation</a></li>
|
|
|
|
<li><a href="https://matrix.to/#/#hangout:matrix.federated.computer">Matrix Community</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
<nav class="foot-group" aria-label="Get Started">
|
|
<span class="foot-head">Get Started</span>
|
|
<ul class="foot-links">
|
|
|
|
<li><a href="../../start-now/">Start Now</a></li>
|
|
|
|
<li><a href="../../sign-in/">Sign In</a></li>
|
|
|
|
<li><a href="../../pricing/">Pricing</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="foot-legal">
|
|
<span class="foot-copy">© 2026 Federated Computer, Inc. FedQ'd in Colorado Springs — built on Federated Computer by a team around the world.</span>
|
|
<a class="foot-policy" href="../../privacy-policy/">Privacy Policy</a><a class="foot-policy" href="../../terms-and-conditions/">Terms & Conditions</a>
|
|
<a class="foot-top" href="#top">Back to top<span class="foot-up" aria-hidden="true">↑</span></a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
|
|
|
|
(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); });
|
|
})();
|
|
|
|
|
|
(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>
|