2024-08-13 19:51:33 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< link rel = "stylesheet" href = "https://fenpa.ws//css/tailwind.css" >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > SoXX | Soxx Refsheet< / title >
< meta property = "og:title" content = "" / >
< meta property = "og:description" content = "" / >
< meta property = "og:type" content = "website" / >
< meta property = "og:url" content = "https://fenpa.ws/chars/soxx/" / >
< meta name = "twitter:title" content = "" / >
< meta name = "twitter:description" content = "" / >
< style >
:root{
--main: #f39a32;--secondary: #ad5000;--third: #2D161C;--eyes: #54a6b1;
}
< / style >
< / head >
< body class = "flex flex-col" >
< img src = "https://fenpa.ws//images/mainbg.webp" alt = "" class = "fixed inset-0 -z-10 h-full object-cover w-full" >
2024-08-13 20:38:49 +00:00
< nav class = "text-neutral-50 w-full fixed top-0 z-30 bg-neutral-900 flex-wrap duration-100 backdrop-blur-sm"
2024-08-13 19:51:33 +00:00
id="navbar">
< div class = "sm:mx-[15vw]" >
< div
class="container gap-5 justify-between items-center p-3 mx-auto flex">
< div class = "flex flex-wrap gap-1 items-center sm:gap-4" >
< a href = "/"
2024-08-13 20:43:10 +00:00
class="px-1 py-1 rounded sm:px-2 text-white hover:text-neutral-300 hover:font-bold">Home< / a >
2024-08-13 19:51:33 +00:00
< / div >
< div class = "ml-auto" >
2024-08-13 20:43:10 +00:00
< a href = "/impressum" class = "px-1 py-1 rounded sm:px-2 text-white hover:text-neutral-300 hover:font-bold" > Impressum< / a >
2024-08-13 19:51:33 +00:00
< / div >
< / div >
< / div >
< / nav >
< header class = "w-full relative p-60 grid place-items-center" >
< / header >
< div class = "relative w-full -mt-80 p-4 mb-8" >
< div class = "w-full" >
< div class = "bg-neutral-800 rounded-t max-w-7xl mx-auto mt-4" >
< div class = "p-4" >
< div class = "flex gap-4 justify-between" >
< div class = "flex-1" >
< div class = "prose prose-invert flex-1 mb-16" >
< h1 class = "text-[var(--main)]" > < b > SoXX< / b >
< / h1 >
< div class = "flex gap-4 flex-wrap ml-4" >
< span class = "" >
< b > gender:< / b > < span > Male< / span >
< / span >
< span class = "" >
< b > height:< / b > < span > Antro: 1,30m< / span >
< / span >
< span class = "" >
< b > weight:< / b > < span > 35,5KG< / span >
< / span >
< span class = "" >
< b > bodytype:< / b > < span > Normal< / span >
< / span >
< / div >
< / div >
< div class = "prose mb-4 prose-invert" >
< h2 class = "text-[var(--main)]" > About:< / h2 >
< div class = "ml-4" >
< p > SoXX is a happy little Fennec, enjoying the world ant life’ s by the motto “ Enjoy every day as much as you can” . He wants to help everybody as much as he can, even if it means that he goes into trubble for it.< / p >
< p > Soxx has special interest in Photography, gaming, It suff and website making.< / p >
< / div >
< / div >
< / div >
< div class = "hidden sm:flex flex-1 items-center" >
< div class = "" >
< img src = "https://fenpa.ws//images/soxx/spittyartz/SpittyArtz%20-%20Velentiensday.webp" class = "w-full aspect-auto"
alt="">
< / div >
< / div >
< / div >
< / div >
< div class = "w-full flex max-w-7xl mx-auto rouned mb-4" >
2024-08-17 21:54:34 +00:00
< div class = "flex-1 p-2 flex items-center justify-center cursor-pointer onhovercopy" data-clipboard = "#f39a32"
2024-08-13 19:51:33 +00:00
style="background:#f39a32">
2024-08-17 21:54:34 +00:00
< b class = "filter saturate-0 contrast-[9999999%] invert pointer-events-none hidden md:flex p-2 items-center gap-4 flex-wrap"
2024-08-13 19:51:33 +00:00
style="color:#f39a32">main: #f39a32< / b >
< / div >
2024-08-17 21:54:34 +00:00
< style >
.onhovercopy:hover b::after{
content: ' [click to copy]';
font-size: small;
}
< / style >
2024-08-13 19:51:33 +00:00
2024-08-17 21:54:34 +00:00
< div class = "flex-1 p-2 flex items-center justify-center cursor-pointer onhovercopy" data-clipboard = "#ad5000"
2024-08-13 19:51:33 +00:00
style="background:#ad5000">
2024-08-17 21:54:34 +00:00
< b class = "filter saturate-0 contrast-[9999999%] invert pointer-events-none hidden md:flex p-2 items-center gap-4 flex-wrap"
2024-08-13 19:51:33 +00:00
style="color:#ad5000">secondary: #ad5000< / b >
< / div >
2024-08-17 21:54:34 +00:00
< style >
.onhovercopy:hover b::after{
content: ' [click to copy]';
font-size: small;
}
< / style >
2024-08-13 19:51:33 +00:00
2024-08-17 21:54:34 +00:00
< div class = "flex-1 p-2 flex items-center justify-center cursor-pointer onhovercopy" data-clipboard = "#2D161C"
2024-08-13 19:51:33 +00:00
style="background:#2D161C">
2024-08-17 21:54:34 +00:00
< b class = "filter saturate-0 contrast-[9999999%] invert pointer-events-none hidden md:flex p-2 items-center gap-4 flex-wrap"
2024-08-13 19:51:33 +00:00
style="color:#2D161C">third: #2D161C< / b >
< / div >
2024-08-17 21:54:34 +00:00
< style >
.onhovercopy:hover b::after{
content: ' [click to copy]';
font-size: small;
}
< / style >
2024-08-13 19:51:33 +00:00
2024-08-17 21:54:34 +00:00
< div class = "flex-1 p-2 flex items-center justify-center cursor-pointer onhovercopy" data-clipboard = "#54a6b1"
2024-08-13 19:51:33 +00:00
style="background:#54a6b1">
2024-08-17 21:54:34 +00:00
< b class = "filter saturate-0 contrast-[9999999%] invert pointer-events-none hidden md:flex p-2 items-center gap-4 flex-wrap"
2024-08-13 19:51:33 +00:00
style="color:#54a6b1">eyes: #54a6b1< / b >
< / div >
2024-08-17 21:54:34 +00:00
< style >
.onhovercopy:hover b::after{
content: ' [click to copy]';
font-size: small;
}
< / style >
2024-08-13 19:51:33 +00:00
< / div >
< / div >
< div
class="bg-neutral-700 p-4 rounded-sm max-w-7xl mx-auto mt-4 prose prose-invert lg:pose-xl">
< div class = "flex gap-4 bg-neutral-700 p-4" >
< div class = "flex-1 prose prose-invert" >
< h3 > Likes:< / h3 >
< ul >
< li >
Happy people
< / li >
< li >
gaming
< / li >
< li >
cuddling
< / li >
< li >
go outside with friends
< / li >
< li >
nature
< / li >
< li >
technology
< / li >
< / ul >
< / div >
< div class = "md:flex-1" > < / div >
< div class = "flex-1 prose prose-invert" >
< h3 > Dislikes:< / h3 >
< ul >
< li >
Arrogant people
< / li >
< li >
fun killers
< / li >
< li >
cold weather
< / li >
< / ul >
< / div >
< / div >
< / div >
< div
class="bg-neutral-700 p-4 rounded-sm max-w-7xl mx-auto mt-4 prose prose-invert lg:pose-xl border-l-4 border-[var(--main)]">
< div class = "-ml-[4px]" >
< h2 class = "m-0 mb-2 text-[var(--main)]" > Notes:< / h2 >
SoXX is not an OC, he is me and shares my life!< br >
< / div >
< / div >
< div class = "bg-neutral-700 p-4 rounded-sm max-w-7xl mx-auto mt-4 pb-8" >
< div class = "prose prose-invert" >
< h1 > Images< / h1 >
< p > You can click on a folder to expand it< / p >
< div class = "flex gap-4 flex-wrap" >
< button
class="text-[var(--main)] px-4 py-2 rounded bg-neutral-800 hover:bg-neutral-900"
id="openAll">< b > Open All< / b > < / button >
< button
class="text-[var(--main)] px-4 py-2 rounded bg-neutral-800 hover:bg-neutral-900"
id="closeAll">< b > Close All< / b > < / button >
< / div >
< / div >
< div class = "" >
< div class = "galery-header mx-auto max-w-5xl" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
asabi< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/asabi/Asabi%20-%20A%20look%20into%20the%20Past%20[HIGH%20RES].webp"
loading="lazy" class="max-h-[250px]"
alt="Asabi - A look into the Past [HIGH RES].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/asabi/Asabi%20-%20A%20look%20into%20the%20Past%20[LOW%20RES].webp"
loading="lazy" class="max-h-[250px]"
alt="Asabi - A look into the Past [LOW RES].webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
asbel< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/asbel/Asbel%20-%20SoXX%20Undress%20[HIGH%20RES].webp"
loading="lazy" class="max-h-[250px]"
alt="Asbel - SoXX Undress [HIGH RES].webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
binturongboy< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/binturongboy/binturongboy%20-%20SoXX%20TF%20%28Gift%20from%20Nerox%29%20[TRANSPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="binturongboy - SoXX TF (Gift from Nerox) [TRANSPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/binturongboy/binturongboy%20-%20SoXX%20TF%20%28Gift%20from%20Nerox%29.webp"
loading="lazy" class="max-h-[250px]"
alt="binturongboy - SoXX TF (Gift from Nerox).webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
cyber< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/Cyber%20-%20EF%2025%20roomsign%20alt%20Jay%20x%20Soxx%20.webp"
loading="lazy" class="max-h-[250px]"
alt="Cyber - EF 25 roomsign alt Jay x Soxx .webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/Cyber%20-%20EF%2025%20roomsign%20cyb%20x%20luca.webp"
loading="lazy" class="max-h-[250px]"
alt="Cyber - EF 25 roomsign cyb x luca.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/Cyber%20-%20EF%2025%20roomsign%20paddy%20x%20arascane.webp"
loading="lazy" class="max-h-[250px]"
alt="Cyber - EF 25 roomsign paddy x arascane.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/Cyber%20-%20soxx%20jay%20luca%20cyber%20kintype%20artwork%20no%20shade.webp"
loading="lazy" class="max-h-[250px]"
alt="Cyber - soxx jay luca cyber kintype artwork no shade.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/cyber%20-%20soxx%20BDay%20%20halloween%20effect%201.webp"
loading="lazy" class="max-h-[250px]"
alt="cyber - soxx BDay halloween effect 1.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/cyber%20-%20soxx%20BDay%20Normal.webp"
loading="lazy" class="max-h-[250px]"
alt="cyber - soxx BDay Normal.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/cyber%20-%20soxx%20BDay%20halloween%20effect%202.webp"
loading="lazy" class="max-h-[250px]"
alt="cyber - soxx BDay halloween effect 2.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/cyber%20-%20soxx%20BDay%20halloween%20effect%20transparant.webp"
loading="lazy" class="max-h-[250px]"
alt="cyber - soxx BDay halloween effect transparant.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/cyber/cyber%20-%20soxx%20BDay%20shaded.webp"
loading="lazy" class="max-h-[250px]"
alt="cyber - soxx BDay shaded.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
dacia< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/dacia/Dacia%20-%20VR%20Advanture.webp"
loading="lazy" class="max-h-[250px]"
alt="Dacia - VR Advanture.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
eldnsay< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/eldnsay/Eldnsay%20-%20SoXX%20and%20Luca.webp"
loading="lazy" class="max-h-[250px]"
alt="Eldnsay - SoXX and Luca.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
elementelspirits< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/elementelspirits/ElementelSpirits%20-%20Hakerfen%20[NO%20WATERMARK].webp"
loading="lazy" class="max-h-[250px]"
alt="ElementelSpirits - Hakerfen [NO WATERMARK].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/elementelspirits/ElementelSpirits%20-%20Hakerfen%20[ORIG].webp"
loading="lazy" class="max-h-[250px]"
alt="ElementelSpirits - Hakerfen [ORIG].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/elementelspirits/ElementelSpirits%20-%20Hakerfen%20[SCANLINES].webp"
loading="lazy" class="max-h-[250px]"
alt="ElementelSpirits - Hakerfen [SCANLINES].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/elementelspirits/ElementelSpirits%20-%20Hakerfen.webp"
loading="lazy" class="max-h-[250px]"
alt="ElementelSpirits - Hakerfen.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
jay< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div class = "p-4 prose-invert prose" >
< h3 class = "text-[var(--main)]" > Jay< / h3 >
< p > Everyone' s favourite noodle, authoritative sources say ' the best ferret ever, 11/10' .< / p >
< div class = "flex gap-4 flex-wrap" >
< a href = "https://www.furaffinity.net/user/kazucreations" > www.furaffinity.net< / a >
< a href = "https://t.me/kazucreations" > t.me< / a >
< a href = "https://kazucreations.com/" > kazucreations.com< / a >
< / div >
< / div >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20ACNH%20[TRANCPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - ACNH [TRANCPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20ACNH.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - ACNH.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Flower%20Power.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Flower Power.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Forever%20%28Jahrestag%20+%20EDIT%29.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Forever (Jahrestag + EDIT).webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Forever%20%28Jahrestag%29.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Forever (Jahrestag).webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Halloween%202023.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Halloween 2023.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Luca%20and%20SoXX%20%28EDIT%29.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Luca and SoXX (EDIT).webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Luca%20and%20SoXX.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Luca and SoXX.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Ottn%20Water%20%28ALT%29.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Ottn Water (ALT).webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Ottn%20Water.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Ottn Water.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20Pride%202023.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - Pride 2023.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SeroXX%20FUSION.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SeroXX FUSION.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SeroXX%20[TRANSPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SeroXX [TRANSPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20Badge.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX Badge.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20Gaming%20.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX Gaming .webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20Gaming%20[TRANSPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX Gaming [TRANSPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20and%20Friends.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX and Friends.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20and%20Luca%20in%20Kigu.png%20[TRANSPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX and Luca in Kigu.png [TRANSPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20and%20Luca%20in%20Kigu.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX and Luca in Kigu.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20in%20the%20Dark.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX in the Dark.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20SoXX%20und%20Jay%20-%20Kuscheln.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - SoXX und Jay - Kuscheln.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20The%20RING%20[TRANCPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - The RING [TRANCPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20The%20RING.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - The RING.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20a%20bit%20of%20chub.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - a bit of chub.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/jay/Jay%20-%20a%20nice%20present.webp"
loading="lazy" class="max-h-[250px]"
alt="Jay - a nice present.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
kitchidrachenblut< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/kitchidrachenblut/KitchiDrachenblut%20-%20Owner%20SoXX%20[TRANSPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="KitchiDrachenblut - Owner SoXX [TRANSPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/kitchidrachenblut/KitchiDrachenblut%20-%20Owner%20SoXX.webp"
loading="lazy" class="max-h-[250px]"
alt="KitchiDrachenblut - Owner SoXX.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
kyanitethedraptor< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/kyanitethedraptor/KyaniteTheDraptor%20-%20River%20Advanture%20[16zu9].webp"
loading="lazy" class="max-h-[250px]"
alt="KyaniteTheDraptor - River Advanture [16zu9].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/kyanitethedraptor/KyaniteTheDraptor%20-%20River%20Advanture%20[ALT].webp"
loading="lazy" class="max-h-[250px]"
alt="KyaniteTheDraptor - River Advanture [ALT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/kyanitethedraptor/KyaniteTheDraptor%20-%20River%20Advanture.webp"
loading="lazy" class="max-h-[250px]"
alt="KyaniteTheDraptor - River Advanture.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
magenta< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/magenta/Magenta%20-%20SoXX%20and%20Jay.webp"
loading="lazy" class="max-h-[250px]"
alt="Magenta - SoXX and Jay.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/magenta/Magenta7%20-%20SoXX%20-%20Back%20.webp"
loading="lazy" class="max-h-[250px]"
alt="Magenta7 - SoXX - Back .webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
neko< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/neko/Neko%20-%20Jay%20and%20SoXX%202019.png%20[TRANSPARENT].webp"
loading="lazy" class="max-h-[250px]"
alt="Neko - Jay and SoXX 2019.png [TRANSPARENT].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/neko/Neko%20-%20Jay%20and%20SoXX%202019.webp"
loading="lazy" class="max-h-[250px]"
alt="Neko - Jay and SoXX 2019.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/neko/Neko%20-%20Pride%202023.PNG"
loading="lazy" class="max-h-[250px]"
alt="Neko - Pride 2023.PNG" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/neko/Neko%20-%20SCREE.svg"
loading="lazy" class="max-h-[250px]"
alt="Neko - SCREE.svg" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/neko/Neko%20-%20SCREE.webp"
loading="lazy" class="max-h-[250px]"
alt="Neko - SCREE.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
RainbowT< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/RainbowT/2021-08.jorden.webp"
loading="lazy" class="max-h-[250px]"
alt="2021-08.jorden.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/RainbowT/2021-08.jorden1.webp"
loading="lazy" class="max-h-[250px]"
alt="2021-08.jorden1.webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/RainbowT/2021-08.jorden2.webp"
loading="lazy" class="max-h-[250px]"
alt="2021-08.jorden2.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
shuryashish< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/shuryashish/ShuryaSHISH%20-%20SoXX%20as%20Otter%20[EXTRA%20DETAIL%20DARK].webp"
loading="lazy" class="max-h-[250px]"
alt="ShuryaSHISH - SoXX as Otter [EXTRA DETAIL DARK].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/shuryashish/ShuryaSHISH%20-%20SoXX%20as%20Otter%20[EXTRA%20DETAIL%20WHITE].webp"
loading="lazy" class="max-h-[250px]"
alt="ShuryaSHISH - SoXX as Otter [EXTRA DETAIL WHITE].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/shuryashish/ShuryaSHISH%20-%20SoXX%20as%20Otter.webp"
loading="lazy" class="max-h-[250px]"
alt="ShuryaSHISH - SoXX as Otter.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
spittyartz< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/spittyartz/SpittyArtz%20-%20Velentiensday.webp"
loading="lazy" class="max-h-[250px]"
alt="SpittyArtz - Velentiensday.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< details class = "max-w-5xl mx-auto" data-galery-block >
< summary
class="mt-8 flex items-center bg-neutral-800 cursor-pointer px-2 py-1 w-full rounded hover:bg-[var(--main)] duration-75 group z-10">
< div class = "prose" >
< b
class="filter saturate-0 invert contrast-[100000%] pointer-events-none text-black group-hover:text-[var(--main)]">
//
thanshuhai< / b >
< / div >
< / summary >
< div class = "bg-neutral-900 -mt-1" >
< div
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4">
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/thanshuhai/thanshuhai%20-%20BLEP%20-%20Icon%20[WITH%20INFO].webp"
loading="lazy" class="max-h-[250px]"
alt="thanshuhai - BLEP - Icon [WITH INFO].webp" data-whitebox>
< / div >
< div class = "gallery-item" >
< img src = "https://fenpa.ws//images/soxx/thanshuhai/thanshuhai%20-%20BLEP%20-%20Icon.webp"
loading="lazy" class="max-h-[250px]"
alt="thanshuhai - BLEP - Icon.webp" data-whitebox>
< / div >
< / div >
< / div >
< / details >
< / div >
< script >
document.getElementById('openAll').addEventListener('click', () => {
document.querySelectorAll('[data-galery-block]')
.forEach(e => e.setAttribute('open', true))
})
document.getElementById('closeAll').addEventListener('click',
() => {
document.querySelectorAll('[data-galery-block]')
.forEach(e => e.removeAttribute('open'))
})
2024-08-17 21:54:34 +00:00
document.querySelectorAll('[data-clipboard]').forEach(el=>{
const colorValue = el.getAttribute('data-clipboard')
el.addEventListener('click',()=>{
navigator.clipboard.writeText(colorValue);
})
})
2024-08-13 19:51:33 +00:00
< / script >
< / div >
< / div >
< div class = "fixed inset-0 z-50 bg-black/90 hidden w-full h-screen overflow-hidden grid place-items-center cursor-pointer" id = "whiteboxRoot" >
< img src = "" alt = "" id = "whiteboxImage" class = "object-contain max-h-[90vh] max-w-[90vw] cursor-default" >
< / div >
< script >
const whiteboxRoot = document.getElementById('whiteboxRoot')
const whiteboxImage = document.getElementById('whiteboxImage')
function showWhitebox(src){
whiteboxImage.src = src
whiteboxRoot.classList.remove('hidden')
}
function closeWhitebox(){
whiteboxRoot.classList.add('hidden')
}
whiteboxRoot.addEventListener('click',function(event){
console.log(this,event.target);
if (this == event.target){
closeWhitebox()
}
})
document.querySelectorAll('[data-whitebox]').forEach(e=>{
e.addEventListener('click',()=>showWhitebox(e.src))
})
< / script >
< / div >
< / body >
< / html >