-
Notifications
You must be signed in to change notification settings - Fork 0
/
tos.html
291 lines (258 loc) · 17.8 KB
/
tos.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>
<!-- Mirrored from Sowwyz.info/tos.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 16 Aug 2023 03:44:17 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Terms Of Service · 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>
<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">Terms Of Service</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]">Terms Of Service</span>
</li>
</ol>
</nav>
</div>
</div>
<section class="flex flex-col justify-center items-center px-12 pb-12 text-white">
<div class="max-w-prose">
<h3 class="text-lg font-semibold mb-2">1. Acceptance of Terms</h3>
<p class="mb-6">
Welcome to Sowwyz ("Sowwyz.Info"). By accessing and using the Website, you agree to comply with and be bound by these Terms of Service. If you do not agree with these terms, please do not use the Website.
</p>
<h3 class="text-lg font-semibold mb-2">2. Intellectual Property</h3>
<p class="mb-6">
All content on the Website, including but not limited to text, graphics, logos, images, and software, is the property of Sowwyz or its licensors and is protected by intellectual property laws. You may not reproduce, distribute, modify, or create derivative works based on any content from the Website without explicit written permission.
</p>
<h3 class="text-lg font-semibold mb-2">3. Limitation of Liability</h3>
<p>
The Website and its content are provided "as is" without any warranties. Sowwyz shall not be liable for any direct, indirect, incidental, consequential, or punitive damages arising from your use or inability to use the Website.
</p>
<h3 class="text-lg font-semibold mb-2">4. Indemnification</h3>
<p>
You agree to indemnify and hold Sowwyz harmless from any claims, losses, damages, liabilities, and expenses (including legal fees) arising out of your use of the Website or violation of these Terms of Service.
<h3 class="text-lg font-semibold mb-2">5. Changes to Terms</h3>
<p>
Sowwyz reserves the right to modify or replace these Terms of Service at any time. Your continued use of the Website after any changes indicates your acceptance of the modified terms.
</p>
<h3 class="text-lg font-semibold mb-2">6. Governing Law</h3>
<p>
These Terms of Service shall be governed by and construed in accordance with the laws of the United States of America.
</p>
</div>
</section>
<!--Sowwyz#1337-->
<!--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="#" class="hover:text-gray-400">Terms of Service</a></li>
</ul>
</div>
</footer>
<!--Sowwyz#1337-->
<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-->
<!--Sowwyz#1337-->
<!--Sowwyz#1337-->
</html>