You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
4.7 KiB
89 lines
4.7 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Service Agreement - OutsideTheBox</title> |
|
<link rel="stylesheet" href="/static/css/style.css"> |
|
<link rel="stylesheet" href="/static/css/brand.css"><link rel="icon" type="image/png" href="/static/favicon.png"> |
|
</head> |
|
<body> |
|
{% include "includes/site_nav.html" %} |
|
|
|
<div class="portal-shell"> |
|
<div class="portal-wrap"> |
|
<div class="portal-page-header"> |
|
<div> |
|
<h1 class="portal-page-title">Service Agreement</h1> |
|
<p class="portal-client-name">{{ client.company_name or client.contact_name or client.email }}</p> |
|
<p class="portal-page-subtitle">You must read and accept this agreement before using the portal.</p> |
|
</div> |
|
</div> |
|
|
|
{% if error %} |
|
<div class="error-box" style="margin-bottom:16px;">{{ error }}</div> |
|
{% endif %} |
|
|
|
<div class="table-card" style="padding:20px;"> |
|
<div style="max-height:420px; overflow:auto; line-height:1.55; padding-right:8px;"> |
|
<h2>Outsidethebox.top Service Agreement ({{ terms_version }})</h2> |
|
|
|
<h3>1. Nature of Service (Follow-Me)</h3> |
|
<p>Follow-Me is a GPS tracking application.</p> |
|
<p><strong>This is a tracking app.<br>This is a tracking app.<br>This is a tracking app.</strong></p> |
|
<p>Follow-Me is based on a commercial fleet tracking system adapted for public use as a try-before-you-buy service.</p> |
|
<p>By using Follow-Me, you acknowledge that location data is collected, transmitted, and may be viewed in real time or historically by authorized users within the same network.</p> |
|
|
|
<h3>2. User Consent & Location Data</h3> |
|
<p>By installing, accessing, or using this service, you explicitly consent to the collection, storage, processing, and display of location data as required for the service to function.</p> |
|
|
|
<h3>3. Network Visibility</h3> |
|
<p>Follow-Me operates on shared networks. Members of a network may view devices within that network. Outsidethebox.top administrative staff may access network data for system maintenance, troubleshooting, and abuse prevention. Administrative access is restricted to authorized personnel only.</p> |
|
|
|
<h3>4. Payments & Credit Policy</h3> |
|
<p>All services are prepaid. Setup fees are paid in advance. Credits are stored in your account ledger and may be applied toward invoices and balances. All payments are non-refundable. Outsidethebox.top may apply available credit toward outstanding balances, and all credit use is recorded in account history.</p> |
|
|
|
<h3>5. Data & Privacy</h3> |
|
<p>Outsidethebox.top does <strong>not</strong> sell or share your data with third parties.</p> |
|
<p><strong>By using this service, you consent to the collection and use of location data as described above.</strong></p> |
|
<p>Data is used only for service functionality, system operations, security, and abuse prevention.</p> |
|
|
|
<h3>6. Acceptable Use</h3> |
|
<p>This is a lawful service. Unauthorized tracking, stalking, harassment, predatory use, or any use that violates privacy laws is strictly prohibited. Violations may result in immediate service termination and denial of future use.</p> |
|
|
|
<h3>7. User Responsibility</h3> |
|
<p>You are responsible for obtaining all required consent from any person or device being tracked and for complying with all applicable laws.</p> |
|
|
|
<h3>8. Service Intent</h3> |
|
<p>Outsidethebox.top services are intended for legitimate personal use, business and fleet tracking, and public safety applications.</p> |
|
</div> |
|
|
|
<form method="post" action="/portal/terms" style="margin-top:20px;"> |
|
<label style="display:flex; align-items:flex-start; gap:10px; margin-bottom:16px;"> |
|
<input type="checkbox" id="accept_terms" name="accept_terms" value="yes" style="margin-top:4px;"> |
|
<span>I have read and understood the agreement.</span> |
|
</label> |
|
|
|
<div class="portal-actions"> |
|
<button class="portal-btn primary" id="terms_submit_btn" type="submit" disabled>Continue</button> |
|
<a class="portal-btn" href="/portal/logout">Logout</a> |
|
</div> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<script> |
|
(function () { |
|
const cb = document.getElementById("accept_terms"); |
|
const btn = document.getElementById("terms_submit_btn"); |
|
if (!cb || !btn) return; |
|
function sync() { btn.disabled = !cb.checked; } |
|
cb.addEventListener("change", sync); |
|
sync(); |
|
})(); |
|
</script> |
|
|
|
{% include "includes/otb_footer.html" %} |
|
</body> |
|
</html>
|
|
|