wah.su/wah-su.github.io
1
0
Fork 0
mirror of https://github.com/wah-su/wah-su.github.io.git synced 2025-04-06 00:04:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add privacy policy page

Browse source
This commit is contained in:
Kentai Radiquum 2024-11-30 19:52:59 +05:00
parent fe5b125690
commit f0a1212cc7
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
5 changed files with 300 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
index.html
View file

@ -5,17 +5,21 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>wah.su | Homepage</title>
<link rel="stylesheet" href="static/tailwind.css">
<link rel="stylesheet" href="./static/tailwind.css">
<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=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="preload" href="./static/will-rust-Vv1E0zcQDCI-unsplash.jpg" as="image">
<link rel="prefetch" href="./services.html" />
<link rel="prefetch" href="./privacy.html" />
</head>
<body class="bg-[#120D0C] text-white ubuntu-mono-regular">
<div class="container flex flex-col justify-between w-full h-[100dvh] p-8 md:p-16">
<img class="absolute inset-0 object-cover w-full h-full blur-sm -z-10" src="static/will-rust-Vv1E0zcQDCI-unsplash.jpg" alt=""/>
<img class="absolute inset-0 object-cover w-full h-full blur-sm -z-10" src="./static/will-rust-Vv1E0zcQDCI-unsplash.jpg" alt=""/>
<div class="flex flex-col gap-8 lg:items-center lg:justify-between lg:flex-row">
<img class="w-96" src="static/LOGO.svg" alt="wah.su" id="logo" />
<img class="w-96" src="./static/LOGO.svg" alt="wah.su" id="logo" />
<a href="https://status.wah.su" class="flex flex-row items-center justify-center gap-4" target="_blank">
<div class="w-6 h-6 transition ease-in bg-gray-500 rounded-full sm:w-8 sm:h-8 aspect-square duration-400" id="status-icon"></div>
<p class="text-xl sm:text-3xl" id="status-text">Fetching Services Status</p>
@ -37,7 +41,7 @@
</div>
</div>
<script src="static/js/checkstatus.js"></script>
<script src="./static/js/checkstatus.js"></script>
</body>
</html>

175
privacy.html Normal file
View file

@ -0,0 +1,175 @@
<!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 rel="stylesheet" href="./static/tailwind.css" />
<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=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
</head>
<body class="bg-[#120D0C] text-white ubuntu-mono-regular">
<div class="container flex flex-col w-full h-auto gap-16 p-8 md:p-16">
<div
class="flex flex-col gap-8 lg:items-center lg:justify-between lg:flex-row"
>
<div
class="flex flex-col gap-4 text-4xl sm:items-center sm:text-6xl sm:flex-row"
>
<a href="./index.html" class="block"
><img class="w-96" src="static/LOGO.svg" alt="wah.su" id="logo"
/></a>
<p class="block">/Privacy</p>
</div>
<a
href="https://status.wah.su"
class="flex flex-row items-center justify-center gap-4"
target="_blank"
>
<div
class="w-6 h-6 transition ease-in bg-gray-500 rounded-full sm:w-8 sm:h-8 aspect-square duration-400"
id="status-icon"
></div>
<p class="text-xl sm:text-3xl" id="status-text">
Fetching Services Status
</p>
</a>
</div>
<div class="flex flex-col gap-8 text-xl">
<div>
<h1 class="mb-4 text-4xl 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>
If you have additional questions or require more information about
our Privacy Policy, do not hesitate to contact us.
</p>
</div>
<div>
<h1 class="mb-4 text-4xl font-bold">Log Files</h1>
<p>
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>
<h1 class="mb-4 text-4xl font-bold">Cookies and Web Beacons</h1>
<p>
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>
<h2 class="mb-4 text-4xl 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>
Note that wah.su has no access to or control over these cookies that
are used by third-party advertisers.
</p>
</div> -->
<div>
<h2 class="mb-4 text-4xl 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>
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>
<h2 class="mb-4 text-4xl 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>
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>
<h2 class="mb-4 text-4xl font-bold">Online Privacy Policy Only</h2>
<p>
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>
<h2 class="mb-4 text-4xl font-bold">Consent</h2>
<p>
By using our website, you hereby consent to our Privacy Policy and
agree to its Terms and Conditions.
</p>
</div> -->
<div>
<p>
Our Privacy Policy was created with the help of the
<a
href="https://www.privacypolicygenerator.org"
class="font-medium underline hover:text-[#ff851b] transition-colors"
>Privacy Policy Generator</a
>.
</p>
</div>
</div>
</div>
<script src="./static/js/checkstatus.js"></script>
</body>
</html>

47
services.html Normal file
View file

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>wah.su | Services</title>
<link rel="stylesheet" href="./static/tailwind.css" />
<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=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet"
/>
</head>
<body class="bg-[#120D0C] text-white ubuntu-mono-regular">
<div class="container w-full p-8 md:p-16">
<div
class="flex flex-col gap-8 lg:items-center lg:justify-between lg:flex-row"
>
<div
class="flex flex-col gap-4 text-4xl sm:items-center sm:text-6xl sm:flex-row"
>
<a href="./index.html" class="block"
><img class="w-96" src="static/LOGO.svg" alt="wah.su" id="logo"
/></a>
<p class="block">/Services</p>
</div>
<a
href="https://status.wah.su"
class="flex flex-row items-center justify-center gap-4"
target="_blank"
>
<div
class="w-6 h-6 transition ease-in bg-gray-500 rounded-full sm:w-8 sm:h-8 aspect-square duration-400"
id="status-icon"
></div>
<p class="text-xl sm:text-3xl" id="status-text">
Fetching Services Status
</p>
</a>
</div>
</div>
<script src="./static/js/checkstatus.js"></script>
</body>
</html>

69
static/tailwind.css
View file

@ -602,6 +602,19 @@ video {
z-index: -10;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mb-4 {
margin-bottom: 1rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
@ -618,6 +631,10 @@ video {
height: 100dvh;
}
.h-auto {
height: auto;
}
.h-full {
height: 100%;
}
@ -634,6 +651,10 @@ video {
width: 100%;
}
.max-w-screen-xl {
max-width: 1280px;
}
.flex-row {
flex-direction: row;
}
@ -658,6 +679,10 @@ video {
justify-content: space-between;
}
.gap-16 {
gap: 4rem;
}
.gap-4 {
gap: 1rem;
}
@ -704,11 +729,20 @@ video {
padding: 2rem;
}
.p-4 {
padding: 1rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@ -719,11 +753,24 @@ video {
line-height: 1.75rem;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.underline {
text-decoration-line: underline;
}
@ -780,6 +827,10 @@ video {
color: rgb(255 133 27 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
@media (min-width: 640px) {
.sm\:h-8 {
height: 2rem;
@ -789,6 +840,14 @@ video {
width: 2rem;
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:items-center {
align-items: center;
}
.sm\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -798,6 +857,11 @@ video {
font-size: 1.875rem;
line-height: 2.25rem;
}
.sm\:text-6xl {
font-size: 3.75rem;
line-height: 1;
}
}
@media (min-width: 768px) {
@ -848,4 +912,9 @@ video {
--tw-bg-opacity: 1;
background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
}
.dark\:text-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
}

2
tailwind.config.js
View file

@ -1,6 +1,6 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./index.html", "./static/js/**/*.js"],
content: ["./index.html", "./services.html", "./privacy.html", "./static/js/**/*.js"],
theme: {
container: {
center: true,