mirror of
https://github.com/Radiquum/radiquum.github.io.git
synced 2025-04-05 15:54:34 +00:00
feat: add photo links
This commit is contained in:
parent
6d799ebd79
commit
5c9fb41381
GPG key ID:
858E8EE696525EED
5 changed files with 572 additions and 30 deletions
92
index.html
92
index.html
|
|
@ -1,17 +1,20 @@
|
|||
<!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">
|
||||
<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]"/>
|
||||
<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>
|
||||
|
|
@ -25,17 +28,18 @@
|
|||
<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]"/>
|
||||
<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>
|
||||
<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]"/>
|
||||
<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>
|
||||
|
|
@ -43,35 +47,81 @@
|
|||
<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>
|
||||
<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>
|
||||
<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 h-screen mx-auto text-white scroll-mt-32" id="section_about">
|
||||
<div class="container h-screen mx-auto text-white scroll-mt-40" 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 class="">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 class="">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 class="">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 class="">I'm really into self-hosting through my wah.su project, which helps me dive into server management and hosting platforms.</p>
|
||||
<p class="">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 class="">Feel free to reach out anytime! I will be happy to chat.</p>
|
||||
<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 h-screen mx-auto text-white scroll-mt-32" id="section_links">
|
||||
<div class="container h-screen mx-auto text-white scroll-mt-40" id="section_links">
|
||||
<h1 class="mt-16 mb-12 text-6xl font-bold text-center">LINKS</h1>
|
||||
<div class="flex flex-col gap-8 text-2xl font-light max-w-[1200px] mx-auto justify-center">
|
||||
|
||||
<div class="flex gap-8 mx-8">
|
||||
<div class="flex flex-col gap-4">
|
||||
<div class="relative w-[356px] h-[304px] flex justify-end items-end">
|
||||
<img class="absolute inset-0 w-[356px] h-[304px] object-cover -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 gap-4">
|
||||
<a href="https://pixey.org/radiquum" target="_blank" referrerpolicy="origin">
|
||||
<div class="bg-white text-black w-[170px] h-[150px] p-2">
|
||||
<img class="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 href="https://instafops.net/radiquwum" target="_blank" referrerpolicy="origin">
|
||||
<div class="bg-white text-black w-[170px] h-[150px] p-2">
|
||||
<img class="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>
|
||||
</div>
|
||||
<a href="https://wah.su/photos" target="_blank" referrerpolicy="origin">
|
||||
<div class="bg-white text-black w-[356px] h-[150px] p-2 flex justify-around items-center">
|
||||
<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>
|
||||
</div>
|
||||
<script src="./static/script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
static/assets/immich.png
Normal file
BIN
static/assets/immich.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
BIN
static/assets/photos_section_image.png
Normal file
BIN
static/assets/photos_section_image.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 197 KiB |
340
static/assets/pixelfed.svg
Normal file
340
static/assets/pixelfed.svg
Normal file
|
|
@ -0,0 +1,340 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
id="svg102"
|
||||
version="1.1"
|
||||
height="75"
|
||||
width="75">
|
||||
<metadata
|
||||
id="metadata106">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs56">
|
||||
<linearGradient
|
||||
id="g1"
|
||||
y2="0.60117739"
|
||||
x2="0"
|
||||
y1="0.55806792"
|
||||
x1="1">
|
||||
<stop
|
||||
id="stop2"
|
||||
offset="0"
|
||||
stop-color="#FF5C34" />
|
||||
<stop
|
||||
id="stop4"
|
||||
offset="1"
|
||||
stop-color="#EB0256" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="g2"
|
||||
y2="0"
|
||||
x2="0.30560157"
|
||||
y1="1.1191301"
|
||||
x1="0.5">
|
||||
<stop
|
||||
id="stop7"
|
||||
offset="0"
|
||||
stop-color="#FFB000" />
|
||||
<stop
|
||||
id="stop9"
|
||||
offset="1"
|
||||
stop-color="#FF7725" />
|
||||
</linearGradient>
|
||||
<filter
|
||||
x="-0.266"
|
||||
y="-0.189"
|
||||
width="1.5319999"
|
||||
height="1.472"
|
||||
filterUnits="objectBoundingBox"
|
||||
id="filter-18-3">
|
||||
<feOffset
|
||||
id="feOffset12"
|
||||
dx="0"
|
||||
dy="1"
|
||||
in="SourceAlpha"
|
||||
result="shadowOffsetOuter1" />
|
||||
<feGaussianBlur
|
||||
id="feGaussianBlur14"
|
||||
stdDeviation="1.5"
|
||||
in="shadowOffsetOuter1"
|
||||
result="shadowBlurOuter1" />
|
||||
<feColorMatrix
|
||||
id="feColorMatrix16"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.298686594 0"
|
||||
type="matrix"
|
||||
in="shadowBlurOuter1" />
|
||||
</filter>
|
||||
<linearGradient
|
||||
xlink:href="#g4"
|
||||
id="g3"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="scale(0.85441985,1.1703848)"
|
||||
x1="38.66045"
|
||||
y1="42.313534"
|
||||
x2="29.417906"
|
||||
y2="17.769199" />
|
||||
<linearGradient
|
||||
x1="38.66045"
|
||||
y1="42.313534"
|
||||
x2="29.417906"
|
||||
y2="17.769199"
|
||||
id="g4"
|
||||
gradientTransform="scale(0.85441985,1.1703848)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
id="stop20"
|
||||
stop-color="#21EFE3"
|
||||
offset="0%" />
|
||||
<stop
|
||||
id="stop22"
|
||||
stop-color="#2598FF"
|
||||
offset="100%" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
x1="32.778084"
|
||||
y1="31.292349"
|
||||
x2="-5.737164"
|
||||
y2="34.564075"
|
||||
id="g5"
|
||||
gradientTransform="scale(0.85441985,1.1703848)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
id="stop25"
|
||||
stop-color="#A63FDB"
|
||||
offset="0%" />
|
||||
<stop
|
||||
id="stop27"
|
||||
stop-color="#FF257E"
|
||||
offset="100%" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
xlink:href="#g1"
|
||||
id="g6"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="scale(0.85441985,1.1703848)"
|
||||
x1="26.799479"
|
||||
y1="19.639755"
|
||||
x2="6.4907837"
|
||||
y2="20.515251" />
|
||||
<linearGradient
|
||||
xlink:href="#g1"
|
||||
id="g7"
|
||||
x1="26.799479"
|
||||
y1="19.639755"
|
||||
x2="6.4907837"
|
||||
y2="20.515251"
|
||||
gradientTransform="matrix(0.73238181,-0.44005875,0.60279359,1.0032156,7.0612668,16.678016)"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
<linearGradient
|
||||
xlink:href="#g2"
|
||||
id="g8"
|
||||
x1="15.185128"
|
||||
y1="33.220253"
|
||||
x2="9.5916662"
|
||||
y2="1.0193164"
|
||||
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
<linearGradient
|
||||
xlink:href="#g10"
|
||||
id="g9"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="scale(0.85441984,1.1703848)"
|
||||
x1="16.690788"
|
||||
y1="19.195547"
|
||||
x2="57.873302"
|
||||
y2="21.720842" />
|
||||
<linearGradient
|
||||
x1="16.690788"
|
||||
y1="19.195547"
|
||||
x2="57.873302"
|
||||
y2="21.720842"
|
||||
id="g10"
|
||||
gradientTransform="scale(0.85441984,1.1703848)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
id="stop34"
|
||||
stop-color="#9EE85D"
|
||||
offset="0%" />
|
||||
<stop
|
||||
id="stop36"
|
||||
stop-color="#0ED061"
|
||||
offset="100%" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
x1="40.01442"
|
||||
y1="3.0503507"
|
||||
x2="21.610674"
|
||||
y2="22.693472"
|
||||
id="g11"
|
||||
gradientTransform="matrix(0.8028135,0.67363955,-0.61334952,0.73096044,33.373061,2.1802866)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
id="stop39"
|
||||
stop-color="#17C934"
|
||||
offset="0" />
|
||||
<stop
|
||||
id="stop41"
|
||||
stop-color="#03FF6E"
|
||||
offset="1" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
x1="31.906258"
|
||||
y1="22.861416"
|
||||
x2="56.143276"
|
||||
y2="28.198187"
|
||||
id="g12"
|
||||
gradientTransform="matrix(0.67306192,0.5647652,-0.7315899,0.87187364,33.373061,2.1802866)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
id="stop44"
|
||||
stop-color="#00FFF0"
|
||||
offset="0" />
|
||||
<stop
|
||||
id="stop46"
|
||||
stop-color="#0087FF"
|
||||
offset="1" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
x1="18.604218"
|
||||
y1="60.088772"
|
||||
x2="29.551889"
|
||||
y2="34.263325"
|
||||
id="g13"
|
||||
gradientTransform="matrix(0.93316856,0.78302028,-0.52767025,0.62885203,33.373061,2.1802866)"
|
||||
gradientUnits="userSpaceOnUse">
|
||||
<stop
|
||||
id="stop49"
|
||||
stop-color="#A63FDB"
|
||||
offset="0" />
|
||||
<stop
|
||||
id="stop51"
|
||||
stop-color="#FF257E"
|
||||
offset="1" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
xlink:href="#g1"
|
||||
id="g14"
|
||||
x1="30.973358"
|
||||
y1="27.509178"
|
||||
x2="1.1089396"
|
||||
y2="28.796618"
|
||||
gradientTransform="matrix(0.64006516,0.53707767,-0.76930493,0.9168206,33.373061,2.1802866)"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
<linearGradient
|
||||
xlink:href="#g2"
|
||||
id="g15"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.87275201,0.73232484,-0.56419841,0.67238452,33.373061,2.1802866)"
|
||||
x1="15.185128"
|
||||
y1="33.220253"
|
||||
x2="9.5916662"
|
||||
y2="1.0193164" />
|
||||
</defs>
|
||||
<path
|
||||
id="path58"
|
||||
d="M 37.344501,37.708859 C 33.27843,32.146166 25.502814,30.871306 19.977177,34.86138 14.451539,38.851453 13.268326,46.5955 17.334396,52.158194 l 0.307623,0.420851 C 11.011178,43.906438 10.684942,31.740724 17.295264,22.825752 l 0.117697,-0.1564 c 4.095389,-5.4421 11.877186,-6.487086 17.381128,-2.33404 5.503943,4.153045 6.6458,11.931447 2.550412,17.373547 z"
|
||||
style="fill:url(#g14)" />
|
||||
<path
|
||||
id="path60"
|
||||
d="m 37.344501,37.708859 c -6.472999,2.189353 -9.877881,9.222288 -7.605018,15.708503 2.272862,6.486214 9.362782,9.969509 15.835779,7.780157 l 0.428828,-0.145041 c -8.049827,2.880268 -17.427966,1.494994 -24.513119,-4.450146 -1.457037,-1.222598 -2.741004,-2.57418 -3.848952,-4.023287 L 17.334396,52.158194 C 13.268326,46.5955 14.451539,38.851453 19.977177,34.86138 25.502814,30.871306 33.27843,32.146166 37.344501,37.708859 Z"
|
||||
style="fill:url(#g13)" />
|
||||
<path
|
||||
id="path62"
|
||||
d="m 37.344501,37.708859 c 0.04163,6.84562 5.636761,12.42884 12.497071,12.470471 6.860311,0.04163 12.387942,-5.47409 12.346311,-12.319709 l -9.53e-4,-0.156747 c 0.07327,5.679151 -1.798009,11.388946 -5.714387,16.056296 -2.883411,3.436311 -6.515801,5.879029 -10.468453,7.293308 l -0.428828,0.145041 C 39.102265,63.386871 32.012345,59.903576 29.739483,53.417362 27.46662,46.931147 30.871502,39.898212 37.344501,37.708859 Z"
|
||||
style="fill:url(#g12)" />
|
||||
<path
|
||||
id="path64"
|
||||
d="M 37.344501,37.708859 C 43.881909,39.863866 50.867988,36.343413 52.948347,29.845706 55.028706,23.348 51.415553,16.33359 44.878144,14.178584 l -0.535192,-0.176422 c 3.149862,0.958982 6.167442,2.558035 8.855077,4.813224 5.838829,4.899353 8.898368,11.870026 8.988901,18.887488 l 9.53e-4,0.156747 c 0.04163,6.845619 -5.486,12.361341 -12.346311,12.319709 -6.86031,-0.04163 -12.45544,-5.624851 -12.497071,-12.470471 z"
|
||||
style="fill:url(#g11)" />
|
||||
<path
|
||||
id="path66"
|
||||
style="fill:url(#g15)"
|
||||
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
|
||||
<g
|
||||
id="g72"
|
||||
style="opacity:0.54425222;fill:none"
|
||||
transform="matrix(-0.37460713,0.92718385,-0.92718518,-0.37460659,81.342244,14.622857)">
|
||||
<path
|
||||
id="path68"
|
||||
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
|
||||
style="fill:url(#g9)" />
|
||||
<path
|
||||
id="path70"
|
||||
d="m 28.379451,9.2701483 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.4995351 16.252757,6.8142937 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.9304939 -11.066184,-10.9304939 -1.305803,0 -2.558782,0.223396 -3.7219,0.6336062 z"
|
||||
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49988679" />
|
||||
</g>
|
||||
<path
|
||||
id="path74"
|
||||
style="opacity:0.1;fill:url(#g8)"
|
||||
d="m 37.344501,37.708859 c 4.095388,-5.4421 2.953531,-13.220502 -2.550412,-17.373547 -5.503942,-4.153046 -13.285739,-3.10806 -17.381128,2.33404 l -0.117698,0.156401 c 0.293382,-0.395668 0.600429,-0.784933 0.921193,-1.167205 6.528123,-7.779903 16.895374,-10.466821 26.126496,-7.656386 l 0.535192,0.176422 c 6.537409,2.155006 10.150562,9.169416 8.070203,15.667122 -2.080359,6.497707 -9.066438,10.01816 -15.603846,7.863153 z" />
|
||||
<path
|
||||
id="path76"
|
||||
style="opacity:0.18013395;fill:url(#g7)"
|
||||
d="m 17.324475,22.990984 0.121843,-0.160265 c 4.165973,-5.47963 11.974565,-6.61226 17.440978,-2.529799 5.466411,4.082461 6.520625,11.834067 2.354651,17.313698 -0.564448,-0.835659 -1.214702,-1.579436 -1.931538,-2.227718 1.983791,-3.358057 2.123373,-7.64106 -0.0068,-11.186188 -3.109159,-5.1745 -9.87647,-6.817505 -15.115214,-3.669755 -1.119294,0.672539 -2.07825,1.509358 -2.863963,2.460027 z" />
|
||||
<g
|
||||
id="g82"
|
||||
style="opacity:0.18013395;fill:none"
|
||||
transform="matrix(0.85716853,-0.51503807,0.51503881,0.8571673,7.2277095,16.834214)">
|
||||
<path
|
||||
id="path78"
|
||||
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
|
||||
style="fill:url(#g6)" />
|
||||
<path
|
||||
id="path80"
|
||||
d="m 5.5458544,10.697205 0.1869826,-0.07462 c 6.39315,-2.5513278 13.669757,0.499535 16.252757,6.814294 2.583,6.314758 -0.505736,13.502141 -6.898886,16.053469 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904342 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591914 0,-6.036745 -4.9545,-10.930493 -11.0661847,-10.930493 -1.3058034,0 -2.5587821,0.223396 -3.7218999,0.633606 z"
|
||||
style="mix-blend-mode:multiply;fill:#000000;fill-opacity:0.77284307" />
|
||||
</g>
|
||||
<g
|
||||
id="g88"
|
||||
style="opacity:0.5841518;fill:none"
|
||||
transform="matrix(-0.22495138,-0.97437006,0.97437146,-0.22495105,-3.413458,67.921439)">
|
||||
<path
|
||||
id="path84"
|
||||
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
|
||||
style="fill:url(#g5)" />
|
||||
<path
|
||||
id="path86"
|
||||
d="m 10.654093,23.764822 0.186983,-0.07462 c 6.393149,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227732,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.75552,-5.45605 5.75552,-9.591913 0,-6.036745 -4.954499,-10.930493 -11.066184,-10.930493 -1.305803,0 -2.558782,0.223396 -3.7219,0.633606 z"
|
||||
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.50308539" />
|
||||
</g>
|
||||
<g
|
||||
id="g94"
|
||||
style="opacity:0.56222097;fill:none"
|
||||
transform="matrix(-0.99863096,-0.05233596,0.05233603,-0.99862953,69.65441,85.048735)">
|
||||
<path
|
||||
id="path90"
|
||||
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
|
||||
style="fill:url(#g3)" />
|
||||
<path
|
||||
id="path92"
|
||||
d="m 25.135241,22.73235 0.186983,-0.07462 c 6.39315,-2.551328 13.669757,0.499535 16.252757,6.814293 2.583001,6.314759 -0.505736,13.502142 -6.898886,16.05347 -0.05343,-1.007011 -0.227731,-1.979458 -0.50829,-2.904343 3.429966,-1.856689 5.755521,-5.45605 5.755521,-9.591913 0,-6.036745 -4.9545,-10.930494 -11.066185,-10.930494 -1.305803,0 -2.558782,0.223396 -3.7219,0.633607 z"
|
||||
style="mix-blend-mode:overlay;fill:#000000" />
|
||||
</g>
|
||||
<path
|
||||
id="path96"
|
||||
d="m 44.686954,14.115568 0.191202,0.06303 c 6.537408,2.155006 10.150561,9.169416 8.070202,15.667122 -2.080359,6.497706 -9.066438,10.01816 -15.603846,7.863153 0.606364,-0.805759 1.097919,-1.662736 1.477505,-2.551578 3.820968,0.782433 7.916076,-0.48 10.574561,-3.648255 3.88035,-4.624415 3.230624,-11.557934 -1.451204,-15.486449 -1.000306,-0.839354 -2.10374,-1.473623 -3.25842,-1.907021 z"
|
||||
style="mix-blend-mode:overlay;fill:#000000;fill-opacity:0.49617866" />
|
||||
<path
|
||||
id="path98"
|
||||
d="m 24.100846,55.523071 h 4.544831 c 4.281413,0 7.752184,-3.36365 7.752184,-7.512922 0,-4.149273 -3.470771,-7.512923 -7.752184,-7.512923 h -6.55954 c -2.470046,0 -4.472413,1.940568 -4.472413,4.334379 v 16.869977 z"
|
||||
style="fill:#000000;filter:url(#filter-18-3)"
|
||||
transform="matrix(1.0000014,0,0,1,11.284998,-12.5)" />
|
||||
<path
|
||||
id="path100"
|
||||
d="m 35.385879,43.023071 h 4.544837 c 4.281419,0 7.752195,-3.36365 7.752195,-7.512922 0,-4.149273 -3.470776,-7.512923 -7.752195,-7.512923 h -6.559549 c -2.47005,0 -4.47242,1.940568 -4.47242,4.334379 v 16.869977 z"
|
||||
style="fill:#ffffff" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -600,6 +600,10 @@ video {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
.inset-0 {
|
||||
inset: 0px;
|
||||
}
|
||||
|
||||
.left-0 {
|
||||
left: 0px;
|
||||
}
|
||||
|
|
@ -630,6 +634,16 @@ video {
|
|||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.mx-4 {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.mx-8 {
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
.mb-12 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
|
@ -650,6 +664,14 @@ video {
|
|||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.mt-20 {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
.mt-32 {
|
||||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -670,6 +692,42 @@ video {
|
|||
height: 100vh;
|
||||
}
|
||||
|
||||
.h-\[288px\] {
|
||||
height: 288px;
|
||||
}
|
||||
|
||||
.h-\[139px\] {
|
||||
height: 139px;
|
||||
}
|
||||
|
||||
.h-\[142px\] {
|
||||
height: 142px;
|
||||
}
|
||||
|
||||
.h-\[146px\] {
|
||||
height: 146px;
|
||||
}
|
||||
|
||||
.h-\[150px\] {
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.h-\[296px\] {
|
||||
height: 296px;
|
||||
}
|
||||
|
||||
.h-\[304px\] {
|
||||
height: 304px;
|
||||
}
|
||||
|
||||
.h-24 {
|
||||
height: 6rem;
|
||||
}
|
||||
|
||||
.h-20 {
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
.max-h-\[40vh\] {
|
||||
max-height: 40vh;
|
||||
}
|
||||
|
|
@ -706,6 +764,34 @@ video {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.w-\[342px\] {
|
||||
width: 342px;
|
||||
}
|
||||
|
||||
.w-\[167px\] {
|
||||
width: 167px;
|
||||
}
|
||||
|
||||
.w-\[170px\] {
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.w-\[350px\] {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.w-\[356px\] {
|
||||
width: 356px;
|
||||
}
|
||||
|
||||
.w-24 {
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.w-20 {
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
.max-w-\[1200px\] {
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
|
@ -726,10 +812,22 @@ video {
|
|||
scroll-margin-top: 8rem;
|
||||
}
|
||||
|
||||
.scroll-mt-20 {
|
||||
scroll-margin-top: 5rem;
|
||||
}
|
||||
|
||||
.scroll-mt-40 {
|
||||
scroll-margin-top: 10rem;
|
||||
}
|
||||
|
||||
.flex-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.items-start {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.items-end {
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
|
@ -750,6 +848,14 @@ video {
|
|||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.justify-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.gap-1 {
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.gap-12 {
|
||||
gap: 3rem;
|
||||
}
|
||||
|
|
@ -766,10 +872,6 @@ video {
|
|||
gap: 2rem;
|
||||
}
|
||||
|
||||
.gap-1 {
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.overflow-x-hidden {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
|
@ -824,10 +926,23 @@ video {
|
|||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.object-cover {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.p-8 {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.p-2 {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.p-\[8px\] {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.px-4 {
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
|
|
@ -838,6 +953,11 @@ video {
|
|||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.py-2 {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.py-4 {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
|
|
@ -848,11 +968,6 @@ video {
|
|||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.py-2 {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.pb-2 {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
|
@ -890,6 +1005,34 @@ video {
|
|||
line-height: 1.75rem;
|
||||
}
|
||||
|
||||
.text-\[40px\] {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
.text-\[20px\] {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.text-\[10px\] {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.text-\[16px\] {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.text-\[24px\] {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.text-\[14px\] {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.text-\[12px\] {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
|
@ -906,6 +1049,10 @@ video {
|
|||
font-weight: 600;
|
||||
}
|
||||
|
||||
.leading-\[1\] {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.text-bg-pink {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 71 139 / var(--tw-text-opacity));
|
||||
|
|
@ -916,6 +1063,11 @@ video {
|
|||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-black {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.opacity-\[var\(--header-opacity\2c 0\)\] {
|
||||
opacity: var(--header-opacity,0);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue