-
Notifications
You must be signed in to change notification settings - Fork 0
/
privacy-policy.html
291 lines (252 loc) · 17.6 KB
/
privacy-policy.html
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
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<!DOCTYPE html>
<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Privacy Policy · Sowwyz</title>
<link rel="icon" href="assets/img/logo.png" type="image/x-icon">
<link rel="stylesheet" href="assets/css/style.css" />
<link href="../unpkg.com/aos%402.3.1/dist/aos.css" rel="stylesheet"/>
<script src="https://cdn.tailwindcss.com/"></script>
<script src="../unpkg.com/aos%402.3.1/dist/aos.js"></script>
<script src="assets/js/script.js"></script>
<script src="../cdnjs.cloudflare.com/ajax/libs/tippy.js/2.5.4/tippy.all.js"></script>
<link rel="stylesheet" href="../cdn.jsdelivr.net/npm/toastify-js%401.11.0/dist/toastify.min.css">
<style>
@font-face {
font-family: 'Retro Gaming';
src: url('RetroGaming.html');
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-normal {
font-weight: 400;
}
</style>
</head>
<body class="bg-white dark:bg-zinc-900 tracking-tighter selection:bg-[#1ED693]">
<div data-aos="fade-up" class="relative isolate pt-12 lg:pt-24">
<header data-aos="fade-up" class="absolute inset-x-0 top-0 border-b border-black/10 dark:border-white/10 z-10">
<nav class="mx-auto flex max-w-7xl items-center justify-between gap-x-6 p-3 lg:px-8" aria-label="Global">
<div class="flex lg:flex gap-x-8 mr-6">
<a href="index.html" class="">
<img class="w-16" src="assets/img/logo.png" alt="">
</a>
</div>
<div class="hidden lg:flex lg:gap-x-8">
<div class="text-sm font-semibold dark:font-normal leading-6 text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-white hover:bg-black/5 dark:hover:bg-white/5">
<div class="relative z-50" data-headlessui-state="">
<button class="inline-flex items-center focus:outline-none" type="button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-:R1b56qja:">
<span>Hire Me</span>
</button>
</div>
<div style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div>
</div>
<div><a href="#projects" class="text-sm font-semibold dark:font-normal leading-6 text-gray-800 dark:text-gray-200 hover:bg-black/5 dark:hover:bg-white/5">Projects</a></div>
<div><a href="index.html" class="text-sm font-semibold dark:font-normal leading-6 text-gray-800 dark:text-gray-200 hover:bg-black/5 dark:hover:bg-white/5">Assets</a><span class=" cursor-pointer ml-2 inline-flex items-center border border-black/10 dark:border-white/10 px-2 py-1 text-xs font-medium text-gray-900 dark:text-gray-200 ring-1 ring-inset ring-gray-500/10">Soon</span></div>
</div>
<div class="flex flex-1 items-center justify-end gap-x-6">
<!--Language Changer-->
<div class="relative inline-block text-left">
<button id="languageButton" type="button" class="inline-flex w-full justify-center items-center gap-x-1.5 px-3 py-2 ring-2 ring-inset ring-black/10 hover:bg-black/5 dark:ring-white/10 dark:hover:bg-white/10">
<img class="w-5 h-5" src="assets/img/en.svg" alt="English">
<svg class="ml-1 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" color="#fff" d="M6.293 6.293a1 1 0 011.414 0L10 8.586l2.293-2.293a1 1 0 111.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z" clip-rule="evenodd" />
</svg>
</button>
<div id="languageMenu" class="hidden origin-top-right absolute right-0 mt-2 w-44 rounded-md shadow-lg bg-zinc-700 ring-2 ring-inset ring-black/10 dark:ring-white/10">
<div class="py-1" role="menu" aria-orientation="vertical" aria-labelledby="options-menu">
<div class="block width-full px-4 py-2 text-sm text-gray-400 font-normal hover:bg-zinc-500 rounded hover:text-gray-400" role="menuitem" id="en">
<img class="inline-block w-5 h-5 mr-2" src="assets/img/en.svg" alt="English">
<a href="#">English</a>
</div>
<div class="block width-full px-4 py-2 text-sm text-gray-400 font-normal hover:bg-zinc-500 rounded hover:text-gray-400" role="menuitem" id="es">
<img class="inline-block w-5 h-5 mr-2" src="assets/img/es.svg" alt="Español">
<a href="#">Español</a>
</div>
<div class="block width-full px-4 py-2 text-sm text-gray-400 font-normal hover:bg-zinc-500 rounded hover:text-gray-400" role="menuitem" id="fr">
<img class="inline-block w-5 h-5 mr-2" src="assets/img/fr.svg" alt="Française">
<a href="#">Française</a>
</div>
<div class="block width-full px-4 py-2 text-sm text-gray-400 font-normal hover:bg-zinc-500 rounded hover:text-gray-400" role="menuitem" id="de">
<img class="inline-block w-5 h-5 mr-2" src="assets/img/de.svg" alt="Deutsch">
<a href="#">Deutsch</a>
</div>
<div class="block width-full px-4 py-2 text-sm text-gray-400 font-normal hover:bg-zinc-500 rounded hover:text-gray-400" role="menuitem" id="zh">
<img class="inline-block w-5 h-5 mr-2" src="assets/img/zh.svg" alt="中文">
<a href="#">中文 (简体)</a>
</div>
<!-- Add more language options as needed -->
</div>
</div>
</div>
<span class="hidden lg:flex h-6 w-0.5 bg-black/10 dark:bg-white/10" aria-hidden="true"></span>
<div class="flex gap-x-3">
<!--Cart-->
<button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:Rfl6qja:" data-state="closed">
<div aria-label="Cart" class="flex ring-2 ring-inset ring-black/10 px-3 py-2 text-sm text-white hover:bg-black/5 dark:ring-white/10 dark:hover:bg-white/10">
<svg class="w-5 h-5 fill-gray-800 dark:fill-gray-200" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M11 19H8v3h3v-3Zm9 0h-3v3h3v-3ZM7 6V4H6V2H2v2h2v2h1v3h1v3h1v3h1v2h12v-2h1v-3h1V6H7Zm13 4h-1v3h-1v2h-8v-2H9v-3H8V8h12v2Z"/>
</svg>
</div>
</button>
<div class="relative inline-block text-left" data-headlessui-state="">
<!--Contact-->
<div>
<button class="inline-flex w-full justify-center items-center gap-x-1.5 px-3 py-2 ring-2 ring-inset ring-black/10 hover:bg-black/5 dark:ring-white/10 dark:hover:bg-white/10" id="headlessui-menu-button-:R2nl6qja:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">
<svg class="w-5 h-5 fill-black dark:fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M20 5V3h-2v2h-2v2h2v2h2V7h2V5h-2Z"/>
<path d="M20 11v8h-1v1H5v-1H4v-8h1v1h2v1h2v1h1v1h4v-1h1v-1h2v-2h-4v1h-2v-1H9v-1H7V9H5V8H4V7h1V6h8V4H3v1H2v16h1v1h18v-1h1V11h-2Z"/>
</svg>
</button>
</div>
</div>
<!--Socials-->
<div class="hidden lg:flex">
<button id="open-social-links-modal">
<a class="flex ring-2 ring-inset ring-black/10 px-3 py-2 text-sm text-white hover:bg-black/5 dark:ring-white/10 dark:hover:bg-white/10">
<svg class="w-5 h-5 fill-[#1ED693]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M3 3h18v18H3V3zm16 16V5H5v14h14zM14 7h-4v4h4V7zm1 6H9v2H7v2h2v-2h6v2h2v-2h-2v-2z"></path>
</svg>
</a>
</button>
</div>
</div>
</div>
</nav>
<div style="position:fixed;top:1px;left:1px;width:1px;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;display:none"></div>
</header>
<svg class="absolute inset-0 -z-10 h-full w-full stroke-black/10 dark:stroke-white/5 [mask-image:radial-gradient(50%_100%_at_top,white,transparent)]" aria-hidden="true">
<defs>
<pattern id="983e3e4c-de6d-4c3f-8d64-b9761d1534cc" width="50" height="50" x="50%" y="70" patternUnits="userSpaceOnUse">
<path d="M.5 200V.5H200" fill="none"></path>
</pattern>
</defs>
<rect width="100%" height="100%" stroke-width="0" fill="url(#983e3e4c-de6d-4c3f-8d64-b9761d1534cc)"></rect>
</svg>
<!--Body-->
<div class="pt-24 flex justify-center">
<div class="max-w-3xl px-4 w-full">
<h1 class="text-3xl font-semibold text-white text-center mb-4">Privacy Policy</h1>
<nav class="flex justify-center" aria-label="Breadcrumb">
<ol class="inline-flex items-center space-x-2 p-6 md:space-x-3 text-sm text-gray-500">
<li class="inline-flex items-center">
<a href="index-2.html" class="inline-flex items-center text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white">
<svg class="w-4 h-4 mr-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
<path d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z"/>
</svg>
Home
</a>
</li>
<li class="inline-flex items-center">
<svg class="w-4 h-4 text-gray-400 mx-1" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
</svg>
</li>
<li aria-current="page">
<span class="ml-1 font-medium text-[#1ED693]">Privacy Policy</span>
</li>
</ol>
</nav>
</div>
</div>
<section class="flex flex-col justify-center items-center px-12 pb-12 text-white">
<h2 class="text-xl font-semibold mb-4">Your Privacy Matters to Us</h2>
<p class="text-md text-center mb-8 w-2/3">
At Sowwyz, we highly value your privacy and are fully dedicated to safeguarding it through our compliance with this comprehensive policy. This policy applies to all data collected or submitted by visitors to our website.
</p>
<div class="max-w-prose">
<h3 class="text-lg font-semibold mb-2">1. Information Collection</h3>
<p class="mb-6">
We want to assure you that we do not gather, retain, or monitor any personal information regarding our users. Moreover, our website does not employ cookies or any other form of tracking technology.
<br>
While we may collect anonymous usage statistics, such as the total number of website visitors or pages accessed, this data is strictly utilized to enhance our website's functionality. These statistics remain dissociated from any individual's personal information.
</p>
<h3 class="text-lg font-semibold mb-2">2. Changes to This Policy</h3>
<p class="mb-6">
This privacy policy may be updated from time to time. We will notify you of any changes by updating this page. We encourage you to periodically review this policy to stay informed about how we are protecting your information. Your continued use of our website following the posting of changes to this policy will be deemed your acceptance of those changes.
</p>
<h3 class="text-lg font-semibold mb-2">3. Contact Us</h3>
<p>
If you have any questions or concerns about our privacy policy, please don't hesitate to reach out to us via our dedicated support page.
</p>
</div>
</section>
<!--Social Modal-->
<div id="social-links-modal" class="hidden fixed inset-0 flex items-center justify-center z-50">
<div class="modal-overlay absolute inset-0 bg-gray-900 opacity-75"></div>
<div class="modal-container bg-gray-900 w-11/12 md:max-w-md mx-auto rounded shadow-lg ring-inset ring ring-black/5 dark:ring-white/5 z-50">
<div class="modal-content py-4 text-left px-6 relative">
<!-- Modal Header with Close Button -->
<button id="modal-close" class="modal-close absolute top-2 right-2 text-gray-700 hover:text-gray-900">
<svg class="fill-current h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M14.95 14.95a.5.5 0 01-.707 0L10 10.707l-4.243 4.243a.5.5 0 11-.707-.707L9.293 10 5.05 5.757a.5.5 0 01.707-.707L10 9.293l4.243-4.243a.5.5 0 01.707.707L10.707 10l4.243 4.243z"/></svg>
</button>
<div class="modal-header pb-3">
<h2 class="text-xl font-semibold text-gray-900 dark:text-gray-200">Social Links</h2>
</div>
<div class="modal-body py-2">
<div class="mx-auto max-w-xl lg:mr-0 lg:max-w-lg bg-white/5 p-8 shadow-lg ring-inset ring ring-black/5 dark:ring-white/5">
<div class="flex flex-row space-y-2 items-center justify-center">
<a class="w-36 h-36 text-center text-white font-normal" href="https://github.com/overSowwyz" class="text-white hover:underline"><img src="assets/img/github.png" alt="">GitHub</a>
<span class="hidden lg:flex h-28 w-0.5 bg-black/10 dark:bg-white/10"></span>
<a class="w-36 h-36 text-center text-white font-normal" href="https://discord.gg/your-server-invite" class="text-white hover:underline"><img src="assets/img/discord.png" alt=""> Discord</a>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="bg-zinc-900 text-white py-4 border-t border-black/10 dark:border-white/10 z-10">
<div class="container mx-auto flex justify-between items-center">
<p class="text-sm">©2023 · All rights reserved</p>
<ul class="text-sm flex space-x-6">
<li><a href="#" class="hover:text-gray-400">Support</a></li>
<span class="hidden lg:flex h-6 w-0.5 bg-black/10 dark:bg-white/10" aria-hidden="true"></span>
<li><a href="privacy-policy.html" class="hover:text-gray-400">Privacy Policy</a></li>
<span class="hidden lg:flex h-6 w-0.5 bg-black/10 dark:bg-white/10" aria-hidden="true"></span>
<li><a href="tos.html" class="hover:text-gray-400">Terms of Service</a></li>
</ul>
</div>
</footer>
<script>
const openSocialLinksModalButton = document.getElementById('open-social-links-modal');
const socialLinksModal = document.getElementById('social-links-modal');
const modalCloseButton = socialLinksModal.querySelector('.modal-close');
const modalOverlay = socialLinksModal.querySelector('.modal-overlay');
function openModal() {
socialLinksModal.classList.remove('hidden');
}
function closeModal() {
socialLinksModal.classList.add('hidden');
}
openSocialLinksModalButton.addEventListener('click', openModal);
modalCloseButton.addEventListener('click', closeModal);
modalOverlay.addEventListener('click', closeModal);
// Language Changer WIP
const languageButton = document.getElementById("languageButton");
const languageMenu = document.getElementById("languageMenu");
languageButton.addEventListener("click", () => {
languageMenu.classList.toggle("hidden");
});
document.addEventListener("click", (event) => {
if (!languageMenu.contains(event.target) && !languageButton.contains(event.target)) {
languageMenu.classList.add("hidden");
}
});
</script>
<script src="../translate.google.com/translate_a/elementa0d8.js?cb=googleTranslateElementInit"></script>
<script src="assets/js/script.js"></script>
<script src="../unpkg.com/aos%402.3.1/dist/aos.js"></script>
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
</body>
<!--Sowwyz#1337-->
</html>
<!--Sowwyz#1337-->
<!--Sowwyz#1337-->
<!--Sowwyz#1337-->