684 lines
22 KiB
HTML
684 lines
22 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>Apps + AI Development · Federated Computer</title>
|
|
<meta name="description" content="Run your business on open-source apps, then build AI on top of them — notebooks, version control, CI/CD, digital twins, and a live index of your business, all private.">
|
|
<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">
|
|
<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" aria-current="page">
|
|
<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 · Apps + AI Development</span></p>
|
|
<h1 class="statement" data-reveal style="--d:80ms">Your Business Apps and Your AI Workbench, on One Private Platform.</h1>
|
|
<p class="dek" data-reveal style="--d:140ms">Run your business on open-source apps, then build AI on top of them — with notebooks, version control, CI/CD, and safe test environments already connected to your own data.</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-yes">
|
|
<span class="fit-bar" aria-hidden="true"><span></span></span>
|
|
<span class="fit-name">Data & Controls</span>
|
|
<span class="fit-state">Included</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 Have Ideas for AI, and Data You Won’t Hand Over</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="prose">
|
|
<p>You want the savings and privacy of open-source business apps. You also have developers, analysts, or a technical founder who want to build with AI: a support-triage model, a sales assistant that knows your CRM, automations that save the team hours a week.</p>
|
|
<p>The hard part usually isn’t the model. It’s getting clean, current access to your own data without copying it into a third-party cloud, and having a safe way to test what you build. This path gives you both: the Software Library for running the business, and Data & Controls for building on it.</p>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-features" id="your-ai-toolkit" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">Your AI Toolkit</p>
|
|
<h2>Everything You Need to Build, Already Wired to Your Data</h2>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<ul class="feature-list">
|
|
|
|
<li><strong>MCP in every app</strong>Claude, ChatGPT, or a private local model can read and act inside your apps through scoped connections — no custom integration code.</li>
|
|
|
|
<li><strong>The Organizational Brain</strong>A live, searchable index of your files, forum threads, and support tickets, so anything you build starts with full context.</li>
|
|
|
|
<li><strong>Jupyter notebooks</strong>A safe place to explore your own data and prototype ideas with local AI.</li>
|
|
|
|
<li><strong>Gitea + CI/CD</strong>Every change, human- or AI-written, is tracked, tested, and deployed automatically.</li>
|
|
|
|
<li><strong>Digital twin environments</strong>An exact, safe copy of your live systems for testing risky changes with zero danger to real data.</li>
|
|
|
|
<li><strong>Grafana & Prometheus</strong>Real-time monitoring that catches problems, including automations stuck in a loop, before they get expensive.</li>
|
|
|
|
<li><strong>Federated learning</strong>Train models locally on your own data. Only encrypted learnings are ever shared, and only if you choose to take part.</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-steps" id="how-work-flows" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">How Work Flows</p>
|
|
<h2>From Idea to Shipped, Without Your Data Leaving Home</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<ol class="step-row steps-4">
|
|
|
|
<li class="step">
|
|
<div class="step-head">
|
|
<h3>Explore</h3>
|
|
<span class="step-num">001</span>
|
|
</div>
|
|
<p>Open a Jupyter notebook and ask questions of your real data through the Organizational Brain.</p>
|
|
</li>
|
|
|
|
<li class="step">
|
|
<div class="step-head">
|
|
<h3>Build</h3>
|
|
<span class="step-num">002</span>
|
|
</div>
|
|
<p>Turn the prototype into code. Commit it to Gitea, where every change is tracked.</p>
|
|
</li>
|
|
|
|
<li class="step">
|
|
<div class="step-head">
|
|
<h3>Test</h3>
|
|
<span class="step-num">003</span>
|
|
</div>
|
|
<p>CI/CD runs it against a digital twin of your systems, not the real thing.</p>
|
|
</li>
|
|
|
|
<li class="step">
|
|
<div class="step-head">
|
|
<h3>Ship and watch</h3>
|
|
<span class="step-num">004</span>
|
|
</div>
|
|
<p>Deploy automatically, then monitor it in Grafana so you know it’s behaving.</p>
|
|
</li>
|
|
|
|
</ol>
|
|
|
|
</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 Support Assistant, Built In-House</h2>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="callout"><p>A developer prototypes a reply assistant in a notebook, using past FreeScout tickets and the policy pages in Discourse. It goes into Gitea, gets tested against a digital twin, and ships. Now every new ticket arrives with a drafted answer and links to the right documents — and no ticket ever left the company’s own install.</p></div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section class="section section-text" id="where-agents-run" data-reveal>
|
|
<div class="wrap">
|
|
|
|
|
|
|
|
<div class="section-head">
|
|
<p class="eyebrow">Where Agents Run</p>
|
|
<h2>Run What You Build Wherever You Like — Until You Want It Here</h2>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="prose">
|
|
On this path, the AI you build runs where you choose: your own machines, your existing infrastructure, or your model provider of choice. When you’re ready to run a whole team of agents next to your data, add the Agent Sandbox to the same install.
|
|
</div>
|
|
<div class="cta-row mt-2">
|
|
|
|
|
|
|
|
|
|
|
|
<a href="../../solutions/full-stack/" class="more">See the Full Stack<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>Which AI models can I use?</summary>
|
|
<div class="faq-answer"><p>The built-in connectors work with Claude, ChatGPT, or a private local model. You choose, and you can change your mind.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>Will my data be used to train anyone's model?</summary>
|
|
<div class="faq-answer"><p>No. Your install is single-tenant and we can’t see your data once you change your admin password. Federated learning is opt-in, and even then only encrypted model updates leave your servers — never raw data.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>Do I need a data team to get value from this?</summary>
|
|
<div class="faq-answer"><p>No, but it helps to have at least one person comfortable writing code or working in notebooks. If you’d rather not build, the Open-Source Apps path may fit better for now.</p></div>
|
|
</details>
|
|
|
|
<details class="faq-item">
|
|
<summary>Do I need the Agent Sandbox?</summary>
|
|
<div class="faq-answer"><p>Not to build. You need it when you want to run many agents at once on Federated’s infrastructure, next to your data.</p></div>
|
|
</details>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<aside class="cta" data-reveal>
|
|
<div class="wrap cta-inner">
|
|
<div class="cta-copy">
|
|
<h2 class="cta-title">Build AI on your business, not on someone else’s cloud.</h2>
|
|
<p class="cta-text">Try the apps and the full AI development toolkit free for 7 days.</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>
|