mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-04-05 15:54:34 +00:00
396 lines
No EOL
29 KiB
HTML
396 lines
No EOL
29 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 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-[46.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-[53.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" target="_blank" referrerpolicy="origin">"wah.su/photos"</a></p>
|
||
<p class="ml-8"> - Self-Hosting Enthusiast: <a class="text-bg-pink hover:underline"
|
||
href="https://home.wah.su" target="_blank" referrerpolicy="origin">"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" target="_blank" referrerpolicy="origin">"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 min-h-screen 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-wrap justify-center gap-8 mx-auto w-fit">
|
||
<div class="flex flex-col w-[416px]">
|
||
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-bg-gray">
|
||
<p class="font-bold text-4xl p-[8px]">Tech enthusiast</p>
|
||
</div>
|
||
<div class="relative w-[416px] min-h-[196px] p-[16px] flex justify-center bg-bg-gray bg-opacity-50">
|
||
<p class="text-2xl font-light">I'm a tech enthusiast with a passion for software development. I love diving into code and exploring new software, though hardware fascinates me too.</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-8 w-fit">
|
||
<div class="flex flex-col w-[416px]">
|
||
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-bg-gray">
|
||
<p class="font-bold text-4xl p-[8px]">Self-Hosting stuff</p>
|
||
</div>
|
||
<div class="relative w-[416px] min-h-[196px] p-[16px] flex justify-center bg-bg-gray bg-opacity-50">
|
||
<p class="text-2xl font-light">I'm really into self-hosting through my <a class="text-bg-pink hover:underline" href="https://home.wah.su" target="_blank" referrerpolicy="origin">wah.su</a> project, which helps me dive into server management and hosting platforms.</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col w-[416px]">
|
||
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-green-500">
|
||
<p class="font-bold text-4xl p-[8px]">Photographer</p>
|
||
</div>
|
||
<div class="relative w-[416px] p-[16px] flex justify-center bg-green-500 bg-opacity-50">
|
||
<p class="text-2xl font-light">I’m also getting into <a class="text-bg-pink hover:underline" href="https://wah.su/photos" target="_blank" referrerpolicy="origin">photography</a> and excited to share my progress.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col w-[416px] xl:-mt-[248px] 2xl:-mt-0">
|
||
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-orange-600">
|
||
<p class="font-bold text-4xl p-[8px]">Red Pandas admirer</p>
|
||
</div>
|
||
<div class="relative w-[416px] min-h-[196px] p-[16px] flex justify-center bg-orange-600 bg-opacity-50">
|
||
<p class="text-2xl font-light">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 <a class="text-bg-pink hover:underline" href="https://wahs.wah.su" target="_blank" referrerpolicy="origin">Red Panda Stickers Telegram channel</a>. Plus, I’ve curated a <a class="text-bg-pink hover:underline" href="https://home.wah.su" target="_blank" referrerpolicy="origin">collection</a> of over 3000 red panda photos and videos.</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-8 w-fit">
|
||
<div class="flex flex-col w-[416px]">
|
||
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-bg-pink">
|
||
<p class="font-bold text-4xl p-[8px]">Music</p>
|
||
</div>
|
||
<div class="relative w-[416px] min-h-[196px] p-[16px] flex justify-center bg-bg-pink bg-opacity-50">
|
||
<p class="text-2xl font-light">I listen a lot of various music, but mainly listen to EDM \ Happy Hardcore \ Tech \ Rock \ Alternative. By artist like: S3RL, Camellia, t+pazolite, BTMH, Saint Motel, and more...</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col w-[416px]">
|
||
<div class="relative w-[416px] h-[120px] flex justify-center items-center bg-bg-blue">
|
||
<p class="font-bold text-4xl p-[8px]">Contact</p>
|
||
</div>
|
||
<div class="relative w-[416px] p-[16px] flex justify-center bg-bg-blue bg-opacity-50">
|
||
<p class="text-2xl font-light">Feel free to reach out anytime! Ways to contact me via instant messengers are available in <a class="text-bg-pink hover:underline" href="#section_links">links</a> section!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container min-h-screen py-6 text-white scroll-mt-12" id="section_links">
|
||
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">LINKS</h1>
|
||
<div class="flex flex-wrap justify-center gap-8 mx-auto 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 overflow-hidden" id="photos-image">
|
||
<img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform duration-[var(--transform-duration,150ms)]" alt=""
|
||
src="./static/assets/photo_building.png" data-section-image="photos" data-slide="0" data-photo="photo_building" />
|
||
<img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform duration-[var(--transform-duration,150ms)]" alt=""
|
||
src="./static/assets/photo_dandelion.png" data-section-image="photos" data-slide="1" data-photo="photo_dandelion" />
|
||
<img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform duration-[var(--transform-duration,150ms)]" alt=""
|
||
src="./static/assets/photo_flowers.png" data-section-image="photos" data-slide="2" data-photo="photo_flowers" />
|
||
<img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform duration-[var(--transform-duration,150ms)]" alt=""
|
||
src="./static/assets/photo_plush.png" data-section-image="photos" data-slide="3" data-photo="photo_plush" />
|
||
<img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform duration-[var(--transform-duration,150ms)]" alt=""
|
||
src="./static/assets/photo_tower.png" data-section-image="photos" data-slide="4" data-photo="photo_tower" />
|
||
<img class="absolute inset-0 object-cover w-full h-full -z-10 translate-y-[var(--transform-y,0)] transition-transform duration-[var(--transform-duration,150ms)]" alt=""
|
||
src="./static/assets/photo_trains.png" data-section-image="photos" data-slide="5" data-photo="photo_trains" />
|
||
<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-8 xl:gap-4 xl:-mt-[196px] 2xl:-mt-0">
|
||
<!-- 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>
|
||
<a class="w-[200px] h-[81px] border-transparent border-2 border-solid transition-[border-color]"
|
||
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" 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>
|
||
</a>
|
||
</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> |