1
0
homepage-build/index.html
2024-08-20 18:58:45 +00:00

190 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.131.0">
<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="SoXX" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://fenpa.ws/" />
<meta name="twitter:title" content="SoXX"/>
<meta name="twitter:description" content=""/>
<style>
:root {
--main: #f39a32;
}
</style>
</head>
<body class="flex flex-col min-h-screen">
<nav class="text-neutral-50 w-full fixed top-0 z-30 bg-neutral-900/50 flex-wrap duration-100 backdrop-blur-sm"
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="/"
class="px-1 py-1 rounded sm:px-2 text-white hover:text-neutral-300 hover:font-bold">Home</a>
</div>
<div class="ml-auto">
<a href="/impressum" class="px-1 py-1 rounded sm:px-2 text-white hover:text-neutral-300 hover:font-bold">Impressum</a>
</div>
</div>
</div>
</nav>
<img src="https://fenpa.ws//images/mainbg.webp" alt=""
class="fixed inset-0 -z-10 h-full object-cover w-full text-white">
<div class="w-full h-screen flex justify-center p-8 py-24">
<div class="pb-8 max-w-md w-full">
<div class="p-4 bg-neutral-900 rounded w-full max-w-md pt-16 mb-4">
<div class="prose prose-invert lg:prose-xl w-full">
<img src="https://fenpa.ws//images/index.webp" alt=""
class="rounded-full max-w-[200px] w-full mx-auto">
<h1 class="text-center text-[var(--main)]">SoXX
</h1>
<p
class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full justify-center">
<a href="https://featherworks.studio" class="hover:text-[var(--main)]">
Fursuitmaker
</a>
<span>
//
</span>
<a href="https://www.flickr.com/photos/soxxthefennec/" class="hover:text-[var(--main)]">
Photographer
</a>
<span>
//
</span>
<a href="https://gitlab.com/fenpaws" class="hover:text-[var(--main)]">
IT Boi
</a>
<span>
//
</span>
<a href="https://fenpa.ws/" class="hover:text-[var(--main)]">
Game Dev
</a>
<span>
</span>
</p>
<div
class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full not-prose p-4 justify-center">
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://twitter.com/fenpaws">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
<path fill="currentColor" d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z" />
</svg>
</a>
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://www.instagram.com/the_world_of_soxx/">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024">
<path fill="currentColor" d="M512 306.9c-113.5 0-205.1 91.6-205.1 205.1S398.5 717.1 512 717.1S717.1 625.5 717.1 512S625.5 306.9 512 306.9m0 338.4c-73.4 0-133.3-59.9-133.3-133.3S438.6 378.7 512 378.7S645.3 438.6 645.3 512S585.4 645.3 512 645.3m213.5-394.6c-26.5 0-47.9 21.4-47.9 47.9s21.4 47.9 47.9 47.9s47.9-21.3 47.9-47.9a47.84 47.84 0 0 0-47.9-47.9M911.8 512c0-55.2.5-109.9-2.6-165c-3.1-64-17.7-120.8-64.5-167.6c-46.9-46.9-103.6-61.4-167.6-64.5c-55.2-3.1-109.9-2.6-165-2.6c-55.2 0-109.9-.5-165 2.6c-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6c46.9 46.9 103.6 61.4 167.6 64.5c55.2 3.1 109.9 2.6 165 2.6c55.2 0 109.9.5 165-2.6c64-3.1 120.8-17.7 167.6-64.5c46.9-46.9 61.4-103.6 64.5-167.6c3.2-55.1 2.6-109.8 2.6-165m-88 235.8c-7.3 18.2-16.1 31.8-30.2 45.8c-14.1 14.1-27.6 22.9-45.8 30.2C695.2 844.7 570.3 840 512 840s-183.3 4.7-235.9-16.1c-18.2-7.3-31.8-16.1-45.8-30.2c-14.1-14.1-22.9-27.6-30.2-45.8C179.3 695.2 184 570.3 184 512s-4.7-183.3 16.1-235.9c7.3-18.2 16.1-31.8 30.2-45.8s27.6-22.9 45.8-30.2C328.7 179.3 453.7 184 512 184s183.3-4.7 235.9 16.1c18.2 7.3 31.8 16.1 45.8 30.2c14.1 14.1 22.9 27.6 30.2 45.8C844.7 328.7 840 453.7 840 512s4.7 183.2-16.2 235.8" />
</svg>
</a>
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://t.me/Fenpaws">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32">
<path fill="currentColor" d="M26.07 3.996a3 3 0 0 0-.933.223h-.004c-.285.113-1.64.683-3.7 1.547l-7.382 3.109c-5.297 2.23-10.504 4.426-10.504 4.426l.062-.024s-.359.118-.734.375a2 2 0 0 0-.586.567c-.184.27-.332.683-.277 1.11c.09.722.558 1.155.894 1.394c.34.242.664.355.664.355h.008l4.883 1.645c.219.703 1.488 4.875 1.793 5.836c.18.574.355.933.574 1.207q.157.21.379.351a1 1 0 0 0 .246.106l-.05-.012c.015.004.027.016.038.02c.04.011.067.015.118.023c.773.234 1.394-.246 1.394-.246l.035-.028l2.883-2.625l4.832 3.707l.11.047c1.007.442 2.027.196 2.566-.238c.543-.437.754-.996.754-.996l.035-.09l3.734-19.129c.106-.472.133-.914.016-1.343a1.8 1.8 0 0 0-.781-1.047a1.87 1.87 0 0 0-1.067-.27m-.101 2.05c-.004.063.008.056-.02.177v.011l-3.699 18.93c-.016.027-.043.086-.117.145c-.078.062-.14.101-.465-.028l-5.91-4.531l-3.57 3.254l.75-4.79l9.656-9c.398-.37.265-.448.265-.448c.028-.454-.601-.133-.601-.133l-12.176 7.543l-.004-.02l-5.836-1.965v-.004l-.015-.003l.03-.012l.032-.016l.031-.011s5.211-2.196 10.508-4.426c2.652-1.117 5.324-2.242 7.379-3.11a807 807 0 0 1 3.66-1.53c.082-.032.043-.032.102-.032z" />
</svg>
</a>
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://www.youtube.com/channel/UC2z03Q4PZlLheniXbS1fWBw">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
<g fill="none">
<path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" />
<path fill="currentColor" d="M12 4c.855 0 1.732.022 2.582.058l1.004.048l.961.057l.9.061l.822.064a3.8 3.8 0 0 1 3.494 3.423l.04.425l.075.91c.07.943.122 1.971.122 2.954s-.052 2.011-.122 2.954l-.075.91l-.04.425a3.8 3.8 0 0 1-3.495 3.423l-.82.063l-.9.062l-.962.057l-1.004.048A62 62 0 0 1 12 20a62 62 0 0 1-2.582-.058l-1.004-.048l-.961-.057l-.9-.062l-.822-.063a3.8 3.8 0 0 1-3.494-3.423l-.04-.425l-.075-.91A41 41 0 0 1 2 12c0-.983.052-2.011.122-2.954l.075-.91l.04-.425A3.8 3.8 0 0 1 5.73 4.288l.821-.064l.9-.061l.962-.057l1.004-.048A62 62 0 0 1 12 4m0 2c-.825 0-1.674.022-2.5.056l-.978.047l-.939.055l-.882.06l-.808.063a1.8 1.8 0 0 0-1.666 1.623C4.11 9.113 4 10.618 4 12s.11 2.887.227 4.096c.085.872.777 1.55 1.666 1.623l.808.062l.882.06l.939.056l.978.047c.826.034 1.675.056 2.5.056s1.674-.022 2.5-.056l.978-.047l.939-.055l.882-.06l.808-.063a1.8 1.8 0 0 0 1.666-1.623C19.89 14.887 20 13.382 20 12s-.11-2.887-.227-4.096a1.8 1.8 0 0 0-1.666-1.623l-.808-.062l-.882-.06l-.939-.056l-.978-.047A61 61 0 0 0 12 6m-2 3.575a.6.6 0 0 1 .819-.559l.081.04l4.2 2.424a.6.6 0 0 1 .085.98l-.085.06l-4.2 2.425a.6.6 0 0 1-.894-.43l-.006-.09z" />
</g>
</svg>
</a>
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://twitch.tv/fenpaws">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
<path fill="currentColor" d="M21.001 3v11.74l-4.696 4.695h-3.913l-2.437 2.348H6.914v-2.348H3.001V6.13L4.228 3zm-1.565 1.565H6.13v11.74h3.13v2.347l2.349-2.348h4.695l3.13-3.13zm-3.13 3.13v4.696H14.74V7.696zm-3.914 0v4.696h-1.565V7.696z" />
</svg>
</a>
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://www.flickr.com/photos/soxxthefennec/">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32">
<path fill="currentColor" d="M8 5C6.355 5 5 6.355 5 8v16c0 1.645 1.355 3 3 3h16c1.645 0 3-1.355 3-3V8c0-1.645-1.355-3-3-3zm0 2h16c.566 0 1 .434 1 1v16c0 .566-.434 1-1 1H8c-.566 0-1-.434-1-1V8c0-.566.434-1 1-1m3.5 5.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0-7m9 0a3.5 3.5 0 1 0 0 7a3.5 3.5 0 1 0 0-7" />
</svg>
</a>
<a class="p-4 rounded-full border-2 border-neutral-300 hover:border-[var(--main)] hover:text-[var(--main)] duration-75"
href="https://bsky.app/profile/fenpa.ws">
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
<path fill="currentColor" d="M4.907 3.44c.709.12 1.533.501 2.576 1.247C9.28 5.97 10.769 7.739 12 9.564c1.231-1.825 2.72-3.593 4.517-4.877c1.043-.746 1.867-1.127 2.576-1.248c.767-.13 1.29.065 1.615.2C21.717 4.06 22 5.225 22 6.215c0 .201-.086 1.302-.185 2.36c-.052.546-.11 1.108-.166 1.577c-.053.428-.115.88-.19 1.133a4.33 4.33 0 0 1-1.951 2.517c.937.707 1.277 1.856.928 2.984c-.597 1.924-2.737 4.397-4.835 4.618c-1.773.186-2.935-1.325-3.601-2.76c-.666 1.435-1.828 2.946-3.6 2.76c-2.099-.22-4.24-2.694-4.836-4.618c-.35-1.128-.01-2.277.928-2.984a4.33 4.33 0 0 1-1.95-2.517c-.076-.253-.138-.705-.19-1.133a61 61 0 0 1-.167-1.577C2.085 7.517 2 6.416 2 6.215c0-.99.283-2.155 1.292-2.576c.326-.135.847-.33 1.615-.2M4.05 6.916c.064.818.18 2.108.288 2.992c.032.268.055.545.122.807c.397 1.34 1.929 2.082 3.686 1.887a1 1 0 0 1 .257 1.983c-.756.112-3.315.357-2.928 1.607c.357 1.151 1.848 3.087 3.134 3.222c.928.097 1.5-1.394 1.766-2.045c.275-.674.488-1.38.668-1.982a1 1 0 0 1 1.916 0c.18.602.393 1.308.668 1.982c.266.651.838 2.142 1.766 2.045c1.286-.135 2.777-2.07 3.134-3.222c.387-1.25-2.172-1.495-2.928-1.607a1 1 0 0 1 .257-1.983c1.757.195 3.289-.547 3.686-1.887c.069-.266.089-.536.122-.807a80 80 0 0 0 .288-2.992c.037-.468.247-1.637-.522-1.506c-.286.049-.823.241-1.749.903c-1.943 1.389-3.705 3.513-4.789 5.64a1 1 0 0 1-1.782 0c-1.084-2.127-2.846-4.251-4.789-5.64c-.926-.662-1.463-.854-1.749-.903c-.784-.134-.559 1.034-.522 1.506" />
</svg>
</a>
</div>
</div>
</div>
<div class="w-full max-w-md">
<div class="prose prose-invert">
<p
class="flex gap-4 justify-center items-center flex-wrap w-full">
<a href="chars"
class="hover:text-[var(--main)] px-4 py-2 bg-neutral-900 hover:border-2 hover:-p-[2px] hover:-mt-[4px] hover:-mx-[2px] hover:border-[var(--main)] rounded no-underline flex-1 text-center">Characters</a>
<a href="projects"
class="hover:text-[var(--main)] px-4 py-2 bg-neutral-900 hover:border-2 hover:-p-[4px] hover:-mt-[4px] hover:-mx-[2px] hover:border-[var(--main)] rounded no-underline flex-1 text-center">Projects</a>
</p>
</div>
</div>
</div>
</div>
</body>
</html>