Merge branch 'feat_footer'

This commit is contained in:
Kentai Radiquum 2024-06-25 03:39:58 +05:00
commit d8303c2afc
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 293 additions and 0 deletions

View file

@ -108,6 +108,21 @@
</div>
</div>
<footer class="m-4 bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto md:flex md:items-center md:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024 wah.su | All Rights Reserved.
</span>
<ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
<li>
<a href="/privacy.html" class="hover:underline me-4 md:me-6">Privacy Policy</a>
</li>
<li>
<a href="https://bento.me/radiquum" class="hover:underline">Contact</a>
</li>
</ul>
</div>
</footer>
<script src="/public/js/theme.js"></script>
<script src="/public/js/flowbite.min.js"></script>
<script src="/public/js/cards.js"></script>

227
privacy.html Normal file
View file

@ -0,0 +1,227 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>wah.su | Privacy Policy</title>
<link href="/public/output.css" rel="stylesheet" />
<link rel="apple-touch-icon" sizes="180x180" href="/public/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/public/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/public/favicon/favicon-16x16.png">
<link rel="manifest" href="/public/favicon/site.webmanifest">
<meta charset="UTF-8">
<meta name="description" content="Privacy Policy for wah.su.">
<meta name="keywords" content="wah.su, radiquum, invite-only, hosting">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="https://home.wah.su/privacy.html">
<meta name="twitter:title" content="wah.su | Privacy Policy">
<meta name="twitter:description" content="Privacy Policy for wah.su.">
<meta name="twitter:image" content="https://home.wah.su/public/preview.png">
<!-- Open Graph data -->
<meta property="og:title" content="wah.su | Privacy Policy" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://home.wah.su/privacy.html" />
<meta property="og:image" content="https://home.wah.su/public/preview.png" />
<meta property="og:description" content="Privacy Policy for wah.su." />
</head>
<body class="light dark:bg-slate-900" id="body">
<header class="top-0 left-0 pt-4 pb-6 shadow-lg bg-slate-50 dark:bg-slate-800">
<div
class="flex flex-col md:flex-row gap-2 md:gap-0 items-center container max-w-[1440px] justify-between px-4">
<div class="self-start">
<a href="/">
<img src="/public/images/logo-light.svg" alt="wah.su" id="logo" />
</a>
</div>
<div class="self-start md:self-auto">
<!--noformat-->
<a href="https://status.wah.su" class="flex flex-row items-center gap-2" target="_blank">
<div class="w-4 h-4 transition ease-in bg-gray-500 rounded-full duration-400" id="status-icon"></div>
<p class="dark:text-slate-50" id="status-text">Fetching Services Status</p>
</a>
<!--noformat-->
</div>
<div class="flex flex-row items-center self-start justify-center gap-6 -ml-4">
<label class="inline-flex items-center cursor-pointer">
<span class="mr-4 text-sm font-medium text-gray-900 ms-3 dark:text-gray-300"><svg
class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M13 3a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0V3ZM6.343 4.929A1 1 0 0 0 4.93 6.343l1.414 1.414a1 1 0 0 0 1.414-1.414L6.343 4.929Zm12.728 1.414a1 1 0 0 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-9 4a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2H3Zm16 0a1 1 0 1 0 0 2h2a1 1 0 1 0 0-2h-2ZM7.757 17.657a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414Zm9.9-1.414a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM13 19a1 1 0 1 0-2 0v2a1 1 0 1 0 2 0v-2Z"
clip-rule="evenodd" />
</svg>
</span>
<input type="checkbox" class="sr-only peer" id="theme-toggle">
<div
class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600">
</div>
<span class="text-sm font-medium text-gray-900 ms-3 dark:text-gray-300"><svg
class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true"
xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M11.675 2.015a.998.998 0 0 0-.403.011C6.09 2.4 2 6.722 2 12c0 5.523 4.477 10 10 10 4.356 0 8.058-2.784 9.43-6.667a1 1 0 0 0-1.02-1.33c-.08.006-.105.005-.127.005h-.001l-.028-.002A5.227 5.227 0 0 0 20 14a8 8 0 0 1-8-8c0-.952.121-1.752.404-2.558a.996.996 0 0 0 .096-.428V3a1 1 0 0 0-.825-.985Z"
clip-rule="evenodd" />
</svg>
</span>
</label>
<a href="https://auth.wah.su"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
<svg class="w-6 h-6 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24"
height="24" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M4.857 3A1.857 1.857 0 0 0 3 4.857v4.286C3 10.169 3.831 11 4.857 11h4.286A1.857 1.857 0 0 0 11 9.143V4.857A1.857 1.857 0 0 0 9.143 3H4.857Zm10 0A1.857 1.857 0 0 0 13 4.857v4.286c0 1.026.831 1.857 1.857 1.857h4.286A1.857 1.857 0 0 0 21 9.143V4.857A1.857 1.857 0 0 0 19.143 3h-4.286Zm-10 10A1.857 1.857 0 0 0 3 14.857v4.286C3 20.169 3.831 21 4.857 21h4.286A1.857 1.857 0 0 0 11 19.143v-4.286A1.857 1.857 0 0 0 9.143 13H4.857Zm10 0A1.857 1.857 0 0 0 13 14.857v4.286c0 1.026.831 1.857 1.857 1.857h4.286A1.857 1.857 0 0 0 21 19.143v-4.286A1.857 1.857 0 0 0 19.143 13h-4.286Z"
clip-rule="evenodd" />
</svg>
<p class="ml-2">Dashboard</p>
</a>
</div>
</div>
</header>
<!--noformat-->
<div class="container max-w-[768px] mt-4 px-4 text-gray-800 dark:text-slate-200">
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h1 class="mb-4 text-2xl font-bold">Privacy Policy for wah.su</h1>
<p class="mb-4">
At wah.su, accessible from https://wah.su and its subdomains, one of our main priorities is the privacy of our visitors.
This Privacy Policy document contains types of information that is collected and recorded by wah.su and how we use it.
</p>
<p class="mb-4">
If you have additional questions or require more information about our Privacy Policy, do not hesitate to contact us.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Log Files</h2>
<p class="mb-4">
wah.su follows a standard procedure of using log files.
These files log visitors when they visit websites.
All hosting companies do this and a part of hosting services' analytics.
The information collected by log files include internet protocol (IP) addresses, browser type, Internet Service Provider (ISP), date and timestamp, referring/exit pages, and possibly the number of clicks.
These are not linked to any information that is personally identifiable. The purpose of the information is for analyzing trends, administering the site, tracking users' movement on the website, and gathering demographic information.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Cookies and Web Beacons</h2>
<p class="mb-4">
Like any other website, wah.su uses "cookies".
These cookies are used to store information including visitors' preferences, and the pages on the website that the visitor accessed or visited.
The information is used to optimize the users' experience by customizing our web page content based on visitors' browser type and/or other information.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Privacy Policies</h2>
<p class="mb-4">
You may consult this list to find the Privacy Policy for each of the advertising partners of wah.su.
</p>
<p class="mb-4">
Third-party ad servers or ad networks uses technologies like cookies, JavaScript, or Web Beacons that are used in their respective advertisements and links that appear on wah.su, which are sent directly to users' browser.
They automatically receive your IP address when this occurs.
These technologies are used to measure the effectiveness of their advertising campaigns and/or to personalize the advertising content that you see on websites that you visit.
</p>
<p class="mb-4">
Note that wah.su has no access to or control over these cookies that are used by third-party advertisers. </p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Third Party Privacy Policies</h2>
<p class="mb-4">
wah.su's Privacy Policy does not apply to other advertisers or websites.
Thus, we are advising you to consult the respective Privacy Policies of these third-party ad servers for more detailed information.
It may include their practices and instructions about how to opt-out of certain options.
</p>
<p class="mb-4">
You can choose to disable cookies through your individual browser options.
To know more detailed information about cookie management with specific web browsers, it can be found at the browsers' respective websites.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Children's Information</h2>
<p class="mb-4">
Another part of our priority is adding protection for children while using the internet.
We encourage parents and guardians to observe, participate in, and/or monitor and guide their online activity.
</p>
<p class="mb-4">
wah.su does not knowingly collect any Personal Identifiable Information from children under the age of 13.
If you think that your child provided this kind of information on our website, we strongly encourage you to contact us immediately and we will do our best efforts to promptly remove such information from our records.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Online Privacy Policy Only</h2>
<p class="mb-4">
This Privacy Policy applies only to our online activities and is valid for visitors to our website with regards to the information that they shared and/or collect in wah.su.
This policy is not applicable to any information collected offline or via channels other than this website.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<h2 class="mb-4 text-2xl font-bold">Consent</h2>
<p class="mb-4">
By using our website, you hereby consent to our Privacy Policy and agree to its Terms and Conditions.
</p>
</div>
</div>
<div class="bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto mb-4">
<p>
Our Privacy Policy was created with the help of the <a href="https://www.privacypolicygenerator.org" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">Privacy Policy Generator</a>.
</p>
</div>
</div>
</div>
<!--noformat-->
<footer class="m-4 bg-white rounded-lg shadow dark:bg-gray-800">
<div class="w-full max-w-screen-xl p-4 mx-auto md:flex md:items-center md:justify-between">
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400">© 2024 wah.su | All Rights
Reserved.
</span>
<ul class="flex flex-wrap items-center mt-3 text-sm font-medium text-gray-500 dark:text-gray-400 sm:mt-0">
<li>
<a href="/privacy.html" class="hover:underline me-4 md:me-6">Privacy Policy</a>
</li>
<li>
<a href="https://bento.me/radiquum" class="hover:underline">Contact</a>
</li>
</ul>
</div>
</footer>
<script src="/public/js/theme.js"></script>
<script src="/public/js/flowbite.min.js"></script>
<script src="/public/js/status.js"></script>
</body>
</html>

