wah.su/wah-su.github.io
1
0
Fork 0
mirror of https://github.com/wah-su/wah-su.github.io.git synced 2025-05-24 21:59:35 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: make website more responsive

Browse source
This commit is contained in:
Kentai Radiquum 2024-05-19 19:26:32 +05:00
parent a9c029164f
commit 2fa98c366a
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 100 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

14
index.html
View file

@ -10,7 +10,7 @@
<body class="light dark:bg-slate-900" id="body">
<header class="shadow-lg pt-4 pb-6 sticky top-0 left-0 bg-slate-50 dark:bg-slate-800">
<div class="flex flex-row gap-2 items-center container max-w-[1440px] justify-between px-4">
<div class="flex flex-col md:flex-row gap-2 items-center container max-w-[1440px] justify-between px-4">
<div><img src="/public/images/logo-light.svg" alt="wah.su" id="logo" /></div>
<div>
<a href="https://status.wah.su" class="flex flex-row items-center gap-2" target="_blank">
@ -46,12 +46,13 @@
</header>
<div class="container max-w-[1440px] mt-14 text-center px-4">
<h1 class="font-bold text-8xl text-gray-800 dark:text-slate-200">Welcome to wah.su!</h1>
<h1 class="font-bold text-6xl md:text-8xl text-gray-800 dark:text-slate-200">Welcome to wah.su!</h1>
<!--noformat-->
<p class="max-w-[840px] mx-auto mt-6 text-gray-700 dark:text-slate-300 text-left whitespace-pre">
<p class="max-w-[840px] mx-auto mt-6 text-gray-700 dark:text-slate-300 text-left w-full">
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.
</p>
<p class="max-w-[840px] mx-auto mt-6 text-gray-700 dark:text-slate-300 text-left w-full">
Run by yours truly, <a href="https://bento.me/radiquum" class="font-medium text-blue-600 dark:text-blue-500 hover:underline" target="_blank">@radiquum</a>, 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>
@ -59,8 +60,9 @@
</div>
<div class="container max-w-[1440px] mt-14 px-4 py-4">
<h1 class="font-bold text-4xl mb-4 text-gray-800 dark:text-slate-200">Currently hosting</h1>
<div class="flex flex-row gap-2 flex-wrap" id="services">
<h1 class="font-bold text-4xl md:ml-0 mb-4 text-gray-800 dark:text-slate-200">Currently
hosting</h1>
<div class="flex flex-row gap-2 flex-wrap justify-center md:justify-start" id="services">
</div>
</div>