Added Terms of Service and Privacy Policy
This commit is contained in:
@@ -46,6 +46,15 @@
|
||||
<span>Create password</span>
|
||||
<input id="registerPassword" type="password" placeholder="Create a password" autocomplete="new-password"/>
|
||||
</label>
|
||||
<div class="consent-container">
|
||||
<input type="checkbox" id="consentCheckbox" required />
|
||||
<label for="consentCheckbox">
|
||||
I agree to the
|
||||
<a href="/tos.html" target="_blank">Terms of Service</a> and
|
||||
<a href="/privacy.html" target="_blank">Privacy Policy</a>.
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<button id="registerSubmit" type="submit" class="primary-action">Create account</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
body.legal-page {
|
||||
display: block;
|
||||
height: auto;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
min-height: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.legal-content {
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem 1.5rem;
|
||||
color: var(--text-primary);
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.legal-content h1,
|
||||
.legal-content h2 {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.legal-content p,
|
||||
.legal-content li {
|
||||
line-height: 1.6;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.legal-content * {
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.legal-content {
|
||||
padding: 1.25rem 1rem;
|
||||
}
|
||||
|
||||
.legal-content h1 {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.legal-content h2 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
<title>Privacy Policy – DeepFake</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="legal.css" />
|
||||
</head>
|
||||
<body class="legal-page">
|
||||
<main class="legal-content">
|
||||
<h1>Privacy Policy</h1>
|
||||
<p>Last updated: <strong>06.01.2026</strong></p>
|
||||
|
||||
<section>
|
||||
<h2>1. Controller / Contact</h2>
|
||||
<p><strong>Application:</strong> DeepFake</p>
|
||||
<p><strong>Owner/Controller:</strong> Kristian Cerni</p>
|
||||
<p><strong>Contact:</strong> <a href="https://github.com/KrisHD1337">https://github.com/KrisHD1337</a></p>
|
||||
<p>This policy applies to all users within Switzerland, the EU, and other jurisdictions.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>2. What We Collect</h2>
|
||||
<p>We collect only what’s needed to provide our service:</p>
|
||||
<ul>
|
||||
<li><strong>Account Data:</strong> Username, email (optional), hashed password</li>
|
||||
<li><strong>Chat Data:</strong> Messages you send and the AI responses</li>
|
||||
</ul>
|
||||
<p>All data is processed to provide your chat history and account functionality.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>3. Legal Basis (GDPR)</h2>
|
||||
<p>For EU/EEA users, we process data based on:</p>
|
||||
<ul>
|
||||
<li>Contract performance (to provide your account and chat history)</li>
|
||||
<li>Legitimate interests (system security, fraud prevention)</li>
|
||||
</ul>
|
||||
<p>Your data will not be processed for marketing without explicit consent.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>4. How We Use Data</h2>
|
||||
<p>Your data is used to:</p>
|
||||
<ul>
|
||||
<li>Authenticate and manage your account</li>
|
||||
<li>Store and retrieve chat history</li>
|
||||
<li>Improve and maintain the app</li>
|
||||
</ul>
|
||||
<p>We do not sell your data.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>5. Data Retention</h2>
|
||||
<p>We retain data as long as your account is active. If you request deletion, your data will be deleted unless we must retain it for legal reasons.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>6. Data Transfers</h2>
|
||||
<p>Your data may be stored or processed where our servers reside. Switzerland has an adequacy decision with the EU, meaning transfers can occur without additional safeguards.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>7. Your Rights (GDPR + Swiss rights)</h2>
|
||||
<p>Depending on jurisdiction, you may have the right to:</p>
|
||||
<ul>
|
||||
<li>Access your data</li>
|
||||
<li>Correct inaccuracies</li>
|
||||
<li>Request deletion</li>
|
||||
<li>Restrict or object to processing</li>
|
||||
<li>Request data portability (GDPR)</li>
|
||||
</ul>
|
||||
<p>To exercise these rights, contact us at: <a href="mailto:kriscerni@gmail.com">kriscerni@gmail.com</a></p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>8. Data Security</h2>
|
||||
<p>We implement reasonable technical and organizational measures to protect your data — encryption for passwords and secure database access.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>9. Changes to this Policy</h2>
|
||||
<p>We may update this document. Changes will be posted with a “Last updated” date.</p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -440,3 +440,54 @@ button:disabled {
|
||||
#chat { padding: 12px; }
|
||||
#messages { padding: 14px; }
|
||||
}
|
||||
|
||||
.consent-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin: 10px 0;
|
||||
font-size: 0.8rem;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.consent-container input[type="checkbox"] {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.consent-container label {
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.consent-container a {
|
||||
color: #7b87ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.consent-container a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* ===== Legal / Static Pages Fix ===== */
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Force text to stay inside viewport */
|
||||
.content {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 1.5rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Prevent long words / links from breaking layout */
|
||||
.content * {
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,46 @@
|
||||
<!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 – DeepFake</title>
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
<link rel="stylesheet" href="legal.css" />
|
||||
</head>
|
||||
<body class="legal-page">
|
||||
<main class="legal-content">
|
||||
<h1>Terms of Service</h1>
|
||||
<p>Last updated: <strong>06.01.2026</strong></p>
|
||||
|
||||
<section>
|
||||
<h2>Service</h2>
|
||||
<p>You agree that DeepFake AI is provided “as is,” and functionality may change without notice.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>User Conduct</h2>
|
||||
<p>You are responsible for content you submit and for maintaining secure account credentials. Do not use DeepFake for unlawful purposes.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Data Processing</h2>
|
||||
<p>By using the service, you consent to storing and processing your data as described in the <a href="privacy-policy.html">Privacy Policy</a>.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Limitation of Liability</h2>
|
||||
<p>We are not liable for service interruptions, data loss, or any indirect damages arising from your use of DeepFake AI.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Governing Law</h2>
|
||||
<p>These Terms are governed by applicable laws in your jurisdiction (e.g., Switzerland or EU Member States).</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Changes to Terms</h2>
|
||||
<p>We may modify these Terms at any time. Updates will be reflected with a new “Last updated” date.</p>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user