-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprivacy-policy.html
More file actions
253 lines (236 loc) · 18.4 KB
/
privacy-policy.html
File metadata and controls
253 lines (236 loc) · 18.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Privacy Policy - AuraStream</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<!-- Your Custom CSS -->
<link rel="stylesheet" href="css/policy-terms.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Poppins:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<!-- Usercentrics CMP -->
<script
id="usercentrics-cmp"
src="https://app.usercentrics.eu/browser-ui/latest/loader.js"
data-settings-id="Hkm3iE64W1okHM"
async
></script>
<!-- Google Analytics - GA4 (Consent controlled) -->
<script type="text/plain" data-usercentrics="Google Analytics" async src="https://www.googletagmanager.com/gtag/js?id=G-690RSNJ2Q2"></script>
<script type="text/plain" data-usercentrics="Google Analytics">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-690RSNJ2Q2');
</script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-custom fixed-top py-3 landing-navbar">
<div class="container">
<a class="navbar-brand navbar-brand-landing" href="index.html">
<span class="logo-icon">✨</span>AuraStream
</a>
<button class="navbar-toggler mobile-menu-toggle d-lg-none" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavPolicy" aria-controls="navbarNavPolicy" aria-expanded="false" aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNavPolicy">
<ul class="navbar-nav mx-auto">
<li class="nav-item"><a class="nav-link" href="index.html#hero">Home</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#content-showcase">Discover</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#features">Features</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#faq">FAQ</a></li>
</ul>
<div class="nav-actions d-flex align-items-center" id="auth-button-area-wrapper">
<div id="auth-button-area">
<button type="button" class="btn btn-primary-gradient btn-nav-cta" data-bs-toggle="modal" data-bs-target="#launchAppModal" id="login-signup-button">Login / Sign Up</button>
<div class="d-none align-items-center" id="user-info-area">
<div id="user-avatar" class="user-avatar me-2" title="User Profile">
<span id="user-avatar-initials"></span>
<img id="user-avatar-image" src="" alt="Profile" class="d-none" />
</div>
<span id="user-display-name" class="me-3 text-light small fw-medium"></span>
<button type="button" class="btn btn-secondary-outline btn-sm" id="logout-button">Logout</button>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="container policy-container">
<h1>Privacy Policy</h1>
<hr>
<p><strong>Last Updated: October 26, 2023</strong></p>
<p>Welcome to AuraStream ("we," "our," or "us"). We are committed to protecting your privacy. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you visit our website and use our services (collectively, "Services"). Please read this privacy policy carefully. If you do not agree with the terms of this privacy policy, please do not access the site.</p>
<h2>1. Information We Collect</h2>
<p>We may collect information about you in a variety of ways. The information we may collect on the Site includes:</p>
<ul>
<li><strong>Personal Data:</strong> Personally identifiable information, such as your name, email address, and demographic information, that you voluntarily give to us when you register with the Services or when you choose to participate in various activities related to the Services.</li>
<li><strong>Derivative Data:</strong> Information our servers automatically collect when you access the Services, such as your IP address, your browser type, your operating system, your access times, and the pages you have viewed directly before and after accessing the Services.</li>
<li><strong>Usage Data:</strong> Information about how you use the Services, such as the features you use, the content you view, and the frequency and duration of your activities.</li>
</ul>
<h2>2. Use of Your Information</h2>
<p>Having accurate information about you permits us to provide you with a smooth, efficient, and customized experience. Specifically, we may use information collected about you via the Services to:</p>
<ul>
<li>Create and manage your account.</li>
<li>Personalize your experience with the Services.</li>
<li>Email you regarding your account or updates to our Services.</li>
<li>Monitor and analyze usage and trends to improve your experience with the Services.</li>
<li>Notify you of updates to the Services.</li>
<li>Offer new products, services, and/or recommendations to you.</li>
</ul>
<h2>3. Disclosure of Your Information</h2>
<p>We may share information we have collected about you in certain situations. Your information may be disclosed as follows:</p>
<ul>
<li><strong>By Law or to Protect Rights:</strong> If we believe the release of information about you is necessary to respond to legal process, to investigate or remedy potential violations of our policies, or to protect the rights, property, and safety of others, we may share your information as permitted or required by any applicable law, rule, or regulation.</li>
<li><strong>Third-Party Service Providers:</strong> We may share your information with third parties that perform services for us or on our behalf, including payment processing, data analysis, email delivery, hosting services, customer service, and marketing assistance.</li>
<li><strong>Business Transfers:</strong> We may share or transfer your information in connection with, or during negotiations of, any merger, sale of company assets, financing, or acquisition of all or a portion of our business to another company.</li>
</ul>
<h2>4. Security of Your Information</h2>
<p>We use administrative, technical, and physical security measures to help protect your personal information. While we have taken reasonable steps to secure the personal information you provide to us, please be aware that despite our efforts, no security measures are perfect or impenetrable, and no method of data transmission can be guaranteed against any interception or other type of misuse.</p>
<h2>5. Policy for Children</h2>
<p>We do not knowingly solicit information from or market to children under the age of 13. If you become aware of any data we have collected from children under age 13, please contact us using the contact information provided below.</p>
<h2>6. Contact Us</h2>
<p>If you have questions or comments about this Privacy Policy, please contact us at:</p>
<p>Email: <a href="mailto:simo.elb.2005@gmail.com" class="footer-link-bottom">simo.elb.2005@gmail.com</a></p>
<p>AuraStream Support Team</p>
</div>
<footer class="landing-footer footer-custom">
<div class="container">
<div class="row gy-4 gx-lg-5 footer-content">
<div class="col-lg-4 col-md-6 footer-column">
<a class="navbar-brand-landing d-block mb-3" href="index.html">
<i class="bi bi-stars"></i> AuraStream
</a>
<p>Your portal to the entertainment universe. Discover, track, and connect.</p>
</div>
<div class="col-lg-2 col-md-6 footer-column">
<h4>Quick Links</h4>
<ul class="list-unstyled">
<li><a class="footer-link-bottom" href="index.html#hero"><i class="bi bi-chevron-right"></i> Home</a></li>
<li><a class="footer-link-bottom" href="index.html#content-showcase"><i class="bi bi-chevron-right"></i> Discover</a></li>
<li><a class="footer-link-bottom" href="index.html#features"><i class="bi bi-chevron-right"></i> Features</a></li>
<li><a class="footer-link-bottom" href="index.html#faq"><i class="bi bi-chevron-right"></i> FAQ</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-column">
<h4>Explore</h4>
<ul class="list-unstyled">
<li><button type="button" class="btn btn-link p-0 conceptual-link footer-link-bottom"><i class="bi bi-chevron-right"></i> Movies (Concept)</button></li>
<li><button type="button" class="btn btn-link p-0 conceptual-link footer-link-bottom"><i class="bi bi-chevron-right"></i> TV Shows (Concept)</button></li>
<li><button type="button" class="btn btn-link p-0 conceptual-link footer-link-bottom"><i class="bi bi-chevron-right"></i> Community (Concept)</button></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-column">
<h4>Connect</h4>
<div class="footer-social mb-2">
<a href="https://github.com/MEDELBOU3/AuraStream-Concept" class="social-icon me-3" target="_blank" rel="noopener noreferrer" title="GitHub"><i class="bi bi-github"></i></a>
<a href="#" class="social-icon me-3 conceptual-link" target="_blank" rel="noopener noreferrer" title="Twitter / X (Concept)"><i class="bi bi-twitter-x"></i></a>
<a href="#" class="social-icon conceptual-link" target="_blank" rel="noopener noreferrer" title="Discord (Concept)"><i class="bi bi-discord"></i></a>
</div>
<p style="font-size: 0.8rem;">Follow the project's development and get in touch!</p>
</div>
</div>
<div class="footer-bottom mt-4">
<p class="mb-1">© <span id="copy-year">2025</span> AuraStream Concept. All Rights Reserved.</p>
<p class="mb-1 small">Movie data provided by <a href="https://www.themoviedb.org/" target="_blank" rel="noopener" class="footer-link-bottom">TMDb</a>. This product uses the TMDb API but is not endorsed or certified by TMDb.</p>
<p class="mb-0 small">
<a href="privacy-policy.html" class="btn btn-link p-0 footer-link-bottom">Privacy Policy</a>
<span class="mx-2">|</span>
<a href="terms-of-service.html" class="btn btn-link p-0 footer-link-bottom">Terms of Service</a>
</p>
</div>
</div>
</footer>
<div class="modal fade" id="launchAppModal" tabindex="-1" aria-labelledby="launchAppModalLabel" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="launchAppModalLabel"><i class="bi bi-stars me-2"></i> Enter AuraStream</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="auth-modal-close-button"></button>
</div>
<div class="modal-body">
<ul class="nav nav-pills nav-fill mb-3" id="authTabs" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="login-tab" data-bs-toggle="tab" data-bs-target="#login-panel" type="button" role="tab" aria-controls="login-panel" aria-selected="true">Login</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="signup-tab" data-bs-toggle="tab" data-bs-target="#signup-panel" type="button" role="tab" aria-controls="signup-panel" aria-selected="false">Sign Up</button>
</li>
</ul>
<div class="tab-content" id="authTabsContent">
<div class="tab-pane fade show active" id="login-panel" role="tabpanel" aria-labelledby="login-tab">
<form id="login-form">
<div class="mb-3">
<label for="login-email" class="form-label">Email address</label>
<input type="email" class="form-control form-control-lg" id="login-email" placeholder="name@example.com" required>
</div>
<div class="mb-3">
<label for="login-password" class="form-label">Password</label>
<input type="password" class="form-control form-control-lg" id="login-password" placeholder="Password" required>
</div>
<div class="d-grid mb-3">
<button type="submit" class="btn btn-primary-gradient btn-lg">Login</button>
</div>
</form>
<div class="text-center text-muted my-3">OR</div>
<div class="d-grid">
<button type="button" class="btn btn-light btn-lg border" id="google-login-button">
<img src="https://developers.google.com/identity/images/g-logo.png" alt="Google logo" width="20" height="20" class="me-2"> Login with Google
</button>
</div>
</div>
<div class="tab-pane fade" id="signup-panel" role="tabpanel" aria-labelledby="signup-tab">
<form id="signup-form">
<div class="mb-3">
<label for="signup-name" class="form-label">Full Name</label>
<input type="text" class="form-control form-control-lg" id="signup-name" placeholder="Your Full Name" required>
</div>
<div class="mb-3">
<label for="signup-age" class="form-label">Age</label>
<input type="number" class="form-control form-control-lg" id="signup-age" placeholder="Your Age" required min="1">
</div>
<div class="mb-3">
<label for="signup-email" class="form-label">Email address</label>
<input type="email" class="form-control form-control-lg" id="signup-email" placeholder="name@example.com" required>
</div>
<div class="mb-3">
<label for="signup-password" class="form-label">Password</label>
<input type="password" class="form-control form-control-lg" id="signup-password" placeholder="Choose a strong password" required minlength="6">
<div class="form-text">Minimum 6 characters</div>
</div>
<div class="mb-3">
<label for="signup-avatar" class="form-label">Profile Picture (Optional)</label>
<input type="file" class="form-control form-control-lg" id="signup-avatar" accept="image/png, image/jpeg, image/gif">
<div class="form-text">Upload an image for your profile avatar.</div>
</div>
<div class="d-grid mb-3">
<button type="submit" class="btn btn-success btn-lg">Sign Up</button>
</div>
</form>
<div class="text-center text-muted my-3">OR</div>
<div class="d-grid">
<button type="button" class="btn btn-light btn-lg border" id="google-signup-button">
<img src="https://developers.google.com/identity/images/g-logo.png" alt="Google logo" width="20" height="20" class="me-2"> Sign Up with Google
</button>
</div>
</div>
</div>
<div id="auth-error-message" class="alert alert-danger mt-3 d-none" role="alert"></div>
</div>
</div>
</div>
</div>
<script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://www.gstatic.com/firebasejs/9.15.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.15.0/firebase-auth-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.15.0/firebase-storage-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.15.0/firebase-firestore-compat.js"></script>
<script src="app.js"></script>
</body>
</html>