1019 lines
No EOL
52 KiB
HTML
1019 lines
No EOL
52 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Debrid Services Comparison - Compare Pricing & Hosts</title>
|
||
<meta name="description" content="Compare pricing and supported hosts across AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, TorBox, Mega-Debrid & Deepbrid.">
|
||
<meta name="robots" content="index, follow">
|
||
<meta name="author" content="Fynks">
|
||
<meta name="google-site-verification" content="nlH9UKmiZsYOuMXXnRc9pKL-AW5rECWikqcUqzri-yQ">
|
||
<link rel="canonical" href="https://debrid-services-comparison.netlify.app/">
|
||
|
||
<!-- Theme color per scheme -->
|
||
<meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
|
||
<meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)">
|
||
|
||
<!-- Favicons -->
|
||
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
|
||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||
<link rel="icon" href="/favicon.ico" sizes="any">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
|
||
<link rel="manifest" href="/site.webmanifest">
|
||
|
||
<!-- Fonts -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" onload="this.rel='stylesheet'">
|
||
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap"></noscript>
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://debrid-services-comparison.netlify.app/">
|
||
<meta property="og:title" content="Debrid Services Comparison">
|
||
<meta property="og:description" content="Compare pricing and supported hosts across major debrid services. Find the best premium download service for your needs.">
|
||
<meta property="og:image" content="https://debrid-services-comparison.netlify.app/image.png">
|
||
<meta property="og:site_name" content="Debrid Services Comparison">
|
||
<meta property="og:locale" content="en_US">
|
||
|
||
<!-- Twitter -->
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:url" content="https://debrid-services-comparison.netlify.app/">
|
||
<meta name="twitter:title" content="Debrid Services Comparison">
|
||
<meta name="twitter:description" content="Compare pricing and supported hosts across major debrid services. Find the best premium download service for your needs.">
|
||
<meta name="twitter:image" content="https://debrid-services-comparison.netlify.app/image.png">
|
||
|
||
<!-- Prefetch data for quick subsequent use (non-blocking) -->
|
||
<link rel="prefetch" href="/json/file-hosts.json" crossorigin>
|
||
<link rel="prefetch" href="/json/adult-hosts.json" crossorigin>
|
||
<link rel="prefetch" href="/json/pricing.json" crossorigin>
|
||
|
||
<!-- Early theme apply to avoid flash -->
|
||
<script>
|
||
(function() {
|
||
try {
|
||
const saved = localStorage.getItem('theme');
|
||
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
|
||
const theme = saved || (prefersDark ? 'dark' : 'light');
|
||
document.documentElement.setAttribute('data-theme', theme);
|
||
document.documentElement.style.colorScheme = theme;
|
||
} catch(e) {}
|
||
})();
|
||
</script>
|
||
|
||
<!-- Critical CSS (inline) -->
|
||
<style>
|
||
:root{
|
||
color-scheme: light dark;
|
||
--primary:#6366f1; --primary-hover:#4f46e5;
|
||
--success:#10b981; --warning:#f59e0b; --error:#ef4444; --info:#3b82f6;
|
||
--gray-50:#f8fafc; --gray-100:#f1f5f9; --gray-200:#e2e8f0; --gray-600:#475569; --gray-700:#334155; --gray-800:#1e293b; --gray-900:#0f172a;
|
||
--bg-primary:#fff; --bg-secondary:var(--gray-50);
|
||
--text-primary:var(--gray-900); --text-secondary:var(--gray-600);
|
||
--border-primary:var(--gray-200);
|
||
--radius-md:.375rem; --radius-lg:.5rem; --radius-xl:.75rem; --radius-2xl:1rem; --radius-full:9999px;
|
||
--space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem;
|
||
--text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem; --text-xl:1.25rem; --text-2xl:1.5rem; --text-4xl:2.25rem;
|
||
--font-medium:500; --font-semibold:600; --font-bold:700; --font-extrabold:800;
|
||
--shadow-sm:0 1px 3px 0 rgb(0 0 0 / .08),0 1px 2px -1px rgb(0 0 0 / .08);
|
||
--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);
|
||
--transition-normal:.2s cubic-bezier(.4,0,.2,1);
|
||
}
|
||
[data-theme="dark"]{
|
||
--bg-primary:var(--gray-900); --bg-secondary:var(--gray-800);
|
||
--text-primary:var(--gray-50); --text-secondary:var(--gray-300);
|
||
--border-primary:var(--gray-700);
|
||
--primary:#818cf8; --primary-hover:#a5b4fc;
|
||
--shadow-sm:0 1px 3px 0 rgb(0 0 0 / .4),0 1px 2px -1px rgb(0 0 0 / .4);
|
||
--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .4),0 4px 6px -4px rgb(0 0 0 / .4);
|
||
}
|
||
|
||
*{box-sizing:border-box}
|
||
html{scroll-behavior:smooth}
|
||
body{
|
||
font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
|
||
background:var(--bg-primary); color:var(--text-primary);
|
||
margin:0; line-height:1.6; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
|
||
}
|
||
.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}
|
||
.section{padding:var(--space-24) 0; background:var(--bg-primary)}
|
||
.section-header{text-align:center;margin-bottom:var(--space-16)}
|
||
.section-title{font-size:clamp(var(--text-2xl),6vw,var(--text-4xl));font-weight:var(--font-extrabold);letter-spacing:-.02em;margin:0 0 var(--space-4)}
|
||
.section-description{color:var(--text-secondary);font-size:clamp(var(--text-base),3vw,var(--text-lg));max-width:700px;margin:0 auto}
|
||
|
||
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}
|
||
.quick-nav-card,.status-card{
|
||
display:block; padding:var(--space-6); background:var(--bg-primary);
|
||
border:1px solid var(--border-primary); border-radius:var(--radius-2xl);
|
||
text-decoration:none; box-shadow:var(--shadow-sm);
|
||
transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)
|
||
}
|
||
.quick-nav-card:hover,.status-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}
|
||
.icon-badge{font-size:1.75rem; margin-bottom:var(--space-3)}
|
||
.quick-nav-card h3{margin:0 0 var(--space-2); font-size:var(--text-xl); font-weight:var(--font-bold)}
|
||
.quick-nav-card p{margin:0; color:var(--text-secondary)}
|
||
.speed-card .service-name{font-weight:var(--font-semibold); color:var(--text-primary)}
|
||
.speed-card .speed-test-label{font-size:var(--text-sm); color:var(--text-secondary)}
|
||
|
||
.meta-chips{display:flex;gap:.5rem;justify-content:center;margin-top:var(--space-4);flex-wrap:wrap}
|
||
.chip{
|
||
display:inline-flex;align-items:center;gap:.4rem;
|
||
padding:.45rem .7rem;border-radius:999px;
|
||
background:var(--bg-secondary); color:var(--text-secondary); border:1px solid var(--border-primary);
|
||
font-size:.75rem; font-weight:var(--font-medium)
|
||
}
|
||
|
||
.stepper{counter-reset:step; list-style:none; padding-left:0; margin:var(--space-6) 0}
|
||
.stepper li{position:relative; padding-left:2.25rem; margin-bottom:.75rem}
|
||
.stepper li::before{
|
||
counter-increment:step; content:counter(step);
|
||
position:absolute; left:0; top:.1rem; width:1.5rem; height:1.5rem;
|
||
display:inline-flex; align-items:center; justify-content:center;
|
||
border-radius:999px; background:var(--primary); color:#fff; font-size:.8rem; font-weight:700
|
||
}
|
||
|
||
.accordion{border:1px solid var(--border-primary); border-radius:var(--radius-xl); background:var(--bg-primary); margin:var(--space-4) 0; overflow:hidden}
|
||
.accordion > summary{
|
||
display:flex; align-items:center; justify-content:space-between; gap:.75rem;
|
||
padding:var(--space-4); font-weight:var(--font-semibold); cursor:pointer; list-style:none
|
||
}
|
||
.accordion > summary::-webkit-details-marker{display:none}
|
||
.accordion[open] > summary{background:var(--bg-secondary)}
|
||
.accordion .chevron{transition:transform var(--transition-normal)}
|
||
.accordion[open] .chevron{transform:rotate(180deg)}
|
||
.accordion-content{padding:0 var(--space-4) var(--space-4); color:var(--text-secondary)}
|
||
.bullet-list{padding:var(--space-4) var(--space-6); margin:0}
|
||
.bullet-list li{margin:.25rem 0}
|
||
|
||
.alert{display:flex;gap:.6rem;align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-primary);margin:var(--space-6) 0}
|
||
.alert-info{background:rgb(59 130 246 / .10); border-color:rgb(59 130 246 / .25); color:var(--info)}
|
||
.alert-warning{background:rgb(245 158 11 / .10); border-color:rgb(245 158 11 / .25); color:var(--warning)}
|
||
.alert-icon{flex-shrink:0;margin-top:2px}
|
||
|
||
.subsection{margin:var(--space-12) 0}
|
||
.subsection-title{margin:0 0 var(--space-4); font-size:var(--text-xl); font-weight:var(--font-bold)}
|
||
|
||
@media (width <= 768px){
|
||
.container{padding:0 var(--space-4)}
|
||
.section{padding:var(--space-16) 0}
|
||
}
|
||
</style>
|
||
|
||
<!-- Main CSS (rest of styles) -->
|
||
<link rel="stylesheet" href="css/styles.css">
|
||
|
||
<!-- Structured data -->
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context":"https://schema.org",
|
||
"@type":"WebSite",
|
||
"name":"Debrid Services Comparison",
|
||
"url":"https://debrid-services-comparison.netlify.app/",
|
||
"description":"Compare pricing and supported hosts across major debrid services.",
|
||
"creator":{"@type":"Person","name":"Fynks","url":"https://github.com/fynks"}
|
||
}
|
||
</script>
|
||
|
||
<!-- App JS (rest of logic) -->
|
||
<script src="js/app.js" defer></script>
|
||
</head>
|
||
|
||
<body>
|
||
<a class="skip-link" href="#main-content">Skip to main content</a>
|
||
|
||
<div class="page-wrapper">
|
||
<header class="site-header">
|
||
<div class="container">
|
||
<div class="header-content">
|
||
<a href="/" class="site-title">
|
||
<span class="logo-icon" aria-hidden="true">⚡</span>
|
||
Debrid Comparison
|
||
</a>
|
||
<nav class="header-nav" aria-label="Main navigation">
|
||
<a href="#what-are-debrid" class="nav-link">About</a>
|
||
<a href="#pricing" class="nav-link">Pricing</a>
|
||
<a href="#file-hosts" class="nav-link">Hosts</a>
|
||
<a href="#speed-test" class="nav-link">Speed Test</a>
|
||
<a href="#faq" class="nav-link">FAQ</a>
|
||
<a href="#compare" class="nav-link">Compare</a>
|
||
</nav>
|
||
<button id="darkModeToggle" class="dark-mode-toggle" aria-label="Toggle dark mode" aria-pressed="false" type="button">
|
||
<svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="5" />
|
||
<path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" />
|
||
</svg>
|
||
<svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main id="main-content" class="main-content" role="main">
|
||
<!-- Hero Section -->
|
||
<section class="hero-section" aria-labelledby="hero-title">
|
||
<div class="container">
|
||
<div class="hero-content">
|
||
<h1 id="hero-title" class="hero-title">
|
||
Compare Premium <span class="gradient-text">Debrid Services</span>
|
||
</h1>
|
||
<p class="hero-description">
|
||
A community-driven, up-to-date comparison of premium debrid services: pricing, host support, refund policies, and performance.
|
||
</p>
|
||
<div class="hero-actions">
|
||
<a href="#pricing" class="btn btn-primary">View Pricing</a>
|
||
<a href="#compare" class="btn btn-secondary">Compare Services</a>
|
||
</div>
|
||
<div class="hero-stats" aria-label="Key stats">
|
||
<div class="stat-item">
|
||
<span class="stat-number">8</span>
|
||
<span class="stat-label">Services</span>
|
||
</div>
|
||
<div class="stat-item">
|
||
<span class="stat-number">300+</span>
|
||
<span class="stat-label">File Hosts</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- What are Debrid Services (streamlined) -->
|
||
<section id="what-are-debrid" class="section" aria-labelledby="what-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="what-title" class="section-title">What are Debrid Services?</h2>
|
||
<p class="section-description">
|
||
Debrid services (a.k.a. premium link generators) act as a high‑speed intermediary: they fetch the file from a host, then serve you a fast, ad‑free direct link.
|
||
</p>
|
||
|
||
<div class="meta-chips" aria-label="Key traits">
|
||
<span class="chip">Premium link generator</span>
|
||
<span class="chip">Ad‑free</span>
|
||
<span class="chip">Multi‑host</span>
|
||
<span class="chip">Torrent‑to‑link</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-grid features-grid">
|
||
<article class="quick-nav-card benefit-card" role="article">
|
||
<div class="icon-badge">⚡</div>
|
||
<h3>Maximum Speeds</h3>
|
||
<p>Bypass host throttling with direct links</p>
|
||
</article>
|
||
|
||
<article class="quick-nav-card benefit-card" role="article">
|
||
<div class="icon-badge">🔗</div>
|
||
<h3>Multi‑Host Access</h3>
|
||
<p>One subscription supports hundreds of hosts</p>
|
||
</article>
|
||
|
||
<article class="quick-nav-card benefit-card" role="article">
|
||
<div class="icon-badge">🌐</div>
|
||
<h3>Streaming Ready</h3>
|
||
<p>Instant playback on supported hosts</p>
|
||
</article>
|
||
|
||
<article class="quick-nav-card benefit-card" role="article">
|
||
<div class="icon-badge">💾</div>
|
||
<h3>Torrent‑to‑Link</h3>
|
||
<p>Add magnet/torrent and get a direct URL</p>
|
||
</article>
|
||
|
||
<article class="quick-nav-card benefit-card" role="article">
|
||
<div class="icon-badge">🛡️</div>
|
||
<h3>Ad‑Free</h3>
|
||
<p>No popups, countdowns, or captchas</p>
|
||
</article>
|
||
|
||
<article class="quick-nav-card benefit-card" role="article">
|
||
<div class="icon-badge">🌍</div>
|
||
<h3>Global Network</h3>
|
||
<p>Optimized routing from high‑bandwidth regions</p>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="alert alert-info" role="alert">
|
||
<svg class="alert-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="10" />
|
||
<path d="M12 16v-4M12 8h.01" />
|
||
</svg>
|
||
<div>
|
||
Think of a debrid service as a “premium proxy” between you and hosts like Rapidgator, Mega, or Uptobox.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Quick Navigation -->
|
||
<section class="quick-nav" aria-label="Quick navigation">
|
||
<div class="container">
|
||
<div class="quick-nav-grid">
|
||
<a href="#what-are-debrid" class="quick-nav-card" aria-label="Learn about debrid services">
|
||
<div class="quick-nav-icon" aria-hidden="true">❓</div>
|
||
<h3>What are Debrid Services?</h3>
|
||
<p>Learn how debrid services work and their benefits</p>
|
||
</a>
|
||
<a href="#pricing" class="quick-nav-card" aria-label="Go to pricing plans">
|
||
<div class="quick-nav-icon" aria-hidden="true">💰</div>
|
||
<h3>Pricing Plans</h3>
|
||
<p>Compare subscription costs and find the best value</p>
|
||
</a>
|
||
<a href="#file-hosts" class="quick-nav-card" aria-label="Go to file hosts">
|
||
<div class="quick-nav-icon" aria-hidden="true">📁</div>
|
||
<h3>File Hosts</h3>
|
||
<p>Browse 300+ supported file hosting services</p>
|
||
</a>
|
||
<a href="#speed-test" class="quick-nav-card" aria-label="Go to speed test tools">
|
||
<div class="quick-nav-icon" aria-hidden="true">⚡</div>
|
||
<h3>Speed Test</h3>
|
||
<p>Test download speeds and performance</p>
|
||
</a>
|
||
<a href="#compare" class="quick-nav-card" aria-label="Go to side-by-side comparison">
|
||
<div class="quick-nav-icon" aria-hidden="true">⚖️</div>
|
||
<h3>Side by Side</h3>
|
||
<p>Compare any two services directly</p>
|
||
</a>
|
||
<a href="#faq" class="quick-nav-card" aria-label="Go to frequently asked questions">
|
||
<div class="quick-nav-icon" aria-hidden="true">❔</div>
|
||
<h3>FAQ</h3>
|
||
<p>Get answers to common questions</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Pricing Section -->
|
||
<section id="pricing" class="section" aria-labelledby="pricing-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="pricing-title" class="section-title">Pricing Comparison</h2>
|
||
<p class="section-description">Compare subscription plans across all major debrid services</p>
|
||
</div>
|
||
|
||
<div class="pricing-container">
|
||
<div id="pricing-table-container" class="data-table-container" role="region" aria-live="polite" aria-label="Pricing table">
|
||
<div class="loading-state" aria-busy="true">
|
||
<div class="loading-spinner" aria-hidden="true"></div>
|
||
<p>Loading pricing data...</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="pricing-note">
|
||
<div class="alert alert-info" role="alert">
|
||
<svg class="alert-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="10" />
|
||
<path d="M12 16v-4M12 8h.01" />
|
||
</svg>
|
||
<div>
|
||
<strong>Important:</strong> Pricing can change frequently. Always verify current pricing on official websites before purchasing.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Referral Section -->
|
||
<div class="referral-section" aria-labelledby="referral-title">
|
||
<div class="referral-header">
|
||
<h3 id="referral-title">Support This Project</h3>
|
||
<p>Consider using our referral links - it helps maintain this project at no extra cost to you!</p>
|
||
</div>
|
||
<div class="referral-grid">
|
||
<a href="https://alldebrid.com/?uid=3wvya&lang=en" class="referral-card" target="_blank" rel="noopener noreferrer sponsored" aria-label="AllDebrid referral link">
|
||
<span class="service-name">AllDebrid</span>
|
||
<span class="referral-badge">Referral Link</span>
|
||
</a>
|
||
<a href="https://real-debrid.com/?id=10990901" class="referral-card" target="_blank" rel="noopener noreferrer sponsored" aria-label="Real-Debrid referral link">
|
||
<span class="service-name">Real-Debrid</span>
|
||
<span class="referral-badge">Referral Link</span>
|
||
</a>
|
||
<a href="https://torbox.app/subscription?referral=47eece72-46b8-483b-8b7a-79d6c16dedf2" class="referral-card" target="_blank" rel="noopener noreferrer sponsored" aria-label="TorBox referral link">
|
||
<span class="service-name">TorBox</span>
|
||
<span class="referral-badge">Referral Link</span>
|
||
</a>
|
||
<a href="https://linksnappy.com/?ref=774668" class="referral-card" target="_blank" rel="noopener noreferrer sponsored" aria-label="LinkSnappy referral link">
|
||
<span class="service-name">LinkSnappy</span>
|
||
<span class="referral-badge">Referral Link</span>
|
||
</a>
|
||
<a href="https://debrid-link.com/id/7B3BO" class="referral-card" target="_blank" rel="noopener noreferrer sponsored" aria-label="Debrid-Link referral link">
|
||
<span class="service-name">Debrid-Link</span>
|
||
<span class="referral-badge">Referral Link</span>
|
||
</a>
|
||
<a href="https://www.deepbrid.com/aff/go/upward1971" class="referral-card" target="_blank" rel="noopener noreferrer sponsored" aria-label="Deepbrid referral link">
|
||
<span class="service-name">Deepbrid</span>
|
||
<span class="referral-badge">Referral Link</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Speed Test (streamlined) -->
|
||
<section id="speed-test" class="section" aria-labelledby="speed-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="speed-title" class="section-title">Speed Test</h2>
|
||
<p class="section-description">Actual speeds vary by location, time of day, host performance, and load. Test before committing to a long plan.</p>
|
||
</div>
|
||
|
||
<div class="subsection">
|
||
<h3 class="subsection-title">Official Speed Tools</h3>
|
||
<div class="card-grid speed-grid" role="list">
|
||
<a href="https://real-debrid.com/speedtest" class="status-card speed-card" role="listitem" target="_blank" rel="noopener noreferrer">
|
||
<span class="service-name">Real‑Debrid</span>
|
||
<span class="speed-test-label">Speed Test</span>
|
||
</a>
|
||
<a href="https://www.premiumize.me/speedtest" class="status-card speed-card" role="listitem" target="_blank" rel="noopener noreferrer">
|
||
<span class="service-name">Premiumize</span>
|
||
<span class="speed-test-label">Speed Test</span>
|
||
</a>
|
||
<a href="https://www.torbox.app/speedtest" class="status-card speed-card" role="listitem" target="_blank" rel="noopener noreferrer">
|
||
<span class="service-name">TorBox</span>
|
||
<span class="speed-test-label">Speed Test</span>
|
||
</a>
|
||
<a href="https://debrid-link.com/webapp/speedtest" class="status-card speed-card" role="listitem" target="_blank" rel="noopener noreferrer">
|
||
<span class="service-name">Debrid‑Link</span>
|
||
<span class="speed-test-label">Speed Test</span>
|
||
</a>
|
||
<a href="https://www.mega-debrid.eu/index.php?page=network" class="status-card speed-card" role="listitem" target="_blank" rel="noopener noreferrer">
|
||
<span class="service-name">Mega‑Debrid</span>
|
||
<span class="speed-test-label">Network Test</span>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="alert alert-info" role="alert">
|
||
<svg class="alert-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="10" />
|
||
<path d="M12 16v-4M12 8h.01" />
|
||
</svg>
|
||
<div>These tests are best‑case scenarios from the provider’s own network.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="subsection">
|
||
<h3 class="subsection-title">Real‑World Test (Recommended)</h3>
|
||
<ol class="stepper">
|
||
<li><strong>Pick a common test file</strong> (e.g., Linux ISO) available on multiple hosts.</li>
|
||
<li><strong>Use the same network/device</strong> for consistency.</li>
|
||
<li><strong>Clear cache or use private browsing</strong> between runs.</li>
|
||
<li><strong>Run 3 tests per service</strong> and average the result.</li>
|
||
<li><strong>Test peak and off‑peak</strong> to see variability.</li>
|
||
</ol>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Factors That Affect Speed</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<path d="M6 9l6 6 6-6"/>
|
||
</svg>
|
||
</summary>
|
||
<ul class="bullet-list">
|
||
<li>Distance to provider servers</li>
|
||
<li>Time of day and congestion</li>
|
||
<li>Original host performance (e.g., Rapidgator vs. Katfile)</li>
|
||
<li>ISP routing or throttling</li>
|
||
<li>Local network (Wi‑Fi vs. Ethernet)</li>
|
||
</ul>
|
||
<div class="alert alert-warning" role="alert">
|
||
<strong>Note:</strong> “Unlimited” can be subject to fair‑use or soft caps.
|
||
</div>
|
||
</details>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- File Hosts Section -->
|
||
<section id="file-hosts" class="section" aria-labelledby="hosts-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="hosts-title" class="section-title">Supported File Hosts</h2>
|
||
<p class="section-description">Browse and search through 300+ supported file hosting services</p>
|
||
</div>
|
||
|
||
<div class="search-section">
|
||
<form class="search-container enhanced" role="search" aria-label="Search file hosts" onsubmit="return false">
|
||
<svg class="search-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="11" cy="11" r="8" />
|
||
<path d="M21 21l-4.35-4.35" />
|
||
</svg>
|
||
<input type="search" id="host-search-input" class="search-input"
|
||
placeholder="Search file hosts (e.g., Mega, Rapidgator...)"
|
||
aria-label="Search file hosts" aria-controls="file-hosts-table-container"
|
||
autocomplete="off" autocapitalize="off" spellcheck="false" inputmode="search" />
|
||
<button id="clear-host-search" class="clear-icon" aria-label="Clear search" aria-controls="host-search-input" type="button">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<line x1="18" y1="6" x2="6" y2="18" />
|
||
<line x1="6" y1="6" x2="18" y2="18" />
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="file-hosts-table-container" class="data-table-container" role="region" aria-live="polite" aria-label="Supported file hosts table">
|
||
<div class="loading-state" aria-busy="true">
|
||
<div class="loading-spinner" aria-hidden="true"></div>
|
||
<p>Loading file hosts...</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Comparison Section -->
|
||
<section id="compare" class="section" aria-labelledby="compare-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="compare-title" class="section-title">Compare Services</h2>
|
||
<p class="section-description">Select two services to see a detailed side-by-side comparison</p>
|
||
</div>
|
||
|
||
<div class="compare-controls" aria-label="Comparison selectors">
|
||
<div class="compare-select-group">
|
||
<label for="provider1">First Service</label>
|
||
<div class="select-wrapper">
|
||
<select id="provider1" aria-label="Select first provider to compare">
|
||
<option value="">Choose a service...</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="compare-vs" aria-hidden="true">VS</div>
|
||
<div class="compare-select-group">
|
||
<label for="provider2">Second Service</label>
|
||
<div class="select-wrapper">
|
||
<select id="provider2" aria-label="Select second provider to compare">
|
||
<option value="">Choose a service...</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="compare-table-container" class="data-table-container comparison-table" role="region" aria-live="polite" aria-label="Service comparison table">
|
||
<div class="empty-state">
|
||
<div class="empty-state-icon" aria-hidden="true">⚖️</div>
|
||
<h3>Ready to Compare</h3>
|
||
<p>Select two services above to see a detailed comparison</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Adult Hosts Section -->
|
||
<section id="adult-hosts" class="section" aria-labelledby="adult-hosts-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="adult-hosts-title" class="section-title">Adult Content Hosts</h2>
|
||
<p class="section-description">
|
||
Support for adult content varies significantly across debrid services. Some platforms actively support major adult file hosts, while others exclude them entirely due to policy or legal considerations.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Age Verification Overlay -->
|
||
<div id="age-verification-overlay" class="age-verification-overlay">
|
||
<div class="age-verification-modal">
|
||
<div class="age-verification-content">
|
||
<h3>⚠️ Adult Content Warning</h3>
|
||
<p>This section contains information about adult content hosting services.</p>
|
||
<p><strong>You must be 18 years or older to view this content.</strong></p>
|
||
<div class="age-verification-actions">
|
||
<button id="confirm-age" class="btn btn-primary">I am 18+ years old</button>
|
||
<button id="deny-age" class="btn btn-secondary">I am under 18</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Adult Content (initially hidden) -->
|
||
<div id="adult-content" class="adult-content-wrapper" style="display: none;">
|
||
<div class="search-section">
|
||
<form class="search-container enhanced" role="search" aria-label="Search adult hosts" onsubmit="return false">
|
||
<svg class="search-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="11" cy="11" r="8" />
|
||
<path d="M21 21l-4.35-4.35" />
|
||
</svg>
|
||
<input type="search" id="adult-host-search-input" class="search-input"
|
||
placeholder="Search adult hosts..." aria-label="Search adult hosts"
|
||
aria-controls="adult-hosts-table-container"
|
||
autocomplete="off" autocapitalize="off" spellcheck="false" inputmode="search" />
|
||
<button id="clear-adult-host-search" class="clear-icon" aria-label="Clear search" aria-controls="adult-host-search-input" type="button">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<line x1="18" y1="6" x2="6" y2="18" />
|
||
<line x1="6" y1="6" x2="18" y2="18" />
|
||
</svg>
|
||
</button>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="adult-hosts-table-container" class="data-table-container" role="region" aria-live="polite" aria-label="Adult hosts table">
|
||
<div class="loading-state" aria-busy="true">
|
||
<div class="loading-spinner" aria-hidden="true"></div>
|
||
<p>Loading adult hosts...</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Status Section -->
|
||
<section id="live-status" class="section" aria-labelledby="status-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="status-title" class="section-title">Service Status</h2>
|
||
<p class="section-description">Check real-time status and official host lists</p>
|
||
</div>
|
||
|
||
<div class="status-grid">
|
||
<a href="https://alldebrid.com/status/" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">AllDebrid</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>View live status and supported hosts</p>
|
||
</a>
|
||
<a href="https://real-debrid.com/compare" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">Real-Debrid</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>Check service status and host comparison</p>
|
||
</a>
|
||
<a href="https://torbox.app/hosters" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">TorBox</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>View supported hosters and status</p>
|
||
</a>
|
||
<a href="https://www.premiumize.me/services" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">Premiumize</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>Check service availability and features</p>
|
||
</a>
|
||
<a href="https://linksnappy.com/myaccount/status" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">LinkSnappy</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>Monitor service status and hosts</p>
|
||
</a>
|
||
<a href="https://debrid-link.com/webapp/status" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">Debrid-Link</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>View current status and host list</p>
|
||
</a>
|
||
<a href="https://www.mega-debrid.eu/index.php?page=hebergeurs" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">Mega-Debrid</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>Check supported file hosts</p>
|
||
</a>
|
||
<a href="https://www.deepbrid.com/status" class="status-card" target="_blank" rel="noopener noreferrer">
|
||
<div class="status-header">
|
||
<span class="service-name">Deepbrid</span>
|
||
<span class="service-status-indicator online" aria-label="Online"></span>
|
||
</div>
|
||
<p>Check supported file hosts</p>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="alert alert-info" role="alert">
|
||
<svg class="alert-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="10" />
|
||
<path d="M12 16v-4M12 8h.01" />
|
||
</svg>
|
||
<div>
|
||
<strong>💡 Tip:</strong> Bookmark these pages to verify if a failed link is due to a temporary host outage rather than a service limitation.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ (streamlined) -->
|
||
<section id="faq" class="section" aria-labelledby="faq-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="faq-title" class="section-title">Frequently Asked Questions</h2>
|
||
<p class="section-description">Straight answers to common debrid questions</p>
|
||
</div>
|
||
|
||
<div class="faq-categories">
|
||
<section class="faq-category" aria-labelledby="faq-general">
|
||
<h3 id="faq-general" class="subsection-title">General</h3>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>What is a debrid service?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
They fetch files to their servers and give you fast, direct links with no ads or host limits.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Are debrid services legal?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
The services are legal; you’re responsible for what you download.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Can I use multiple services?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Yes — power users combine providers for broader coverage and redundancy.
|
||
</div>
|
||
</details>
|
||
</section>
|
||
|
||
<section class="faq-category" aria-labelledby="faq-technical">
|
||
<h3 id="faq-technical" class="subsection-title">Technical</h3>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Why do speeds vary?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Distance, congestion, host performance, ISP routing, and local setup.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Do services support torrents?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Most offer torrent‑to‑direct‑download (cloud first, then direct link).
|
||
</div>
|
||
</details>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Are there download limits?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Many market “unlimited,” but fair‑use or soft caps can apply.
|
||
</div>
|
||
</details>
|
||
</section>
|
||
|
||
<section class="faq-category" aria-labelledby="faq-billing">
|
||
<h3 id="faq-billing" class="subsection-title">Accounts & Billing</h3>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Can I share my account?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Usually prohibited. Services may enforce IP/session limits.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Payment methods?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Cards and PayPal are common; some support crypto (check each site).
|
||
</div>
|
||
</details>
|
||
</section>
|
||
|
||
<section class="faq-category" aria-labelledby="faq-privacy">
|
||
<h3 id="faq-privacy" class="subsection-title">Security & Privacy</h3>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Do services log downloads?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Policies vary; many keep minimal technical logs. Check privacy pages.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="accordion">
|
||
<summary>
|
||
<span>Can my ISP see content?</span>
|
||
<svg class="chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg>
|
||
</summary>
|
||
<div class="accordion-content">
|
||
Over HTTPS they see connections/volume, not filenames. VPN adds privacy.
|
||
</div>
|
||
</details>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Important Notes Section -->
|
||
<section id="important-notes" class="section" aria-labelledby="notes-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="notes-title" class="section-title">Important Notes</h2>
|
||
<p class="section-description">
|
||
This project aims to provide accurate and up-to-date information, but the debrid service landscape is dynamic. Please keep the following in mind:
|
||
</p>
|
||
</div>
|
||
|
||
<div class="important-notes-grid">
|
||
<div class="note-card">
|
||
<div class="note-icon">👉</div>
|
||
<h3>Services change frequently</h3>
|
||
<p>Pricing, host support, refund policies, and features may be updated without notice. Always verify details on the <strong>official service websites</strong> before purchasing.</p>
|
||
</div>
|
||
|
||
<div class="note-card">
|
||
<div class="note-icon">👉</div>
|
||
<h3>Final cost may vary</h3>
|
||
<p>Displayed prices are subject to exchange rates, regional taxes, or payment processing fees. Your actual charge may differ slightly.</p>
|
||
</div>
|
||
|
||
<div class="note-card">
|
||
<div class="note-icon">👉</div>
|
||
<h3>Data accuracy</h3>
|
||
<p>While we strive for completeness, this comparison reflects community reports and public information. We do <strong>not guarantee</strong> uptime, speed, download success, or feature availability.</p>
|
||
</div>
|
||
|
||
<div class="note-card">
|
||
<div class="note-icon">👉</div>
|
||
<h3>No affiliation</h3>
|
||
<p>This project is independent and <strong>not affiliated</strong> with AllDebrid, Real-Debrid, Premiumize, TorBox, LinkSnappy, Debrid-Link, Mega-Debrid, Deepbrid, or any other listed service.</p>
|
||
</div>
|
||
|
||
<div class="note-card">
|
||
<div class="note-icon">👉</div>
|
||
<h3>Use at your own discretion</h3>
|
||
<p>Choosing a debrid service involves personal judgment. Test short-term plans first and review terms carefully.</p>
|
||
</div>
|
||
|
||
<div class="note-card">
|
||
<div class="note-icon">👉</div>
|
||
<h3>Legal responsibility</h3>
|
||
<p>Debrid services are tools. You are responsible for complying with copyright laws and terms of use when accessing content.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert alert-warning" role="alert">
|
||
<strong>This is an open-source, community-maintained guide. It does not endorse or promote unauthorized file sharing.</strong>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Resources Section -->
|
||
<section id="resources" class="section" aria-labelledby="resources-title">
|
||
<div class="container">
|
||
<div class="section-header">
|
||
<h2 id="resources-title" class="section-title">Useful Resources and Community</h2>
|
||
<p class="section-description">Enhance your debrid experience with these trusted tools, guides, and communities</p>
|
||
</div>
|
||
|
||
<div class="resources-categories">
|
||
<div class="resource-category">
|
||
<h3>🛠️ Tools and Integrations</h3>
|
||
<div class="resource-list">
|
||
<a href="https://github.com/debridmediamanager/awesome-debrid" class="resource-item" target="_blank" rel="noopener noreferrer">
|
||
<strong>Awesome-Debrid</strong>
|
||
<span>Curated list of debrid-compatible apps, browser extensions, and automation tools</span>
|
||
</a>
|
||
<a href="https://github.com/debridmediamanager/debrid-media-manager" class="resource-item" target="_blank" rel="noopener noreferrer">
|
||
<strong>Debrid Media Manager</strong>
|
||
<span>Easily download movies and TV shows directly to your Debrid library</span>
|
||
</a>
|
||
<a href="https://github.com/rogerfar/rdt-client" class="resource-item" target="_blank" rel="noopener noreferrer">
|
||
<strong>Real-Debrid Torrent Client</strong>
|
||
<span>Web interface to manage your torrents on Real-Debrid, AllDebrid, Premiumize TorBox or DebridLink</span>
|
||
</a>
|
||
<a href="https://github.com/g0ldyy/comet" class="resource-item" target="_blank" rel="noopener noreferrer">
|
||
<strong>Comet</strong>
|
||
<span>Stremio's torrent/debrid search add-on</span>
|
||
</a>
|
||
<a href="https://github.com/jackett/jackett" class="resource-item" target="_blank" rel="noopener noreferrer">
|
||
<strong>Jackett + Prowlarr</strong>
|
||
<span>Indexer proxies that work seamlessly with debrid services for automation</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="resource-category">
|
||
<h3>👥 Community and Support</h3>
|
||
<div class="resource-list">
|
||
<div class="resource-item">
|
||
<strong>Reddit</strong>
|
||
<span>Active discussions on r/Debrid, r/Piracy and service-specific threads</span>
|
||
</div>
|
||
<div class="resource-item">
|
||
<strong>Discord</strong>
|
||
<span>Many services offer official Discord servers for real-time support and status updates</span>
|
||
</div>
|
||
<div class="resource-item">
|
||
<strong>GitHub Issues</strong>
|
||
<span>Report inaccuracies or suggest improvements here — this project thrives on community input!</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="alert alert-info" role="alert">
|
||
<svg class="alert-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<circle cx="12" cy="12" r="10" />
|
||
<path d="M12 16v-4M12 8h.01" />
|
||
</svg>
|
||
<div>
|
||
<strong>💡 Pro Tip:</strong> Combine your debrid service with automation tools like <strong>Debrid Media Manager (DMM)</strong> or <strong>Overseerr</strong> for a seamless media experience.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer" role="contentinfo">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-section">
|
||
<h4>Debrid Comparison</h4>
|
||
<p>Your go-to resource for comparing premium download services</p>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h4>Resources</h4>
|
||
<ul>
|
||
<li><a href="https://github.com/debridmediamanager/awesome-debrid" target="_blank" rel="noopener noreferrer">Awesome Debrid</a></li>
|
||
<li><a href="https://github.com/fynks/debrid-services-comparison" target="_blank" rel="noopener noreferrer">Source Code</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="footer-section">
|
||
<h4>Last Updated</h4>
|
||
<p class="last-updated-date">June 26, 2025</p>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 Made with ❤️ by <a href="https://github.com/fynks" target="_blank" rel="noopener noreferrer">Fynks</a></p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<!-- Back to Top Button -->
|
||
<button id="backToTop" class="back-to-top" aria-label="Back to top" type="button">
|
||
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
||
<path d="M18 15l-6-6-6 6" />
|
||
</svg>
|
||
</button>
|
||
|
||
<noscript>
|
||
<div class="container" style="margin-top:1rem">
|
||
<div class="alert alert-info" role="alert">JavaScript is disabled. Interactive comparison and filtering won’t work.</div>
|
||
</div>
|
||
</noscript>
|
||
|
||
<!-- Critical JS (inline) -->
|
||
<script>
|
||
// Critical UI only: theme toggle aria + smooth in-page scroll focus
|
||
document.addEventListener('DOMContentLoaded', () => {
|
||
const btn = document.getElementById('darkModeToggle');
|
||
if (btn) {
|
||
const getTheme = () => document.documentElement.getAttribute('data-theme') || 'light';
|
||
const setTheme = (t) => {
|
||
document.documentElement.setAttribute('data-theme', t);
|
||
document.documentElement.style.colorScheme = t;
|
||
localStorage.setItem('theme', t);
|
||
btn.setAttribute('aria-pressed', String(t === 'dark'));
|
||
};
|
||
btn.setAttribute('aria-pressed', String(getTheme() === 'dark'));
|
||
btn.addEventListener('click', () => setTheme(getTheme() === 'dark' ? 'light' : 'dark'));
|
||
}
|
||
|
||
// Smooth scroll + focus for internal anchors (respects prefers-reduced-motion)
|
||
const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
||
anchor.addEventListener('click', (e) => {
|
||
const id = anchor.getAttribute('href');
|
||
const target = id && document.querySelector(id);
|
||
if (!target) return;
|
||
e.preventDefault();
|
||
target.scrollIntoView({ behavior: prefersReduced ? 'auto' : 'smooth', block: 'start' });
|
||
const focusEl = target.querySelector('h1,h2,h3,h4,h5,h6') || target;
|
||
focusEl.setAttribute('tabindex','-1');
|
||
focusEl.focus({ preventScroll:true });
|
||
setTimeout(()=> focusEl.removeAttribute('tabindex'), 400);
|
||
});
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |