Files
hammerfest/public/collabora-presentation/index.html
T

421 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Collabora Impress · Federated Computer</title>
<meta name="description" content="Create presentations that impress, and edit them together with your colleagues — fully integrated with Nextcloud Files.">
<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">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">
<span class="drop-name">Apps &#43; 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&#43; 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 &amp; 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 &#43; 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 &amp; 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">
<div class="wrap"><div class="hero-copy">
<p class="note" data-reveal><span class="note-live" aria-hidden="true"></span><span class="note-text">Software Library · Presentations</span></p>
<h1 class="statement" data-reveal style="--d:80ms">Presentations from Collabora Impress</h1>
<p class="dek" data-reveal style="--d:140ms">Create presentations that impress, and edit them together with your colleagues — fully integrated with Nextcloud Files.</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></div>
</header>
<section class="section section-facts" data-reveal>
<div class="wrap">
<dl class="app-facts">
<div><dt>Replaces</dt><dd>Microsoft PowerPoint, Google Slides, Keynote, Prezi, Canva, Visme, Slidebean, Zoho Show, Haiku Deck</dd></div>
<div><dt>Hosted plans</dt><dd>Included in Good, Better, and Best</dd></div>
<div><dt>Self-hosted</dt><dd>Any tier (Free includes up to 3 apps)</dd></div>
<div><dt>Project</dt><dd><a href="https://www.collaboraonline.com/impress/" target="_blank" rel="noopener">collaboraonline.com<span class="arrow" aria-hidden="true">↗</span></a></dd></div>
</dl>
<p class="app-facts-more"><a class="more" href="../pricing/">See pricing<span class="arrow" aria-hidden="true">→</span></a> <a class="more" href="../product/software-library/">Browse the Software Library<span class="arrow" aria-hidden="true">→</span></a></p>
</div>
</section>
<section class="section section-doc" data-reveal>
<div class="wrap"><div class="prose doc"><p>Create a presentation to impress! Easily design attractive master slides, add text, images, tables, and “smartart” and collaboratively edit with your colleagues. Insert speaker notes, custom timings and transitions to engage your audience. Present online or export to PDF. Presentations from Collabora Impress uses a familiar interface, ensuring minimal fuss during transition. Collabora Impress is fully integrated with Nextcloud Files.</p>
<p><img src="../images/apps/collabora/collabora-presentation-1.png" alt="Collabora Impress screenshot"></p>
<p>Use through the web browser or you can edit presentation files using LibreOffice Impress or Microsoft PowerPoint. Presentations from Collabora Impress is installed uniquely for you on your own Federated Core. Your data is always secure, private.</p>
</div></div>
</section>
<aside class="cta" data-reveal>
<div class="wrap cta-inner">
<div class="cta-copy">
<h2 class="cta-title">Run Collabora Impress on Federated</h2>
<p class="cta-text">Private, single-tenant, and integrated with the rest of your apps. Talk to us, or start your free trial.</p>
</div>
<div class="actions">
<a href="https://calcom.federated.computer/david/60-min-meeting" class="btn btn-primary">Book a Demo<span class="arrow" aria-hidden="true">↗</span></a>
<a href="../start-now/" class="btn btn-secondary">Start 7-Day Free Trial<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 &#43; 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 &amp; 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 &amp; 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>