feat(static): ✨ Add terms of service page and update routes
* Implement ServeTermsOfService handler to serve the terms of service page. * Update index.html and privacy-policy.html to include links to the terms of service. * Add logo1024.png for branding.
This commit is contained in:
Hein
239
pkg/handlers/static/terms-of-service.html
Normal file
239
pkg/handlers/static/terms-of-service.html
Normal file
@@ -0,0 +1,239 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Terms of Service - WhatsHooked</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 20px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.container {
|
||||
background: white;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
padding: 60px 40px;
|
||||
}
|
||||
|
||||
.header {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-size: 2.4em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.header h1 .whats {
|
||||
color: #1e88e5;
|
||||
}
|
||||
|
||||
.header h1 .hooked {
|
||||
color: #1a237e;
|
||||
}
|
||||
|
||||
.header p {
|
||||
color: #666;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.tos-section {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.tos-section h2 {
|
||||
color: #1a237e;
|
||||
font-size: 1.3em;
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 2px solid #e8eaf6;
|
||||
}
|
||||
|
||||
.tos-section p {
|
||||
color: #555;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.tos-section ul {
|
||||
color: #555;
|
||||
line-height: 1.9;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.highlight-box {
|
||||
background: #e3f2fd;
|
||||
border: 2px solid #1e88e5;
|
||||
border-radius: 10px;
|
||||
padding: 20px 24px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.highlight-box p {
|
||||
color: #1565c0;
|
||||
font-weight: 600;
|
||||
font-size: 1.05em;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.highlight-box p + p {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.disclaimer-box {
|
||||
background: #fff3e0;
|
||||
border: 2px solid #fb8c00;
|
||||
border-radius: 10px;
|
||||
padding: 20px 24px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.disclaimer-box h3 {
|
||||
color: #e65100;
|
||||
margin-bottom: 8px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.disclaimer-box p {
|
||||
color: #bf360c;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
font-size: 0.95em;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 40px;
|
||||
padding-top: 24px;
|
||||
border-top: 2px solid #eee;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #1e88e5;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.container {
|
||||
padding: 40px 20px;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-size: 1.8em;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<h1><span class="whats">Whats</span><span class="hooked">Hooked</span></h1>
|
||||
<p>Terms of Service</p>
|
||||
</div>
|
||||
|
||||
<div class="highlight-box">
|
||||
<p>By using WhatsHooked, you agree to these terms. You are responsible for ensuring your usage complies with Meta's terms of service and all applicable laws.</p>
|
||||
<p>WhatsHooked is provided as-is. No guarantees are made regarding uptime, message delivery, or fitness for any particular purpose.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>1. Acceptance of Terms</h2>
|
||||
<p>By deploying or using WhatsHooked, you accept and agree to be bound by these Terms of Service. If you do not agree to these terms, you must not use the software.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>2. What WhatsHooked Is</h2>
|
||||
<p>WhatsHooked is an open-source webhook bridge that forwards WhatsApp messages to user-configured HTTP endpoints. It does not store customer data and does not act as a messaging provider. It is a tool that facilitates the relay of messages between WhatsApp and your own infrastructure.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>3. Use of the Meta (WhatsApp Business) API</h2>
|
||||
<p>WhatsHooked integrates with the Meta WhatsApp Business API exclusively for sending and receiving WhatsApp Business messages. By using WhatsHooked, you agree to comply with:</p>
|
||||
<ul>
|
||||
<li>Meta's Terms of Service and Community Standards</li>
|
||||
<li>WhatsApp Business API usage policies</li>
|
||||
<li>All applicable laws and regulations in your jurisdiction</li>
|
||||
</ul>
|
||||
<p>You are solely responsible for obtaining and maintaining any required Meta business account, app approvals, and API access tokens.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>4. Your Responsibilities</h2>
|
||||
<p>As the operator of a WhatsHooked instance, you are responsible for:</p>
|
||||
<ul>
|
||||
<li>All messages sent or received through your instance</li>
|
||||
<li>Compliance with privacy laws applicable to your users and region</li>
|
||||
<li>Securing your instance, API keys, and webhook endpoints</li>
|
||||
<li>Ensuring your use of WhatsApp Business does not violate Meta's policies</li>
|
||||
<li>Any data handling obligations arising from your own webhook integrations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>5. Prohibited Use</h2>
|
||||
<p>You must not use WhatsHooked to:</p>
|
||||
<ul>
|
||||
<li>Send spam, unsolicited messages, or bulk promotional content in violation of Meta's policies</li>
|
||||
<li>Harass, threaten, or harm any individual or group</li>
|
||||
<li>Distribute malware, phishing content, or illegal material</li>
|
||||
<li>Impersonate another person or entity</li>
|
||||
<li>Circumvent any security or access controls</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>6. No Warranty</h2>
|
||||
<p>WhatsHooked is provided "as is" without any warranties of any kind, express or implied. This includes but is not limited to implied warranties of merchantability, fitness for a particular purpose, and non-infringement. There is no guarantee of uninterrupted service, message delivery, or error-free operation.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>7. Limitation of Liability</h2>
|
||||
<p>Under no circumstances shall the WhatsHooked contributors be liable for any direct, indirect, incidental, special, or consequential damages arising out of or in connection with your use of WhatsHooked, including but not limited to loss of data, failed message delivery, or business interruption.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>8. Termination</h2>
|
||||
<p>You may stop using WhatsHooked at any time by shutting down your instance. These terms remain in effect for any use that has already occurred.</p>
|
||||
</div>
|
||||
|
||||
<div class="tos-section">
|
||||
<h2>9. Changes to These Terms</h2>
|
||||
<p>These terms may be updated at any time. Changes will be reflected on this page. Continued use of WhatsHooked after an update constitutes acceptance of the revised terms.</p>
|
||||
</div>
|
||||
|
||||
<div class="disclaimer-box">
|
||||
<h3>Disclaimer</h3>
|
||||
<p>WhatsHooked is an independent project and is not affiliated with, endorsed by, or connected to Meta Platforms, Inc. "WhatsApp" and the WhatsApp logo are trademarks of Meta Platforms, Inc.</p>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<p><a href="/">Back to WhatsHooked</a> · <a href="/privacy-policy">Privacy Policy</a></p>
|
||||
<p style="margin-top: 10px;">Made by Warky Devs</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user