fenpaws/homepage-build
1
0
Fork 0
Code Actions

Deploy Hugo build

Browse Source
This commit is contained in:
SoXX 2024-08-17 21:42:54 +00:00
parent 8a6f8e4237
commit c73cdfb6d8
6 changed files with 109 additions and 131 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
categories/index.html
View File

@ -23,7 +23,6 @@
</style>
</head>
<body class="flex flex-col min-h-screen">
<img src="https://fenpa.ws//images/mainbg.webp" alt="" class="fixed inset-0 -z-10 h-full object-cover w-full">
<nav class="text-neutral-50 w-full fixed top-0 z-30 bg-neutral-900 flex-wrap duration-100 backdrop-blur-sm"
id="navbar">
<div class="sm:mx-[15vw]">
@ -41,27 +40,19 @@
</div>
</div>
</nav>
<div class="w-full h-screen grid place-items-center p-8 py-16">
<div class="pb-8">
<div class="p-4 bg-neutral-900 rounded w-full pt-4 mb-4">
<div class="prose prose-invert lg:prose-xl">
<div class="p-4 bg-neutral-900 rounded w-full 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">
<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-lg 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 mb-4">
<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)]"></h1>
<div class="flex flex-col gap-8 mx-auto">
</div>
<div class="flex flex-col items-center gap-8 mx-auto">
</div>
</div>
</div>
<div class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full not-prose p-4 justify-center">
</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">

27
chars/index.html
View File

@ -23,7 +23,6 @@
</style>
</head>
<body class="flex flex-col min-h-screen">
<img src="https://fenpa.ws//images/mainbg.webp" alt="" class="fixed inset-0 -z-10 h-full object-cover w-full">
<nav class="text-neutral-50 w-full fixed top-0 z-30 bg-neutral-900 flex-wrap duration-100 backdrop-blur-sm"
id="navbar">
<div class="sm:mx-[15vw]">
@ -41,18 +40,17 @@
</div>
</div>
</nav>
<div class="w-full h-screen grid place-items-center p-8 py-16">
<div class="pb-8">
<div class="p-4 bg-neutral-900 rounded w-full pt-4 mb-4">
<div class="prose prose-invert lg:prose-xl">
<div class="p-4 bg-neutral-900 rounded w-full 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">
<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-lg 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 mb-4">
<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)]">Characters</h1>
<div class="flex flex-col gap-8 mx-auto">
</div>
<div class="flex flex-col items-center gap-8 mx-auto">
<div href="https://fenpa.ws/chars/soxx/" class="block relative z-10 mt-2 max-w-sm rounded-xl shadow-lg bg-zinc-700/50 hover:bg-zinc-700/80 hover:mb-2 hover:mt-0">
<div href="https://fenpa.ws/chars/soxx/" class="block relative z-10 mt-2 max-w-sm rounded-xl shadow-lg bg-zinc-700/50 hover:bg-zinc-700/80 hover:mb-2 hover:mt-0 w-full">
<a href="https://fenpa.ws/chars/soxx/" class="absolute inset-0 z-10"></a>
<div class="">
<div class="relative aspect-video">
@ -69,14 +67,7 @@
</div>
</div>
</div>
<div class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full not-prose p-4 justify-center">
</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">

2
css/tailwind.css
View File

File diff suppressed because one or more lines are too long

52
index.html
View File

@ -41,14 +41,18 @@
</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-neutral-50">
<div class="w-full h-screen grid place-items-center p-8 py-24">
<div class="pb-8">
<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-lg 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">
<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">
<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">
@ -89,11 +93,13 @@
</p>
<div class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full not-prose p-4 justify-center">
<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">
<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" />
@ -102,7 +108,8 @@
<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/">
<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" />
@ -111,7 +118,8 @@
<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">
<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" />
@ -120,7 +128,8 @@
<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">
<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">
@ -132,7 +141,8 @@
<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">
<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" />
@ -141,7 +151,8 @@
<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/">
<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" />
@ -150,7 +161,8 @@
<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">
<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" />
@ -163,14 +175,16 @@
</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
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>
</div>
</body>
</html>

25
projects/index.html
View File

@ -23,7 +23,6 @@
</style>
</head>
<body class="flex flex-col min-h-screen">
<img src="https://fenpa.ws//images/mainbg.webp" alt="" class="fixed inset-0 -z-10 h-full object-cover w-full">
<nav class="text-neutral-50 w-full fixed top-0 z-30 bg-neutral-900 flex-wrap duration-100 backdrop-blur-sm"
id="navbar">
<div class="sm:mx-[15vw]">
@ -41,27 +40,19 @@
</div>
</div>
</nav>
<div class="w-full h-screen grid place-items-center p-8 py-16">
<div class="pb-8">
<div class="p-4 bg-neutral-900 rounded w-full pt-4 mb-4">
<div class="prose prose-invert lg:prose-xl">
<div class="p-4 bg-neutral-900 rounded w-full 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">
<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-lg 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 mb-4">
<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)]">Projects</h1>
<div class="flex flex-col gap-8 mx-auto">
</div>
<div class="flex flex-col items-center gap-8 mx-auto">
</div>
</div>
</div>
<div class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full not-prose p-4 justify-center">
</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">

25
tags/index.html
View File

@ -23,7 +23,6 @@
</style>
</head>
<body class="flex flex-col min-h-screen">
<img src="https://fenpa.ws//images/mainbg.webp" alt="" class="fixed inset-0 -z-10 h-full object-cover w-full">
<nav class="text-neutral-50 w-full fixed top-0 z-30 bg-neutral-900 flex-wrap duration-100 backdrop-blur-sm"
id="navbar">
<div class="sm:mx-[15vw]">
@ -41,27 +40,19 @@
</div>
</div>
</nav>
<div class="w-full h-screen grid place-items-center p-8 py-16">
<div class="pb-8">
<div class="p-4 bg-neutral-900 rounded w-full pt-4 mb-4">
<div class="prose prose-invert lg:prose-xl">
<div class="p-4 bg-neutral-900 rounded w-full 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">
<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-lg 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 mb-4">
<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)]"></h1>
<div class="flex flex-col gap-8 mx-auto">
</div>
<div class="flex flex-col items-center gap-8 mx-auto">
</div>
</div>
</div>
<div class="flex gap-4 items-center flex-wrap mx-auto max-w-max w-full not-prose p-4 justify-center">
</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">