mirror of
https://github.com/wah-su/wah-su.github.io.git
synced 2025-04-06 08:14:40 +00:00
add content to the page
This commit is contained in:
parent
f7d591e9f8
commit
adaa5a8c9b
GPG key ID:
858E8EE696525EED
10 changed files with 2076 additions and 4 deletions
44
index.html
44
index.html
|
|
@ -2,14 +2,52 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>wah.su</title>
|
||||
<link href="/public/output.css" rel="stylesheet">
|
||||
<link href="/public/output.css" rel="stylesheet" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header class="shadow-lg pt-4 pb-6 sticky top-0 left-0">
|
||||
<div class="flex flex-row gap-2 items-center container max-w-[1440px] justify-between">
|
||||
<div><img src="/public/images/logo-light.svg" alt="wah.su" /></div>
|
||||
<div class="flex flex-row items-center justify-center">
|
||||
<button type="button"
|
||||
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">
|
||||
Sign in
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container max-w-[1440px] mt-14 text-center">
|
||||
<h1 class="font-bold text-8xl">Welcome to wah.su!</h1>
|
||||
<!--noformat-->
|
||||
<p class="max-w-[840px] mx-auto mt-6 text-gray-800 text-left whitespace-pre">
|
||||
Looking for a cozy, reliable den away from tech companies? You've come
|
||||
to the right place! wah.su is all about providing a safe and stable
|
||||
environment for your projects.
|
||||
|
||||
Run by yours truly, @radiquum, we believe in quality over quantity, which is why access is currently invite-only.
|
||||
Interested in joining the pack? Reach out to me to sniff out an invitation.
|
||||
</p>
|
||||
<!--noformat-->
|
||||
</div>
|
||||
|
||||
<div class="container max-w-[1440px] mt-14">
|
||||
<h1 class="font-bold text-4xl mb-4">Currently hosting</h1>
|
||||
<div class="flex flex-row gap-2" id="services">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/public/js/flowbite.min.js"></script>
|
||||
<script src="/public/js/cards.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
public/images/immich.png
Normal file
BIN
public/images/immich.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
27
public/images/logo-light.svg
Normal file
27
public/images/logo-light.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 7.3 KiB |
BIN
public/images/nextcloud.png
Normal file
BIN
public/images/nextcloud.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
BIN
public/images/vaultwarden.png
Normal file
BIN
public/images/vaultwarden.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
public/images/zipline.png
Normal file
BIN
public/images/zipline.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
68
public/js/cards.js
Normal file
68
public/js/cards.js
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
const cards = [
|
||||
{
|
||||
image: "/public/images/vaultwarden.png",
|
||||
name: "Vaultwarden",
|
||||
description: "Unofficial Bitwarden compatible server.",
|
||||
about: "https://github.com/dani-garcia/vaultwarden",
|
||||
url: "https://vault.wah.su",
|
||||
},
|
||||
{
|
||||
image: "/public/images/nextcloud.png",
|
||||
name: "Nextcloud",
|
||||
description:
|
||||
"productivity suite, offering file sharing and collaboration tools.",
|
||||
about: "https://nextcloud.com/",
|
||||
url: "https://cloud.wah.su",
|
||||
},
|
||||
{
|
||||
image: "/public/images/immich.png",
|
||||
name: "Immich",
|
||||
description: "platform for managing and browsing your photos.",
|
||||
about: "https://immich.app",
|
||||
url: "https://photos.wah.su",
|
||||
},
|
||||
{
|
||||
image: "/public/images/zipline.png",
|
||||
name: "Zipline",
|
||||
description: "image uploading with ShareX compatibility.",
|
||||
about: "https://zipline.diced.sh/",
|
||||
url: "https://x.wah.su",
|
||||
},
|
||||
];
|
||||
const services = document.getElementById("services");
|
||||
|
||||
window.onload = function () {
|
||||
for (let index = 0; index < cards.length; index++) {
|
||||
const template = `
|
||||
<img class="rounded-t-lg object-cover h-[192px] w-full" src="${cards[index].image}" alt="" />
|
||||
<div class="p-5">
|
||||
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">${cards[index].name}
|
||||
</h5>
|
||||
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400">${cards[index].description}
|
||||
</p>
|
||||
<div class="flex gap-1">
|
||||
<a href="${cards[index].about}" target="_blank"
|
||||
class="py-2.5 px-5 me-2 mb-2 text-sm font-medium text-gray-900 focus:outline-none bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700">
|
||||
Read more
|
||||
</a>
|
||||
<a href="${cards[index].url}"
|
||||
class="inline-flex justify-center items-center text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">
|
||||
open
|
||||
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true"
|
||||
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
||||
stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
const element = document.createElement("div");
|
||||
element.className =
|
||||
"max-w-[298px] bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700";
|
||||
element.innerHTML = template;
|
||||
|
||||
services.appendChild(element);
|
||||
}
|
||||
};
|
||||
2
public/js/flowbite.min.js
vendored
Normal file
2
public/js/flowbite.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1929
public/output.css
1929
public/output.css
File diff suppressed because it is too large
Load diff
|
|
@ -1,7 +1,15 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: ["./src/**/*.{html,js}", "./node_modules/flowbite/**/*.js"],
|
||||
content: [
|
||||
"./index.html",
|
||||
"./src/**/*.{html,js}",
|
||||
"./public/js/cards.js",
|
||||
"./node_modules/flowbite/**/*.js",
|
||||
],
|
||||
theme: {
|
||||
container: {
|
||||
center: true,
|
||||
},
|
||||
extend: {},
|
||||
},
|
||||
plugins: [require("flowbite/plugin")],
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue