mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-04-06 08:14:34 +00:00
59 lines
No EOL
3.4 KiB
HTML
59 lines
No EOL
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="scroll-smooth">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Kentai Radiquum</title>
|
|
<link href="./static/tailwind.css" rel="stylesheet">
|
|
</head>
|
|
<body class="overflow-x-hidden bg-bg-black">
|
|
<header class="fixed top-0 left-0 right-0 z-10 w-full text-white opacity-[var(--header-opacity,0)] bg-bg-pink" id="header">
|
|
<div class="container mx-auto">
|
|
<a href="#section_landing">
|
|
<div class="flex items-center gap-4 px-4 py-4">
|
|
<img src="./static/avatar_512.png" alt="" class="w-[64px] lg:w-[64px] 2xl:w-[64px]"/>
|
|
<h1 class="text-xl font-semibold lg:text-2xl xl:text-3xl 2xl:text-4xl">KENTAI RADIQUUM</h1>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</header>
|
|
<div class="h-screen" id="section_landing">
|
|
<div class="container mx-auto text-white h-full max-h-[60vh] relative">
|
|
<div class="bg-bg-pink w-full h-full max-h-[60vh] max-w-[45.25%] absolute top-0 right-0 -z-10"></div>
|
|
<div class="flex items-center justify-center gap-12 px-8 py-8">
|
|
<img src="./static/avatar_512.png" alt="" class="w-[256px] lg:w-[372px] 2xl:w-[512px]"/>
|
|
<div>
|
|
<h1 class="text-2xl font-semibold lg:text-4xl xl:text-6xl 2xl:text-8xl">KENTAI RADIQUUM</h1>
|
|
<p class="text-2xl font-medium lg:text-3xl xl:text-4xl 2xl:text-5xl">Async / Await • Red panda / Protogen</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container flex mx-auto text-white h-full max-h-[40vh]">
|
|
<div class="max-w-[54.75%] bg-bg-gray py-4 w-full h-full">
|
|
<div class="flex items-center justify-between gap-2 px-4">
|
|
<img src="./static/file_icon.svg" alt="" class="w-[30px] h-[37px]"/>
|
|
<p class="text-3xl text-bg-pink">yaml</p>
|
|
</div>
|
|
<div class="bg-white w-full h-full max-h-[4px] my-4"></div>
|
|
<div class="px-4 text-2xl bio">
|
|
<p>BIO:</p>
|
|
<p class="ml-4"> Furry: <span class="text-bg-pink">true</span></p>
|
|
<p class="ml-4"> About: </p>
|
|
<p class="ml-8"> - Coder: <span class="text-bg-pink">"NEXT.js, Python"</span> </p>
|
|
<p class="ml-8"> - Photographer: <a class="text-bg-pink hover:underline" href="https://wah.su/photos">"wah.su/photos"</a></p>
|
|
<p class="ml-8"> - Self-Hosting Enthusiast: <a class="text-bg-pink hover:underline" href="https://home.wah.su">"wah.su"</a></p>
|
|
<p class="ml-4"> Listen: <a class="text-bg-pink hover:underline" href="https://last.fm/user/radiquum" id="track-name">"LOADING . . ."</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-end justify-end w-full max-w-[45%] gap-4 p-8 font-medium text-4xl mb-[3%]">
|
|
<a class="w-[320px] h-[75px] flex items-end justify-end pr-2 pb-2 bg-bg-blue hover:bg-opacity-85 transition-colors" href="#section_about">READ MORE</a>
|
|
<a class="w-[300px] h-[75px] flex items-end justify-end pr-2 pb-2 bg-bg-blue hover:bg-opacity-85 transition-colors" href="#">LINKS</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="h-screen" id="section_about">
|
|
|
|
</div>
|
|
<script src="./static/script.js"></script>
|
|
</body>
|
|
</html> |