View file

@ -1137,6 +1137,10 @@ input:checked + .toggle-bg {
z-index: 50;
}
.m-4 {
margin: 1rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
@ -1166,6 +1170,10 @@ input:checked + .toggle-bg {
margin-inline-end: 0.5rem;
}
.me-4 {
margin-inline-end: 1rem;
}
.ml-2 {
margin-left: 0.5rem;
}
@ -1190,6 +1198,14 @@ input:checked + .toggle-bg {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-6 {
margin-top: 1.5rem;
}
@ -1290,10 +1306,18 @@ input:checked + .toggle-bg {
max-width: 298px;
}
.max-w-\[768px\] {
max-width: 768px;
}
.max-w-\[840px\] {
max-width: 840px;
}
.max-w-screen-xl {
max-width: 1280px;
}
.flex-1 {
flex: 1 1 0%;
}
@ -1950,19 +1974,45 @@ input:checked + .toggle-bg {
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}
@media (min-width: 640px) {
.sm\:mt-0 {
margin-top: 0px;
}
.sm\:text-center {
text-align: center;
}
}
@media (min-width: 768px) {
.md\:me-6 {
margin-inline-end: 1.5rem;
}
.md\:ml-0 {
margin-left: 0px;
}
.md\:flex {
display: flex;
}
.md\:flex-row {
flex-direction: row;
}
.md\:items-center {
align-items: center;
}
.md\:justify-start {
justify-content: flex-start;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:gap-0 {
gap: 0px;
}

View file

@ -3,6 +3,7 @@ module.exports = {
darkMode: "selector",
content: [
"./index.html",
"./privacy.html",
"./src/**/*.{html,js}",
"./public/js/cards.js",
"./public/js/status.js",