feat: add Policies and Legal section with relevant links and navigation

This commit is contained in:
fynks 2025-09-15 10:54:37 +05:00
parent 6dfbd6c9c6
commit 22fbeb2575
2 changed files with 106 additions and 1 deletions

9
dist/css/styles.css vendored
View file

@ -1510,7 +1510,8 @@ tr:hover {
#file-hosts-table tr:nth-child(even),
.enhanced-table tr:nth-child(even),
.pricing-table tr:nth-child(even) {
.pricing-table tr:nth-child(even),
.policies-table tr:nth-child(even) {
background-color: var(--bg-tertiary);
}
@ -1526,6 +1527,12 @@ tr:hover {
background-color: var(--bg-primary);
}
.policies-table tbody tr th:first-child {
background-color: inherit;
color: inherit;
}
.filter-results {
text-align: center;
padding: .1em;

98
dist/index.html vendored
View file

@ -101,6 +101,7 @@
<a href="#file-hosts" class="nav-link">Hosts</a>
<a href="#compare" class="nav-link">Compare</a>
<a href="#adult-hosts" class="nav-link">Adult Hosts</a>
<a href="#policies-and-legal" class="nav-link">Policies</a>
<a href="#speed-test" class="nav-link">Speed Test</a>
<a href="#live-status" class="nav-link">Status</a>
<a href="#resources" class="nav-link">Resources</a>
@ -419,6 +420,102 @@
</div>
</section>
<!-- Policies and Legal Section -->
<section id="policies-and-legal" class="section" aria-labelledby="policies-title">
<div class="container">
<div class="content-container">
<div class="section-header">
<h2 id="policies-title" class="section-title">Policies and Legal</h2>
<p class="section-description">
Official Terms, Privacy, Refund, and Support pages for each provider. Refund eligibility
varies widely; always verify before purchase.
</p>
</div>
<div class="data-table-container" role="region" aria-label="Policies and legal table">
<div class="table-wrapper">
<table class="policies-table" role="table">
<thead>
<tr>
<th scope="col">Service</th>
<th scope="col">Terms</th>
<th scope="col">Privacy</th>
<th scope="col">Refund Policy</th>
<th scope="col">Support/Contact</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">AllDebrid</th>
<td><a href="https://alldebrid.com/tos/" target="_blank" rel="noopener noreferrer">TOS</a></td>
<td><a href="https://alldebrid.com/privacy/" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td>See TOS</td>
<td><a href="https://alldebrid.com/contact/" target="_blank" rel="noopener noreferrer">Contact</a></td>
</tr>
<tr>
<th scope="row">RealDebrid</th>
<td><a href="https://real-debrid.com/terms" target="_blank" rel="noopener noreferrer">Terms</a></td>
<td><a href="https://real-debrid.com/privacy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td>Not stated</td>
<td><a href="https://real-debrid.com/support" target="_blank" rel="noopener noreferrer">Support</a></td>
</tr>
<tr>
<th scope="row">LinkSnappy</th>
<td><a href="https://linksnappy.com/tos" target="_blank" rel="noopener noreferrer">TOS</a></td>
<td><a href="https://linksnappy.com/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td><a href="https://linksnappy.com/refund-policy" target="_blank" rel="noopener noreferrer">Refunds</a></td>
<td><a href="https://support.linksnappy.com/support/tickets/new" target="_blank" rel="noopener noreferrer">Support</a></td>
</tr>
<tr>
<th scope="row">TorBox</th>
<td><a href="https://torbox.app/terms" target="_blank" rel="noopener noreferrer">Terms</a></td>
<td><a href="https://torbox.app/privacy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td><a href="https://torbox.app/terms#refunds" target="_blank" rel="noopener noreferrer">Refunds</a></td>
<td><a href="https://support.torbox.app/" target="_blank" rel="noopener noreferrer">Support</a></td>
</tr>
<tr>
<th scope="row">DebridLink</th>
<td><a href="https://debrid-link.com/tos" target="_blank" rel="noopener noreferrer">TOS</a></td>
<td><a href="https://debrid-link.com/privacy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td>See TOS</td>
<td><a href="https://debrid-link.com/contact" target="_blank" rel="noopener noreferrer">Contact</a></td>
</tr>
<tr>
<th scope="row">Premiumize</th>
<td><a href="https://www.premiumize.me/legal#tos" target="_blank" rel="noopener noreferrer">Legal / TOS</a></td>
<td><a href="https://www.premiumize.me/privacy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td><a href="https://www.premiumize.me/legal#refund" target="_blank" rel="noopener noreferrer">Refund</a></td>
<td><a href="https://www.premiumize.me/help" target="_blank" rel="noopener noreferrer">Help</a></td>
</tr>
<tr>
<th scope="row">MegaDebrid</th>
<td><a href="https://www.mega-debrid.eu/index.php?page=conditionsutilisation&lang=en" target="_blank" rel="noopener noreferrer">Conditions</a></td>
<td><a href="https://www.mega-debrid.eu/index.php?page=privacy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td>Check CGV</td>
<td><a href="https://megadebrid.freshdesk.com/support/tickets/new" target="_blank" rel="noopener noreferrer">Support</a></td>
</tr>
<tr>
<th scope="row">HighWay</th>
<td><a href="https://high-way.me/help/terms" target="_blank" rel="noopener noreferrer">Terms</a></td>
<td><a href="https://high-way.me/help/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy</a></td>
<td>See Terms</td>
<td><a href="https://high-way.me/pages/support/" target="_blank" rel="noopener noreferrer">Support</a></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="alert alert-info" role="alert">
<svg class="alert-icon" role="img" aria-hidden="true">
<use href="#icon-alert" stroke="currentColor" stroke-width="2" fill="none" />
</svg>
<div>If a link returns 404, try the sites footer “Legal/Help” links or contact support.</div>
</div>
</div>
</div>
</section>
<!-- Speed Test Section -->
<section id="speed-test" class="section" aria-labelledby="speed-title">
<div class="container">
@ -817,6 +914,7 @@
<li><a href="#pricing">Pricing Comparison</a></li>
<li><a href="#file-hosts">File Hosts</a></li>
<li><a href="#compare">Compare Services</a></li>
<li><a href="#policies-and-legal">Policies & Legal</a></li>
<li><a href="#speed-test">Speed Tests</a></li>
<li><a href="#live-status">Service Status</a></li>
</ul>