Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-04-05 15:54:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
radiquum.github.io/index.html

343 lines
No EOL
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 flex items-center justify-between gap-1 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 class="flex gap-2">
<a class="px-4 py-2 text-xl hover:underline bg-bg-gray" href="#section_about">ABOUT ME</a>
<a class="px-4 py-2 text-xl hover:underline bg-bg-gray" href="#section_links">LINKS</a>
</div>
</div>
</header>
<div class="container h-screen" id="section_landing">
<div class="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="flex 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="border-black border-4 hover:translate-x-2 hover:-translate-y-2 shadow-transparent hover:shadow-md hover:shadow-black transition-all border-t-8 border-l-8 border-solid w-[320px] h-[75px] flex items-end justify-end pr-2 pb-2 bg-bg-blue"
href="#section_about">ABOUT ME</a>
<a class="border-black border-4 hover:translate-x-2 hover:-translate-y-2 shadow-transparent hover:shadow-md hover:shadow-black transition-all border-t-8 border-l-8 border-solid w-[300px] h-[75px] flex items-end justify-end pr-2 pb-2 bg-bg-blue"
href="#section_links">LINKS</a>
</div>
</div>
</div>
<div class="container py-6 text-white scroll-mt-12" id="section_about">
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">ABOUT ME</h1>
<div class="flex flex-col gap-8 text-2xl font-light max-w-[1200px] mx-auto justify-center">
<p>Hi! I'm Kentai Radiquum 🐾, a tech enthusiast with a passion for software development. I love
diving into code and exploring new software, though hardware fascinates me too.</p>
<p>I’m also getting into photography and excited to share my progress 📸. I will be glad if you
will check them out and leave a feedback! </p>
<p>One of my biggest loves is red pandas — I can’t get enough of them! I’ve been collecting red
panda stickers and sharing them on the Red Panda Stickers Telegram channel. Plus, I’ve curated a
collection of over 3000 red panda photos and videos, available at wahs.wah.su.</p>
<p>I'm really into self-hosting through my wah.su project, which helps me dive into server
management and hosting platforms.</p>
<p>I listen a lot of various music, but mainly listen to EDM \ Happy Hardcore \ Tech \ Rock \
Alternative.<br />By artist like: S3RL, Camellia, t+pazolite, BTMH, Saint Motel, and more...</p>
<p>Feel free to reach out anytime! I will be happy to chat.</p>
</div>
</div>
<div class="container py-16 text-white scroll-mt-20" id="section_links">
<h1 class="mb-12 text-6xl font-bold text-center">LINKS</h1>
<div class="flex flex-wrap gap-8 w-fit">
<!-- Photo Links -->
<div class="flex flex-col w-[416px] gap-4">
<div class="relative w-[416px] h-[376px] flex justify-end items-end">
<img class="absolute inset-0 object-cover w-full h-full -z-10" alt=""
src="./static/assets/photos_section_image.png" />
<p class="font-bold text-[40px] leading-[1] p-[8px]">PHOTOS</p>
</div>
<div class="flex flex-wrap gap-4">
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://pixey.org/radiquum" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-black bg-white">
<img class="w-20 h-20 mx-auto" alt="" src="./static/assets/pixelfed.svg" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">pixey.org</p>
<p class="font-light text-[14px] leading-[1]">See the photos like in instagram</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://instafops.net/radiquwum" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-black bg-white">
<img class="w-20 h-20 mx-auto" alt="" src="./static/assets/pixelfed.svg" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">instafops.net</p>
<p class="font-light text-[14px] leading-[1]">Photos that more furry related</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[416px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://wah.su/photos" target="_blank" referrerpolicy="origin">
<div class="flex items-center justify-around w-full h-full p-2 text-black bg-white -z-10">
<img class="w-20 h-20" alt="" src="./static/assets/immich.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">wah.su/photos</p>
<p class="font-light text-[14px] leading-[1]">View gallery like in google photos</p>
</div>
</div>
</a>
</div>
</div>
<!-- Social Media Links -->
<div class="flex flex-col w-[416px] gap-4">
<div class="relative w-[416px] h-[180px] flex justify-end items-end bg-bg-blue">
<p class="font-bold text-[40px] leading-[1] p-[8px]">SOCIAL MEDIA</p>
</div>
<div class="flex flex-wrap gap-4">
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://furry.engineer/@radiquum" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-black bg-white">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/logos--mastodon-icon.svg" />
<div class="flex flex-col justify-end gap-1">
<p class="font-medium text-[24px] leading-[1]">Mastodon</p>
<p class="font-light text-[14px] leading-[1]">@radiquum@furry.engineer</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://bsky.app/profile/radiquum.wah.su" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-black bg-white">
<img class="w-16 mx-auto h-14" alt="" src="./static/assets/Bluesky_Logo.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Bluesky</p>
<p class="font-light text-[14px] leading-[1]">@radiquum.wah.su</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://x.com/radiquum" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-black bg-white">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/logos--twitter.svg" />
<div class="flex flex-col justify-end gap-1">
<p class="font-medium text-[24px] leading-[1]">Twitter</p>
<p class="font-light text-[14px] leading-[1]">@radiquum</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://vk.com/radiquum" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-black bg-white">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/VKLogo.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">VKontakte</p>
<p class="font-light text-[14px] leading-[1]">radiquum</p>
</div>
</div>
</a>
</div>
</div>
<!-- Projects Links -->
<div class="flex flex-col w-[416px] gap-4">
<div class="relative w-[416px] h-[180px] flex justify-end items-end bg-black">
<p class="font-bold text-[40px] leading-[1] p-[8px]">PROJECTS</p>
</div>
<a class="hover:border-bg-blue w-[416px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://anix.wah.su" target="_blank" referrerpolicy="origin">
<div class="relative flex items-end w-full h-full px-2 py-4">
<img class="absolute [filter:darken(10%)] inset-0 w-[416px] h-[180px] object-cover -z-10" alt=""
src="./static/assets/ANIX.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Anix</p>
<p class="font-light text-[14px] leading-[1]">Unofficial web client for Anixart android app,
made in Next.JS</p>
</div>
</div>
</a>
<div class="flex flex-wrap gap-4">
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://github.com/Radiquum/TG-Photos" target="_blank" referrerpolicy="origin">
<div
class="bg-[#0E1621] text-white w-full h-full p-2 flex flex-col justify-around relative overflow-hidden">
<img class="absolute [filter:darken(10%)] bottom-[50%] right-[15%] w-[173px] h-[100px]"
alt="" src="./static/assets/TG_Photos.png" />
<div class="flex flex-col justify-end h-full gap-1">
<p class="font-medium text-[24px] leading-[1]">TG-Photos</p>
<p class="font-light text-[14px] leading-[1]">Telegram bot to use telegram as a Google
Photo alternative</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://radiquum.github.io/WordGen" target="_blank" referrerpolicy="origin">
<div
class="bg-[#F5F5F5] text-black w-full h-full p-2 flex flex-col justify-around relative overflow-hidden">
<img class="absolute [filter:darken(10%)] top-0 left-0 right-0 w-[200px] object-cover"
alt="" src="./static/assets/WordGen.png" />
<div class="flex flex-col justify-end h-full gap-1">
<p class="font-medium text-[24px] leading-[1]">WordGen</p>
<p class="font-light text-[14px] leading-[1]">Random word generator inspired by @tsoding
</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://github.com/Radiquum/furaffinity-dl" target="_blank" referrerpolicy="origin">
<div
class="relative flex flex-col justify-around w-full h-full p-2 overflow-hidden text-white bg-black">
<div class="flex flex-col justify-end h-full gap-1">
<p class="font-medium text-[24px] leading-[1]">furaffinity-dl</p>
<p class="font-light text-[14px] leading-[1]">Modification of the original project to
add more functionality</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[180px] border-transparent border-2 border-solid transition-[border-color]"
href="https://github.com/Radiquum" target="_blank" referrerpolicy="origin">
<div class="flex flex-col justify-around w-full h-full p-2 text-white bg-black">
<img class="mx-auto w-14 h-14" alt="" src="./static/assets/github-mark-white.png" />
<div class="flex flex-col justify-end gap-1">
<p class="font-medium text-[24px] leading-[1]">Github</p>
<p class="font-light text-[14px] leading-[1]">View my other repositories</p>
</div>
</div>
</a>
</div>
</div>
<!-- Contact and Friends links Links -->
<div class="flex flex-col w-[416px] gap-4">
<!-- Contact Links -->
<div class="flex flex-col gap-4">
<div class="relative w-[416px] h-[180px] flex justify-end items-end bg-bg-pink">
<p class="font-bold text-[40px] leading-[1] p-[8px]">CONTACT</p>
</div>
<div class="flex flex-wrap gap-4">
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://t.me/radiquum" target="_blank" referrerpolicy="origin">
<div class="flex items-center w-full h-full gap-2 px-4 py-2 text-black bg-white">
<img class="w-10 h-10" alt="" src="./static/assets/Telegram.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Telegram</p>
<p class="font-light text-[14px] leading-[1]">@radiquum</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://matrix.to/#/@radiquum:wah.su" target="_blank" referrerpolicy="origin">
<div class="flex items-center w-full h-full gap-2 px-4 py-2 text-black bg-white">
<img class="w-10 h-10" alt="" src="./static/assets/matrix-favicon.svg" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Matrix</p>
<p class="font-light text-[14px] leading-[1]">@radiquum:wah.su</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://vk.com/radiquum" target="_blank" referrerpolicy="origin">
<div class="flex items-center w-full h-full gap-2 px-4 py-2 text-black bg-white">
<img class="w-10 h-10" alt="" src="./static/assets/VKLogo.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">VK</p>
<p class="font-light text-[14px] leading-[1]">radiquum</p>
</div>
</div>
</a>
<div class="bg-white text-black w-[200px] h-[81px] px-4 py-2 flex gap-2 items-center">
<img class="w-10" alt="" src="./static/assets/discord-mark-blue.png" />
<div class="flex flex-col gap-1">
<p class="font-medium text-[24px] leading-[1]">Discord</p>
<p class="font-light text-[14px] leading-[1]">radiquum</p>
</div>
</div>
</div>
</div>
<!-- Friends Links -->
<div class="flex flex-col gap-4">
<div class="relative w-[416px] h-[180px] flex justify-end items-end bg-black">
<p class="font-bold text-[40px] leading-[1] p-[8px] text-right">COLLECTIONS & FRIENDS</p>
</div>
<div class="flex flex-wrap gap-4">
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://t.me/red_panda_stickers" target="_blank" referrerpolicy="origin">
<div class="flex items-end w-full h-full gap-2 p-2 text-black bg-white">
<div class="flex flex-col gap-1">
<p class="font-medium text-[18px] leading-[1]">Red Pandas Stickers</p>
<p class="font-light text-[14px] leading-[1]">Telegram channel with red panda
sticker packs</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://wahs.wah.su" target="_blank" referrerpolicy="origin">
<div class="flex items-end w-full h-full gap-2 p-2 text-black bg-white">
<div class="flex flex-col gap-1">
<p class="font-medium text-[18px] leading-[1]">Red Panda Images</p>
<p class="font-light text-[14px] leading-[1]">Collection with 3000+ Photos and
Videos of a red pandas</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://vk.com/blepstash" target="_blank" referrerpolicy="origin">
<div class="flex items-end w-full h-full gap-2 p-2 text-black bg-white">
<div class="flex flex-col gap-1">
<p class="font-medium text-[18px] leading-[1]">blep stash</p>
<p class="font-light text-[14px] leading-[1]">VK Group of a photographer. City and
Trains photography</p>
</div>
</div>
</a>
<a class="hover:border-bg-blue w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
href="https://github.com/itc1205" target="_blank" referrerpolicy="origin">
<div class="flex items-end w-full h-full gap-2 p-2 text-black bg-white">
<div class="flex flex-col gap-1">
<p class="font-medium text-[18px] leading-[1]">itc1205</p>
<p class="font-light text-[14px] leading-[1]">Github profile of another furry
programmer</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<script src="./static/script.js"></script>
</body>
</html>
Reference in a new issue View git blame Copy permalink