move to custom web page

README.md

@@ -208,4 +208,4 @@ If you are signing up for any above service, Pleasew consider buying from my ref
 - [Debrid-Link](https://debrid-link.com/webapp/status)
 
 ---
-### Last updated: Monday, December 12, 2024
+#### Last updated: Monday, December 12, 2024

convert.sh

@@ -44,41 +44,25 @@ cat > template.html << 'EOL'
         <p>Made with ❤️ by Fynks</p>
     </footer>
 
+    <script>
+       document.addEventListener("DOMContentLoaded",(function(){const e=document.getElementById("avialble-hosts");if(e){const t=document.createElement("div");t.id="search-container",t.innerHTML='\n            <input type="text" id="search-input" placeholder="Search the table..." />\n        ',e.insertAdjacentElement("afterend",t);const n=document.getElementById("search-input");n.addEventListener("input",(function(){const e=n.value.toLowerCase(),t=document.querySelectorAll("table");if(t.length>1){const n=t[1].getElementsByTagName("tr");for(let t=1;t<n.length;t++){const o=n[t].getElementsByTagName("td");let a=!1;for(let t=0;t<o.length;t++)if(o[t].innerText.toLowerCase().includes(e)){a=!0;break}n[t].style.display=a?"":"none"}}}))}}));
+    </script>
 </body>
 </html>
+
 EOL
 
 # Create header with improved meta tags
 cat > header.html << 'EOL'
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="A comprehensive, curated list of Android root apps, tools, and utilities. Includes ad blockers, system tools, customization apps, and root-specific utilities.">
-<link rel="stylesheet" href="styles.css">
-<link rel="icon" href="../favicon.ico" sizes="any">
-<link rel="icon" href="../favicon.svg" type="image/svg+xml">
-
-<!-- OpenGraph Meta Tags -->
-<meta property="og:title" content="Awesome Android Root - Ultimate List of Root Apps">
-<meta property="og:description" content="Discover the best Android root apps, tools, and utilities. A curated collection of essential root applications for advanced Android users.">
-<meta property="og:type" content="website">
-<meta property="og:image" content="https://raw.githubusercontent.com/sindresorhus/awesome/main/media/logo.svg">
-<meta property="og:url" content="https://awesome-android-root.netlify.app/">
-<meta property="og:site_name" content="Awesome Android Root">
-
-<!-- Twitter Card Meta Tags -->
-<meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:title" content="Awesome Android Root - Ultimate List of Root Apps">
-<meta name="twitter:description" content="Discover the best Android root apps, tools, and utilities. A curated collection of essential root applications.">
-<meta name="twitter:image" content="https://raw.githubusercontent.com/sindresorhus/awesome/main/media/logo.svg">
-
-<!-- SEO Meta Tags -->
-<meta name="keywords" content="android root, root apps, magisk modules, xposed modules, android customization, android tools, root utilities, android mods">
-<meta name="author" content="Android Root Community">
+<meta name="description" content="A quick comparison of available hosts for AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, and TorBox.">
+<meta name="keywords" content="Debrid services, AllDebrid, Real-Debrid, LinkSnappy, Premiumize, Debrid-Link, TorBox, comparison, pricing, hosts">
+<meta name="author" content="Your Name">
 <meta name="robots" content="index, follow">
-<meta name="language" content="English">
-
-<!-- Theme and PWA -->
+<title>Debrid Services Comparison</title>
 <meta name="theme-color" content="#0366d6">
+<link rel="stylesheet" href="styles.css">
 EOL
 
 # Convert markdown with progress
@@ -90,7 +74,7 @@ pandoc README.md \
     --standalone \
     --template=template.html \
     --include-in-header=header.html \
-    --metadata title="Awesome Android Root" \
+    --metadata title="Debrid Services Comparison" \
     --shift-heading-level-by=-1 \
     --toc-depth=2 \
     -o docs/index.html || handle_error "Conversion failed"

docs/styles.css

@@ -0,0 +1 @@
+:root{--primary:#2563eb;--text:#1f2937;--text-light:#6b7280;--bg:#ffffff;--bg-alt:#f8fafc;--border:#e2e8f0;--radius:.5rem;--shadow:0 1px 3px rgba(0,0,0,.1);--transition:all .2s ease;}body{font-family:-apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;line-height:1.7;max-width:1100px;margin:0 auto;padding:2rem;color:var(--text);background:var(--bg);}h1,h2,h3,h4{margin-top:2.5rem;margin-bottom:1.5rem;font-weight:600;line-height:1.3;color:var(--text);}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}a{color:var(--primary);text-decoration:none;transition:var(--transition);}a:hover{opacity:.8;text-decoration:underline;}table{width:100%;border-collapse:separate;border-spacing:0;margin:2rem 0;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius);}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border);}th{background-color:var(--primary);color:white;rgba(107,114,128,.507);font-weight:600;top:0;}tr:nth-child(even){background:var(--bg-alt);}tr:hover{background:rgba(37,99,235,.05);transition:var(--transition);}th:first-child{border-top-left-radius:var(--radius);}th:last-child{border-top-right-radius:var(--radius);}tr:last-child td:first-child{border-bottom-left-radius:var(--radius);}tr:last-child td:last-child{border-bottom-right-radius:var(--radius);}#search-container{margin:2rem 0;top:1rem;z-index:100;background:var(--bg);padding:1rem 0;}#search-input{width:90%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem;transition:var(--transition);margin:auto;}#search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);}blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--primary);background:var(--bg-alt);border-radius:0 var(--radius) var(--radius) 0;}code{background:var(--bg-alt);padding:.2em .4em;border-radius:var(--radius);font-size:.875em;font-family:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,monospace;}@media (max-width:768px){body{padding:1rem}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}table{border-radius:0;border-left:none;border-right:none}th,td{padding:.75rem;min-width:120px;font-size:.9rem}th{white-space:nowrap}}