mirror of
https://github.com/wah-su/wah-su.github.io.git
synced 2025-04-06 00:04:40 +00:00
feat: add services page
This commit is contained in:
parent
f0a1212cc7
commit
fc64b9e9c0
GPG key ID:
858E8EE696525EED
9 changed files with 161 additions and 42 deletions
|
|
@ -35,8 +35,6 @@
|
|||
<!-- <p><a class="underline hover:text-[#ff851b] transition-colors" href="https://wah.su">Discord</a></p> -->
|
||||
<p><a class="underline hover:text-[#ff851b] transition-colors" href="./services.html">View Services</a></p>
|
||||
<p><a class="underline hover:text-[#ff851b] transition-colors" href="./privacy.html">Privacy Policy</a></p>
|
||||
<!-- <p>Run by <a class="underline hover:text-[#ff851b] transition-colors" href="https://wah.su/radiquum">@radiquum</a></p> -->
|
||||
<!-- <p>Photo by <a class="underline hover:text-[#ff851b] transition-colors" href="https://unsplash.com/@willrust">Will Rust</a> on <a class="underline hover:text-[#ff851b] transition-colors" href="https://unsplash.com/">Unsplash</a></p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
134
services.html
134
services.html
|
|
@ -1,47 +1,101 @@
|
|||
<!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>
|
||||
<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 flex flex-col w-full h-auto gap-8 p-8 md:p-16">
|
||||
<div class="flex flex-col gap-8 pb-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>
|
||||
<h2 class="mb-4 text-4xl font-bold">File Sharing</h2>
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<div class="py-2 max-w-96">
|
||||
<div class="flex items-center gap-4 mb-2">
|
||||
<img alt="" src="./static/logos/nextcloud.png" class="w-16 h-16 rounded-full"/>
|
||||
<p class="text-3xl font-bold">NextCloud</p>
|
||||
</div>
|
||||
<p class="text-xl">Productivity suite, offering file sharing and collaboration tools.</p>
|
||||
</div>
|
||||
<div class="py-2 max-w-96">
|
||||
<div class="flex items-center gap-4 mb-2">
|
||||
<img alt="" src="./static/logos/zipline.png" class="w-16 h-16 rounded-full"/>
|
||||
<p class="text-3xl font-bold">Zipline</p>
|
||||
</div>
|
||||
<p class="text-xl">Image uploading with ShareX compatibility.</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>
|
||||
<div>
|
||||
<h2 class="mb-4 text-4xl font-bold">Media</h2>
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<div class="py-2 max-w-96">
|
||||
<div class="flex items-center gap-4 mb-2">
|
||||
<img alt="" src="./static/logos/immich.png" class="w-16 h-16 rounded-full"/>
|
||||
<p class="text-3xl font-bold">Immich</p>
|
||||
</div>
|
||||
<p class="text-xl">Platform for managing and browsing your photos.</p>
|
||||
</div>
|
||||
<div class="py-2 max-w-96">
|
||||
<div class="flex items-center gap-4 mb-2">
|
||||
<img alt="" src="./static/logos/navidrome.png" class="w-16 h-16 rounded-full"/>
|
||||
<p class="text-3xl font-bold">Navidrome</p>
|
||||
</div>
|
||||
<p class="text-xl">Self-hosted music library and player with subsonic protocol support.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2 class="mb-4 text-4xl font-bold">Security and Privacy</h2>
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<div class="py-2 max-w-96">
|
||||
<div class="flex items-center gap-4 mb-2">
|
||||
<img alt="" src="./static/logos/vaultwarden.png" class="w-16 h-16 rounded-full"/>
|
||||
<p class="text-3xl font-bold">Vaultwarden</p>
|
||||
</div>
|
||||
<p class="text-xl">Unofficial Bitwarden password manager compatible server.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h2 class="mb-4 text-4xl font-bold">Communication</h2>
|
||||
<div class="flex flex-wrap gap-4">
|
||||
<div class="py-2 max-w-96">
|
||||
<div class="flex items-center gap-4 mb-2">
|
||||
<img alt="" src="./static/logos/element.svg" class="w-16 h-16 rounded-full"/>
|
||||
<p class="text-3xl font-bold">Matrix</p>
|
||||
</div>
|
||||
<p class="text-xl">An open network for secure, decentralised communication.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="./static/js/checkstatus.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
7
static/logos/element.svg
Normal file
7
static/logos/element.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M100 200C155.228 200 200 155.228 200 100C200 44.7715 155.228 0 100 0C44.7715 0 0 44.7715 0 100C0 155.228 44.7715 200 100 200Z" fill="#0DBD8B"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M81.7169 46.5946C81.7169 42.5581 84.9959 39.2859 89.0408 39.2859C116.456 39.2859 138.681 61.4642 138.681 88.8225C138.681 92.859 135.401 96.1312 131.357 96.1312C127.312 96.1312 124.033 92.859 124.033 88.8225C124.033 69.5372 108.366 53.9033 89.0408 53.9033C84.9959 53.9033 81.7169 50.6311 81.7169 46.5946Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M153.39 81.5137C157.435 81.5137 160.714 84.7859 160.714 88.8224C160.714 116.181 138.49 138.359 111.075 138.359C107.03 138.359 103.751 135.087 103.751 131.05C103.751 127.014 107.03 123.742 111.075 123.742C130.4 123.742 146.066 108.108 146.066 88.8224C146.066 84.7859 149.345 81.5137 153.39 81.5137Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M118.398 153.405C118.398 157.442 115.119 160.714 111.074 160.714C83.6592 160.714 61.4347 138.536 61.4347 111.177C61.4347 107.141 64.7138 103.869 68.7587 103.869C72.8035 103.869 76.0826 107.141 76.0826 111.177C76.0826 130.463 91.7489 146.097 111.074 146.097C115.119 146.097 118.398 149.369 118.398 153.405Z" fill="white"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6097 118.486C42.5648 118.486 39.2858 115.214 39.2858 111.178C39.2858 83.8193 61.5102 61.6409 88.9255 61.6409C92.9704 61.6409 96.2494 64.9132 96.2494 68.9497C96.2494 72.9862 92.9704 76.2584 88.9255 76.2584C69.6 76.2584 53.9337 91.8922 53.9337 111.178C53.9337 115.214 50.6546 118.486 46.6097 118.486Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
BIN
static/logos/immich.png
Normal file
BIN
static/logos/immich.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
static/logos/navidrome.png
Normal file
BIN
static/logos/navidrome.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
static/logos/nextcloud.png
Normal file
BIN
static/logos/nextcloud.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
static/logos/vaultwarden.png
Normal file
BIN
static/logos/vaultwarden.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7 KiB |
BIN
static/logos/zipline.png
Normal file
BIN
static/logos/zipline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
|
|
@ -611,6 +611,14 @@ video {
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.mb-2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.mb-8 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
|
|
@ -639,6 +647,10 @@ video {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.h-16 {
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
.w-6 {
|
||||
width: 1.5rem;
|
||||
}
|
||||
|
|
@ -651,10 +663,26 @@ video {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.w-16 {
|
||||
width: 4rem;
|
||||
}
|
||||
|
||||
.max-w-screen-xl {
|
||||
max-width: 1280px;
|
||||
}
|
||||
|
||||
.max-w-96 {
|
||||
max-width: 24rem;
|
||||
}
|
||||
|
||||
.list-inside {
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.list-disc {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
|
@ -667,6 +695,10 @@ video {
|
|||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
|
@ -691,6 +723,10 @@ video {
|
|||
gap: 2rem;
|
||||
}
|
||||
|
||||
.gap-0 {
|
||||
gap: 0px;
|
||||
}
|
||||
|
||||
.rounded-full {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
|
@ -733,6 +769,20 @@ video {
|
|||
padding: 1rem;
|
||||
}
|
||||
|
||||
.py-2 {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.py-1 {
|
||||
padding-top: 0.25rem;
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.pb-8 {
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
|
|
@ -753,6 +803,16 @@ video {
|
|||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.text-8xl {
|
||||
font-size: 6rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.text-3xl {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue