mirror of
https://github.com/Ombi-app/Ombi.git
synced 2025-03-12 04:35:27 -07:00
253 lines
10 KiB
HTML
253 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css"/>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.1/simplelightbox.min.css"/>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/dark-style.css">
|
|
<title>Ombi - Media Request System</title>
|
|
</head>
|
|
<body>
|
|
<div class="loader">
|
|
<span>Loading</span>
|
|
<div class="sk-folding-cube">
|
|
<div class="sk-cube1 sk-cube"></div>
|
|
<div class="sk-cube2 sk-cube"></div>
|
|
<div class="sk-cube4 sk-cube"></div>
|
|
<div class="sk-cube3 sk-cube"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<header id="navbar">
|
|
<div class="nav-container">
|
|
<a href="#" class="logo">
|
|
<img src="img/logo-orange-small.png" alt="Ombi logo">
|
|
</a>
|
|
<div class="nav-links">
|
|
<a href="#features">Features</a>
|
|
<a href="#how">How it Works</a>
|
|
<a href="#install">Install</a>
|
|
<a href="#team">Team</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="intro-container">
|
|
<preload-images hidden="hidden">
|
|
<img src="img/fanart/1.jpg">
|
|
<img src="img/fanart/2.jpg">
|
|
<img src="img/fanart/3.jpg">
|
|
<img src="img/fanart/4.jpg">
|
|
<img src="img/fanart/5.jpg">
|
|
<img src="img/fanart/6.jpg">
|
|
<img src="img/fanart/7.jpg">
|
|
<img src="img/fanart/8.jpg">
|
|
<img src="img/fanart/9.jpg">
|
|
<img src="img/fanart/10.jpg">
|
|
<img src="img/fanart/11.jpg">
|
|
<img src="img/fanart/12.jpg">
|
|
</preload-images>
|
|
<div
|
|
class="intro-bg"
|
|
data-slides='[
|
|
"img/fanart/1.jpg",
|
|
"img/fanart/2.jpg",
|
|
"img/fanart/3.jpg",
|
|
"img/fanart/4.jpg",
|
|
"img/fanart/5.jpg",
|
|
"img/fanart/6.jpg",
|
|
"img/fanart/7.jpg",
|
|
"img/fanart/8.jpg",
|
|
"img/fanart/9.jpg",
|
|
"img/fanart/10.jpg",
|
|
"img/fanart/11.jpg",
|
|
"img/fanart/12.jpg"
|
|
]'></div>
|
|
|
|
<div class="intro">
|
|
<img src="img/logo-orange-small.png" alt="Ombi logo">
|
|
<h1>Your Media, On Demand</h1>
|
|
<p>The seamless way for your Plex and Emby users to request new content. Ombi integrates with your media server and automatically manages user requests.</p>
|
|
<div class="button-container">
|
|
<a class="button-primary" href="https://github.com/tidusjar/Ombi/releases">Download Now</a>
|
|
<a class="button-white" href="https://app.ombi.io/">Try Demo</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section id="features" class="what-container">
|
|
<h1 class="text-center">Powerful Media Request Management</h1>
|
|
<p class="text-center">Ombi transforms how you manage your media server with these essential features:</p>
|
|
|
|
<div class="features-grid">
|
|
<div class="feature-card slide-up">
|
|
<i class="fas fa-user-friends feature-icon"></i>
|
|
<h3>User Management</h3>
|
|
<p>Connect to your Plex or Emby server and automatically sync users, giving them a personalized request experience.</p>
|
|
</div>
|
|
|
|
<div class="feature-card slide-up">
|
|
<i class="fas fa-search feature-icon"></i>
|
|
<h3>Smart Search</h3>
|
|
<p>Powerful search capabilities to find TV shows and movies across multiple providers with rich metadata.</p>
|
|
</div>
|
|
|
|
<div class="feature-card slide-up">
|
|
<i class="fas fa-robot feature-icon"></i>
|
|
<h3>Automation</h3>
|
|
<p>Seamless integration with Sonarr, Radarr, CouchPotato, SickRage, and more to automatically fulfill requests.</p>
|
|
</div>
|
|
|
|
<div class="feature-card slide-up">
|
|
<i class="fas fa-bell feature-icon"></i>
|
|
<h3>Notifications</h3>
|
|
<p>Customizable notifications through various channels to keep users updated on their requests.</p>
|
|
</div>
|
|
|
|
<div class="feature-card slide-up">
|
|
<i class="fas fa-lock feature-icon"></i>
|
|
<h3>Request Approval</h3>
|
|
<p>Optional approval system for admins to manage and control what content gets added to your server.</p>
|
|
</div>
|
|
|
|
<div class="feature-card slide-up">
|
|
<i class="fas fa-mobile-alt feature-icon"></i>
|
|
<h3>Mobile Apps</h3>
|
|
<p>Native mobile applications for iOS and Android for on-the-go request management.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="how" class="how-container">
|
|
<div class="install-content">
|
|
<h1 class="text-center">How Ombi Works</h1>
|
|
<div class="steps">
|
|
<div class="step fade-in">
|
|
<div class="step-number">1</div>
|
|
<div class="step-content">
|
|
<h3>User Requests Content</h3>
|
|
<p>Users browse the intuitive interface to find and request movies or TV shows they'd like to watch.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step fade-in">
|
|
<div class="step-number">2</div>
|
|
<div class="step-content">
|
|
<h3>Ombi Processes Request</h3>
|
|
<p>Ombi checks if the content already exists and either notifies the user or forwards the request.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step fade-in">
|
|
<div class="step-number">3</div>
|
|
<div class="step-content">
|
|
<h3>DVR Integration</h3>
|
|
<p>The request is automatically sent to your configured media management tools like Sonarr or Radarr.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="step fade-in">
|
|
<div class="step-number">4</div>
|
|
<div class="step-content">
|
|
<h3>Content is Added to Your Server</h3>
|
|
<p>Once the content is available, it's added to your Plex or Emby server and users are notified.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="install" class="install-container">
|
|
<div class="install-content">
|
|
<h1 class="text-center">Ready to Get Started?</h1>
|
|
<p class="text-center">Ombi works on Windows, macOS, Linux, Docker, and more!</p>
|
|
|
|
<div class="button-container">
|
|
<a class="button-primary" href="https://docs.ombi.app/guides/installation/">Installation Guide</a>
|
|
<a class="button-white" href="https://github.com/tidusjar/Ombi/releases">Download Latest Release</a>
|
|
</div>
|
|
|
|
<h2 class="text-center" style="margin-top: 3rem;">Mobile Apps</h2>
|
|
<p class="text-center">Take Ombi wherever you go with our mobile apps</p>
|
|
|
|
<div>
|
|
<a class="apple-badge badges" href="https://apps.apple.com/us/app/ombi/id1335260043">
|
|
<img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/en-us" alt="Download on the App Store">
|
|
</a>
|
|
<a class="google-badge badges" href="https://play.google.com/store/apps/details?id=com.tidusjar.Ombi">
|
|
<img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="team" class="madeby-container">
|
|
<h1 class="text-center">The Team Behind Ombi</h1>
|
|
|
|
<div class="team-grid">
|
|
<div class="team-card fade-in">
|
|
<h3>Community Support</h3>
|
|
<p>Join our active community for help, feature discussions, and more.</p>
|
|
<div class="button-container">
|
|
<a class="button-black" href="https://discord.gg/Sa7wNWb">Discord</a>
|
|
<a class="button-black" href="https://github.com/tidusjar/Ombi/issues/new">Report an issue</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="team-card fade-in">
|
|
<h3>Support the Project</h3>
|
|
<p>Ombi is developed by <a href="https://www.linkedin.com/in/jamiearees">Jamie Rees</a> and <a href="https://github.com/tidusjar/Ombi/graphs/contributors">contributors</a>.</p>
|
|
<div class="button-container">
|
|
<a class="button-black" href="https://www.paypal.me/PlexRequestsNet/25">PayPal</a>
|
|
<a class="button-black" href="https://www.patreon.com/tidusjar">Patreon</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="social-links">
|
|
<a href="https://github.com/tidusjar/Ombi"><i class="fab fa-github"></i></a>
|
|
<a href="https://discord.gg/Sa7wNWb"><i class="fab fa-discord"></i></a>
|
|
<a href="https://twitter.com/tidusjar"><i class="fab fa-twitter"></i></a>
|
|
</div>
|
|
|
|
<div class="legal text-center">
|
|
<p>Apple and the Apple logo are trademarks of Apple Inc. App Store is a service mark of Apple Inc.</p>
|
|
<p>Google Play and the Google Play logo are trademarks of Google LLC.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/simplelightbox/1.12.1/simple-lightbox.min.js"></script>
|
|
<!-- Fallback for animations if main script fails -->
|
|
<script>
|
|
// Ensure content is visible after a delay even if animations fail
|
|
setTimeout(function() {
|
|
document.querySelectorAll('.fade-in, .slide-up').forEach(function(el) {
|
|
if (window.getComputedStyle(el).opacity < 1) {
|
|
el.style.opacity = 1;
|
|
el.style.transform = 'translateY(0)';
|
|
}
|
|
});
|
|
}, 2000);
|
|
</script>
|
|
<script src="js/javascript.js"></script>
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-89270627-2"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() {
|
|
dataLayer.push(arguments);
|
|
}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-89270627-2');
|
|
</script>
|
|
</body>
|
|
</html>
|