mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-04-05 15:54:34 +00:00
148 lines
No EOL
11 KiB
HTML
148 lines
No EOL
11 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>
|
||
<meta name="description"
|
||
content="Tech enthusiast with a passion for software development and self-hosting through my wah.su project. I'm also into photography and a big fan of red pandas, curating a collection of 3000+ photos and stickers telegram channel. I enjoy a variety of music genres, especially EDM, Tech, and Alternative. Feel free to reach out via instant messengers in the links section!">
|
||
<link href="./static/tailwind.css" rel="stylesheet">
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="./static/favicon/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="./static/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="./static/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="./site.webmanifest">
|
||
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="Kentai Radiquum">
|
||
<meta property="og:url" content="https://radiquum.wah.su">
|
||
<meta property="og:image" content="https://radiquum.wah.su/static/opengraph.png">
|
||
<meta property="og:image:type" content="image/png">
|
||
<meta property="og:description"
|
||
content="Tech enthusiast with a passion for software development and self-hosting through my wah.su project. I'm also into photography and a big fan of red pandas, curating a collection of 3000+ photos and stickers telegram channel. I enjoy a variety of music genres, especially EDM, Tech, and Alternative. Feel free to reach out via instant messengers in the links section!">
|
||
<meta property="og:image:width" content="1203">
|
||
<meta property="og:image:height" content="627">
|
||
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Kentai Radiquum">
|
||
<meta name="twitter:site" content="@radiquum">
|
||
<meta name="twitter:description"
|
||
content="Tech enthusiast with a passion for software development and self-hosting through my wah.su project. I'm also into photography and a big fan of red pandas, curating a collection of 3000+ photos and sti">
|
||
<meta name="twitter:image" content="https://radiquum.wah.su/static/opengraph.png">
|
||
|
||
</head>
|
||
|
||
<body class="overflow-x-hidden bg-bg-black">
|
||
<header class="sticky top-0 left-0 w-full text-white rounded-b-lg bg-bg-pink" id="header">
|
||
<div class="container flex flex-wrap gap-1 mx-auto sm:items-center sm:justify-between">
|
||
<a href="./index.html#landing">
|
||
<div class="flex items-center gap-4 px-4 py-2 sm:py-4">
|
||
<img src="./static/avatar_512.png" alt="" class=" rounded-lg w-[64px] lg:w-[64px] 2xl:w-[64px]" />
|
||
<h1 class="text-2xl font-semibold xl:text-3xl 2xl:text-4xl" data-i18n="NAME">KENTAI RADIQUUM</h1>
|
||
</div>
|
||
</a>
|
||
<div class="flex gap-1 px-4 mb-2 sm:px-0 sm:gap-2">
|
||
<a class="px-4 py-2 rounded-md sm:text-xl hover:underline bg-bg-gray" href="./index.html#about"
|
||
data-i18n="BTN_ABOUT_ME">ABOUT</a>
|
||
<a class="px-4 py-2 rounded-md sm:text-xl hover:underline bg-bg-gray" href="./index.html#links"
|
||
data-i18n="BTN_LINKS">LINKS</a>
|
||
<a class="px-4 py-2 rounded-md sm:text-xl hover:underline bg-bg-gray" href="./characters.html"
|
||
data-i18n="BTN_CHARACTERS">CHARACTERS</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<button
|
||
class="fixed z-50 flex items-center justify-center w-16 h-16 rounded-full shadow-md bottom-8 right-8 bg-bg-pink"
|
||
id="downloadBtn" onclick="showMenu()">
|
||
<img alt="" src="./static/assets/icon--download.svg" class="w-8" id="downloadBtn_icon" />
|
||
|
||
<div class="relative transition-all scale-0 -rotate-90 translate-x-4 z-100" id="downloadMenu">
|
||
<div class="absolute -right-4 bottom-12 w-max">
|
||
<a href="./static/assets/characters/KentaiRadiquum/Kentai_Radiquum_EN.pdf"
|
||
download="Kentai_Radiquum.pdf"
|
||
data-i18n-href="FULL_CHR_KR_DOWNLOAD_PDF_HREF"
|
||
class="flex items-center justify-start w-full gap-2 p-2 px-4 text-white rounded-lg bg-bg-pink">
|
||
<img alt="" src="./static/assets/icon--picture_as_pdf.svg" class="w-8 h-8" />
|
||
<p class="text-lg" data-i18n="FULL_CHR_KR_DOWNLOAD_PDF">Download PDF</p>
|
||
</a>
|
||
<a href="./static/assets/characters/KentaiRadiquum/Kentai_Radiquum.png" download="Kentai_Radiquum.png"
|
||
class="flex items-center justify-start w-full gap-2 p-2 px-4 mt-2 text-white rounded-lg bg-bg-pink">
|
||
<img alt="" src="./static/assets/icon--image.svg" class="w-8 h-8" />
|
||
<p class="text-lg" data-i18n="FULL_CHR_KR_DOWNLOAD_IMG">Download Reference</p>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</button>
|
||
|
||
<div class="container flex flex-col gap-16 px-4 py-8 mx-auto text-white">
|
||
<div class="flex flex-col gap-8">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_REF_TITLE">Reference</h1>
|
||
<img src="./static/assets/characters/KentaiRadiquum/Kentai_Radiquum.png" alt="Kentai Radiquum" />
|
||
</div>
|
||
<div class="flex flex-col gap-8">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_COLORS_TITLE">Colors</h1>
|
||
<div class="flex flex-col gap-4">
|
||
<p data-i18n="FULL_CHR_KR_COLORS_CHARACTER" class="text-3xl font-light">Character</p>
|
||
<div class="flex flex-wrap">
|
||
<div class="w-full h-[100px] flex-1 bg-[#ffb1ce] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#91d1fd] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#ffffff] "></div>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-4">
|
||
<p data-i18n="FULL_CHR_KR_COLORS_CLOTHES" class="text-3xl font-light">Clothes</p>
|
||
<div class="flex flex-wrap">
|
||
<div class="w-full h-[100px] flex-1 bg-[#492020] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#1c1a1d] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#39373b] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#494749] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#69676a] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#98959a] "></div>
|
||
<div class="w-full h-[100px] flex-1 bg-[#ffffff] "></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col gap-8">
|
||
<div class="flex flex-col gap-4">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_TITLE">Description</h1>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_NAME">Character Name: Kentai Radiquum</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_SPEC">Species: Red Panda</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_GEN">Gender: Male</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_BUI">Height and Build: Average height, slim build</p>
|
||
</div>
|
||
<div class="flex flex-col gap-4">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_APP_TITLE">Appearance</h1>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_APP_TEXT">His fur is pink with blue on his paws and hair, while his chest, paw tips, and tail lines stand out in white. He wears a stylish, slightly worn black denim jacket. His black-and-gray cargo pants with white straps complete the look, reflecting his practical nature and penchant for order (his pockets always have room for essentials like USB drives or candy). Around his neck, he sports a burgundy leather collar with a metal tag, showcasing his individuality. His outfit is rounded off with a T-shirt that boasts an amusingly honest caption: "I'm a programmer, I go click click click on the computer"</p>
|
||
</div>
|
||
<div class="flex flex-col gap-4">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_PERS_TITLE">Personality</h1>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_PERS_TEXT">Kentai is friendly but introverted. He values personal space and prefers socializing in small, trusted circles. His sarcastic sense of humor sometimes gives the impression of being reserved, but it conceals a deep kindness. He is curious, loves exploring new things, especially in the field of technology, and has a sharp mind. While he may seem calm outwardly, there’s a storm of ideas brewing inside him, which he’s constantly working to bring to life.</p>
|
||
</div>
|
||
<div class="flex flex-col gap-4">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_HOB_TITLE">Hobbies</h1>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HOB_PR">- Programming: Kentai practically lives and breathes code. To him, programming is not just work but an art form.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HOB_MU">- Music: A big fan of artists like S3RL, Camellia, Smash Into Pieces, Linkin Park, Porter Robinson, Saint Motel, and others.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HOB_PL">- Plush Toys: He has a special fondness for plush toys. His collection includes two red pandas and one large regular panda. These toys are a source of comfort and joy for him.</p>
|
||
</div>
|
||
<div class="flex flex-col gap-4">
|
||
<h1 class="text-4xl font-bold sm:text-6xl" data-i18n="FULL_CHR_KR_DESC_HAB_TITLE">Habits</h1>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_1">- Loves working at his own pace and often dives deeply into his projects.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_2">- When deeply focused, his tail gently wags.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_3">- Sometimes adjusts his collar while pondering a tough problem.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_4">- Enjoys listening to music while working.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_5">- Occasionally hums melodies from his favorite tracks, especially when feeling relaxed.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_6">- In debates, he tends to gesture rapidly.</p>
|
||
<p class="text-3xl font-light" data-i18n="FULL_CHR_KR_DESC_HAB_7">- Enjoys "cozy moments" — relaxing with one of his plush toys, wrapped in a blanket, and listening to music.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="./static/i18n/strings/ru.js"></script>
|
||
<script src="./static/i18n/i18n.js"></script>
|
||
<script src="./static/charactersMenu.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |