badmanners.xyz/src/pages/work.astro

259 lines
12 KiB
Text

---
import BaseLayout from "@layouts/BaseLayout.astro";
import { IconArrowUpRightFromSquare, IconBriefcase } from "@components/icons";
import {
IconEkasPortal,
IconFurAffinity,
IconInkbunny,
IconSoFurry,
IconSubscribeStar,
IconWeasyl,
} from "@components/icons/brands";
import { TOS_COMMISSION_STATUS } from "@data/tos";
import { SUBSCRIBESTAR_ENABLED } from "@data/subscribestar";
---
<BaseLayout pageTitle="My work">
<Fragment slot="head">
<meta property="og:description" content="The things I've made." />
<link
rel="alternate"
type="application/rss+xml"
href={new URL("/feed.xml", Astro.site)}
title="Commission status"
/>
<link
rel="alternate"
type="application/rss+xml"
href="https://gallery.badmanners.xyz/feed.xml"
title="Gallery feed"
/>
</Fragment>
<article aria-labelledby="title-my-work" class="sm:px-5 md:px-6">
<h1 id="title-my-work" class="text-2xl sm:text-3xl">My work</h1>
<section>
<p class="mb-4 mt-5 text-justify indent-6 sm:mb-3 sm:mt-6 sm:px-5 sm:indent-12">
I've been a lurker in the furry vore community for a long time before I decided to start writing
<a
class="text-link transition-colors motion-reduce:transition-none"
href="https://gallery.badmanners.xyz/stories"
x-data={JSON.stringify({ href: "https://gallery.badmanners.xyz/stories", suffix: "?ageVerified=true" })}
x-bind:href="ageVerified ? href + suffix : href"><span class="underline">safe vore stories</span></a
>. Since there's a lot in furry endosoma that I enjoy, my stories tend to
<a
class="text-link transition-colors motion-reduce:transition-none"
href="https://gallery.badmanners.xyz/tags"
x-data={JSON.stringify({ href: "https://gallery.badmanners.xyz/tags", suffix: "?ageVerified=true" })}
x-bind:href="ageVerified ? href + suffix : href"
><span class="underline">have all sorts of themes and scenarios</span></a
>, including exotic ones. My content is all tagged with the appropriate content warnings, so if you enjoy safe
vore, chances are that you'll find something in my gallery that is right up your alley.
</p>
<p class="my-4 text-justify indent-6 sm:mb-3 sm:mt-6 sm:px-5 sm:indent-12">
I've also made a game called
<a
class="text-link transition-colors motion-reduce:transition-none"
href="https://gallery.badmanners.xyz/games/crossing-over"
x-data={JSON.stringify({
href: "https://gallery.badmanners.xyz/games/crossing-over/",
suffix: "?ageVerified=true",
})}
x-bind:href="ageVerified ? href + suffix : href"><span class="underline">"Crossing Over"</span></a
>, as part of Strawberry Jam 8 (a game jam hosted by eevee on Feb. 2024). It's been my biggest project so far,
and I'm very proud of it! Check it out if you have an hour to spare and the subject matters interest you.
</p>
<iframe
class="mx-auto my-4 h-[169px] w-full max-w-[554px]"
src="https://itch.io/embed/2547066?linkback=true&border_width=2&bg_color=351a1a&fg_color=ffffff&link_color=cd70c5&border_color=473660"
title="Crossing Over on itch.io"
loading="eager"
>
Crossing Over by Bad Manners
</iframe>
<p class="my-4 text-justify indent-6 sm:mt-6 sm:px-5 sm:indent-12">
You can find my galleries through any of the links below. Aside from the first link, these also include some of
the art that I got from others (commissions, gifts, etc.).
</p>
<ul class="h-card flex flex-col items-center">
<li class="mb-2 w-max sm:mb-1">
<a
class="u-url text-link mx-1 transition-colors motion-reduce:transition-none"
href="https://gallery.badmanners.xyz"
x-data={JSON.stringify({ href: "https://gallery.badmanners.xyz", suffix: "?ageVerified=true" })}
x-bind:href="ageVerified ? href + suffix : href"
>
<IconBriefcase height="1.75rem" width="1.75rem" class="mr-1 inline" />
<span class="underline">gallery.badmanners.xyz</span>
</a>
</li>
<li class="mb-2 w-max sm:mb-1">
<a
class="u-url text-link mx-1 transition-colors motion-reduce:transition-none"
href="https://www.furaffinity.net/user/BadManners"
target="_blank"
rel="me"
>
<IconFurAffinity height="1.75rem" width="1.75rem" class="mr-1 inline" />
<span class="underline">Fur Affinity</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>
</li>
<li class="mb-2 w-max sm:mb-1">
<a
class="u-url text-link mx-1 transition-colors motion-reduce:transition-none"
href="https://aryion.com/g4/user/BadManners"
target="_blank"
rel="me"
>
<IconEkasPortal height="1.75rem" width="1.75rem" class="mr-1 inline" />
<span class="underline">Eka's Portal</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>
</li>
<li class="mb-2 w-max sm:mb-1">
<a
class="u-url text-link mx-1 transition-colors motion-reduce:transition-none"
href="https://inkbunny.net/BadManners"
target="_blank"
rel="me"
>
<IconInkbunny height="1.75rem" width="1.75rem" class="mr-1 inline" />
<span class="underline">Inkbunny</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>
</li>
<li class="mb-2 w-max sm:mb-1">
<a
class="u-url text-link mx-1 transition-colors motion-reduce:transition-none"
href="https://bad-manners.sofurry.com"
target="_blank"
rel="me"
>
<IconSoFurry height="1.75rem" width="1.75rem" class="mr-1 inline" />
<span class="underline">SoFurry</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>
</li>
<li class="mb-2 w-max sm:mb-1">
<a
class="u-url text-link mx-1 transition-colors motion-reduce:transition-none"
href="https://www.weasyl.com/~badmanners"
target="_blank"
rel="me"
>
<IconWeasyl height="1.75rem" width="1.75rem" class="mr-1 inline" />
<span class="underline">Weasyl</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>
</li>
</ul>
</section>
<section id="commissions" aria-labelledby="title-story-commissions">
<h2 id="title-story-commissions" class="my-4 text-lg sm:my-6 sm:text-2xl">Story commissions</h2>
{
TOS_COMMISSION_STATUS === "CLOSED" ? (
<p class="mb-6 mt-2 sm:mt-3 sm:px-5">
My story commissions are currently closed, but regardless, feel free to{" "}
<a href="/terms_of_service" class="text-link transition-colors motion-reduce:transition-none">
<span class="underline">check out my Terms of Service</span>
</a>{" "}
if interested.
</p>
) : TOS_COMMISSION_STATUS === "OPEN" ? (
<p class="mb-6 mt-2 sm:mt-3 sm:px-5">
My story commissions are currently open! Feel free to{" "}
<a class="text-link transition-colors motion-reduce:transition-none" href="/terms_of_service">
<span class="underline">check out my Terms of Service</span>
</a>{" "}
if interested.
</p>
) : TOS_COMMISSION_STATUS === "SEMI_OPEN" ? (
<p class="mb-6 mt-2 sm:mt-3 sm:px-5">
My story commissions are currently semi-open, meaning that I may take some commissions, but might reject or
postpone them more easily. Feel free to{" "}
<a href="/terms_of_service" class="text-link transition-colors motion-reduce:transition-none">
<span class="underline">check out my Terms of Service</span>
</a>{" "}
if interested.
</p>
) : TOS_COMMISSION_STATUS === "PRIVATE" ? (
<p class="mb-6 mt-2 sm:mt-3 sm:px-5">
My story commissions are currently private, meaning that I'm not offering slots publicly, but I may still
work on commissions for specific clients. Regardless of whether this applies to you or not, feel free to{" "}
<a href="/terms_of_service" class="text-link transition-colors motion-reduce:transition-none">
<span class="underline">check out my Terms of Service</span>
</a>{" "}
if interested.
</p>
) : (
<p class="mb-6 mt-2 sm:mt-3 sm:px-5">
Feel free to{" "}
<a href="/terms_of_service" class="text-link transition-colors motion-reduce:transition-none">
<span class="underline">check out my Terms of Service</span>
</a>{" "}
if interested.
</p>
)
}
</section>
<section id="subscribestar" aria-labelledby="title-paid-subscriptions">
<h2 id="title-paid-subscriptions" class="my-4 text-lg sm:my-6 sm:text-2xl">Paid subscriptions and tips</h2>
{
SUBSCRIBESTAR_ENABLED ? (
<p class="mb-4 mt-5 sm:mb-3 sm:mt-6">
For continued support, I'm using SubscribeStar as a patronage subscription service! Although I intend to
publish all of my stories publicly, I'm exploring options on how to reward people who are able to
financially support my work with recurring payments.
</p>
) : (
<p class="mb-4 mt-5 sm:mb-3 sm:mt-6">
In the past, I've used SubscribeStar as a subscription service. Currently, this option is disabled, although
my profile page is still accessible through the link below.
</p>
)
}
<a
class="text-link mx-auto transition-colors motion-reduce:transition-none"
href="https://subscribestar.adult/bad-manners"
target="_blank"
>
<IconSubscribeStar width="1.75rem" height="1.75rem" class="mr-1 inline" />
<span class="underline">Check out my SubscribeStar!</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="inline" />
</a>
{
SUBSCRIBESTAR_ENABLED ? (
<p class="mt-3 sm:mt-4">
If you'd like to tip me once, you can still do it through SubscribeStar! Simply subscribe through the link
above, then immediately cancel the renewal. That way, you'll even get subscriber benefits for that month!
</p>
) : null
}
</section>
<section id="other" aria-labelledby="title-other-work">
<h2 id="title-other-work" class="my-4 text-lg sm:my-6 sm:text-2xl">Other work</h2>
<p class="mb-6 mt-3 sm:mb-8 sm:mt-4">
Other than the above, I've done some miscellaneous work. This includes
<a
href="https://git.badmanners.xyz/badmanners?tab=repositories"
target="_blank"
class="text-link transition-colors motion-reduce:transition-none"
>
<span class="underline">writing code (including for my websites)</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="mb-1 inline" />
</a>, and localizing
<a
href="https://desiran.itch.io/wrangler"
target="_blank"
rel="nofollow"
class="text-link transition-colors motion-reduce:transition-none"
>
<span class="underline">Wrangler</span>
<IconArrowUpRightFromSquare width="0.75rem" height="0.75rem" class="mb-1 inline" />
</a>
to Brazilian Portuguese.
</p>
</section>
</article>
</BaseLayout>