ada/werefox-cafe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Complete theme change, major additions and updates to info. Preparing for refactor and additional big changes later.

Browse Source
This commit is contained in:
Alexis Werefox 2022-01-20 03:56:01 +00:00
parent 3562b47453
commit 2065ec34b1
61 changed files with 395 additions and 212 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/info/components/basic-page.js
View File

@ -10,8 +10,8 @@ export function renderBackButton(page_button_title, url) {
<PButton <PButton
title={page_button_title} title={page_button_title}
images={[ images={[
{ src: "/emoji/pixel_alexis.png", alt: "Pixel Alexis!" }, { src: "/emoji/western_dragon.svg", alt: "Western dragon emoji until I get an emoji" },
{ src: "/emoji/blue_heart.svg", alt: "Blue heart" }, { src: "/emoji/:black_heart:.svg", alt: "Black heart" },
]} ]}
url={url} url={url}
/> />
@ -32,7 +32,7 @@ export default function BasicPage({
const url = Boolean(back_url) ? back_url : "/"; const url = Boolean(back_url) ? back_url : "/";
return ( return (
<div className="min-h-screen bg-skye-werefox-grey-light dark:bg-skye-werefox-grey font-nerd"> <div className="min-h-screen bg-alice-werefox-grey-light dark:bg-alice-werefox-grey font-nerd">
<Head> <Head>
<title>{page_title}</title> <title>{page_title}</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />

2
src/info/components/contacts-link.js
View File

@ -6,7 +6,7 @@ export default function ContactsLink({ src, alt, url, description, url_text }) {
<div> <div>
<Link href={url}> <Link href={url}>
<a target="_blank"> <a target="_blank">
<div className="p-2 md:text-lg sm:text-md text-xs text-center rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink hover:animate-yip transition"> <div className="p-2 md:text-lg sm:text-md text-xs text-center rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light hover:animate-yip transition">
<span className="animate-bounce relative inline-block w-6 h-6 align-middle"> <span className="animate-bounce relative inline-block w-6 h-6 align-middle">
<Image src={src} layout="fill" objectFit="contain" alt={alt} /> <Image src={src} layout="fill" objectFit="contain" alt={alt} />
</span>{" "} </span>{" "}

2
src/info/components/faq-block.js
View File

@ -2,7 +2,7 @@ import FCard from "./faq-card";
export default function FAQBlock({ faqs }) { export default function FAQBlock({ faqs }) {
return ( return (
<div className="p-4 space-y-4 rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark"> <div className="p-4 space-y-4 rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark">
{Object.keys(faqs).map((faq) => ( {Object.keys(faqs).map((faq) => (
<FCard <FCard
key={faq} key={faq}

10
src/info/components/faq-card.js
View File

@ -6,13 +6,13 @@ export default function TestimonialCard({ question, answer, src, alt }) {
return ( return (
<div className="space-y-2"> <div className="space-y-2">
<div className="ring-2 ring-skye-werefox-pink-dark dark:ring-skye-werefox-pink"> <div className="ring-2 ring-alice-werefox-blue-dark dark:ring-alice-werefox-blue">
<p className="p-8 text-center text-lg sm:text-xl text-skye-werefox-pink-dark dark:text-skye-werefox-pink"> <p className="p-8 text-center text-lg sm:text-xl text-alice-werefox-blue-dark dark:text-alice-werefox-blue-light">
{question} {question}
</p> </p>
</div> </div>
<div className=" ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink hover:animate-yip transition"> <div className=" ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light hover:animate-yip transition">
<Link href="https://vulpine.club/@shadow8t4"> <Link href="https://masto.werefox.dev/@skye">
<a target="_blank"> <a target="_blank">
<div className="p-2 flex"> <div className="p-2 flex">
<div className="order-1 flex-shrink-0 relative inline sm:w-32 w-16 min-h-full items-center justify-center align-middle pt-4 pb-4 pl-4"> <div className="order-1 flex-shrink-0 relative inline sm:w-32 w-16 min-h-full items-center justify-center align-middle pt-4 pb-4 pl-4">
@ -26,7 +26,7 @@ export default function TestimonialCard({ question, answer, src, alt }) {
<div className="order-2 flex overflow-auto items-center justify-center animate-wiggle p-4 sm:text-lg text-xs text-center sm:min-h-full h-full"> <div className="order-2 flex overflow-auto items-center justify-center animate-wiggle p-4 sm:text-lg text-xs text-center sm:min-h-full h-full">
{answer} {answer}
<br /> <br />
{"- @shadow8t4"} {"- @skye"}
</div> </div>
</div> </div>
</a> </a>

2
src/info/components/footer-button.js
View File

@ -7,7 +7,7 @@ export default function footerButton({ url, inner_text, is_external }) {
<div className="flex-1 overflow-visible"> <div className="flex-1 overflow-visible">
<Link href={url}> <Link href={url}>
<a target={target}> <a target={target}>
<div className="ml-1 mr-1 rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink text-skye-werefox-blue-darker dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink transition"> <div className="ml-1 mr-1 rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-darker dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light transition">
<p className="pl-2 pr-2 text-center sm:text-md text-sm"> <p className="pl-2 pr-2 text-center sm:text-md text-sm">
{inner_text} {inner_text}
</p> </p>

6
src/info/components/footer-card.js
View File

@ -1,8 +1,8 @@
import FButton from "./footer-button"; import FButton from "./footer-button";
export default function FooterCard() { export default function FooterCard() {
return ( return (
<footer className="p-4 space-y-2 rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark"> <footer className="p-4 space-y-2 rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark">
<div className="flex text-skye-werefox-blue-darker dark:text-skye-werefox-blue"> <div className="flex text-alice-werefox-red-darker dark:text-alice-werefox-red-light">
<div className="flex-1"></div> <div className="flex-1"></div>
<FButton <FButton
url="https://info.werefox.dev/contacts" url="https://info.werefox.dev/contacts"
@ -16,7 +16,7 @@ export default function FooterCard() {
/> />
<div className="flex-1"></div> <div className="flex-1"></div>
</div> </div>
<div className="text-center text-xs text-skye-werefox-grey-darkest dark:text-skye-werefox-grey-lightest"> <div className="text-center text-xs text-alice-werefox-grey-darkest dark:text-alice-werefox-grey-lightest">
This site uses{" "} This site uses{" "}
<div className="inline-block pt-1 pb-1"> <div className="inline-block pt-1 pb-1">
<FButton <FButton

2
src/info/components/home-page.js
View File

@ -4,7 +4,7 @@ import FCard from "../components/footer-card";
export default function HomePage({ page_title, card_title, children }) { export default function HomePage({ page_title, card_title, children }) {
return ( return (
<div className="min-h-screen bg-skye-werefox-grey-light dark:bg-skye-werefox-grey font-nerd"> <div className="min-h-screen bg-alice-werefox-grey-light dark:bg-alice-werefox-grey font-nerd">
<Head> <Head>
<title>{page_title}</title> <title>{page_title}</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />

2
src/info/components/identity-button.js
View File

@ -16,7 +16,7 @@ export default function IdentityButton({
<div className="animate-wiggle container max-w-sm mx-auto md:px-2 p-2"> <div className="animate-wiggle container max-w-sm mx-auto md:px-2 p-2">
<Link href={`${url}${maybeLocator}`}> <Link href={`${url}${maybeLocator}`}>
<a <a
className={`${extraClasses} block text-lg text-center rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink hover:animate-yip transition`} className={`${extraClasses} block text-lg text-center rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light hover:animate-yip transition`}
> >
{images.map((source) => ( {images.map((source) => (
<span <span

2
src/info/components/identity-card-button.js
View File

@ -5,7 +5,7 @@ export default function IdentityCardButton({ url, button_text }) {
<div> <div>
<Link href={url}> <Link href={url}>
<a target="_blank"> <a target="_blank">
<div className="p-4 hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink hover:animate-yip transition"> <div className="p-4 hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue hover:animate-yip transition">
{button_text} {button_text}
</div> </div>
</a> </a>

59
src/info/components/identity-card-textbox.js
View File

@ -1,3 +1,54 @@
import Image from "next/image";
export function replaceWithImageTags(index, str, emoji_path) {
if (index % 2 === 0) {
return <p className="inline">{`${str}`}</p>;
} else {
return (
<>
<span className="object-contain relative inline-block w-8 h-8 mb-1 align-middle">
<Image src={emoji_path} layout="fill" objectFit="contain" alt={str} />
</span>
</>
);
}
}
export function formatCustomEmoji(str, emoji_paths) {
const emoji_pattern = new RegExp(/(:[A-Za-z_-]+:)/, "g");
const values = emoji_pattern[Symbol.split](str);
if (Boolean(emoji_paths)) {
return (
<>
{Object.keys(values).map((v) =>
replaceWithImageTags(v, values[v], emoji_paths[values[v]])
)}
</>
);
} else {
return <></>;
}
}
export function renderPossibleInfo(info, emoji_paths) {
if (Boolean(info)) {
let infoarray = info.split("\n");
infoarray = infoarray.slice(0, infoarray.length - 1);
const infodict = Object.assign({}, infoarray);
return Object.keys(infodict).map((info) => (
<div key={info}>
{infodict[info] == "" ? (
<br />
) : (
formatCustomEmoji(infodict[info], emoji_paths)
)}
</div>
));
} else {
return <></>;
}
}
export default function IdentityCardTextBox({ info }) { export default function IdentityCardTextBox({ info }) {
let infoarray = []; let infoarray = [];
let infodict = {}; let infodict = {};
@ -7,12 +58,8 @@ export default function IdentityCardTextBox({ info }) {
infodict = Object.assign({}, infoarray); infodict = Object.assign({}, infoarray);
} }
return ( return (
<div className="p-4 text-center text-md sm:text-lg ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue"> <div className="p-4 text-center text-md sm:text-lg ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red">
{Object.keys(infodict).map((i) => ( {renderPossibleInfo(info, {})}
<p className="overflow-auto" key={i}>
{infodict[i] == "" ? <br /> : infodict[i]}
</p>
))}
</div> </div>
); );
} }

2
src/info/components/identity-card.js
View File

@ -2,7 +2,7 @@ import WCard from "./werefox-card";
export default function IdentityCard({ title, src, alt, children }) { export default function IdentityCard({ title, src, alt, children }) {
return ( return (
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-light dark:bg-skye-werefox-grey"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-light dark:bg-alice-werefox-grey">
<WCard title={title} title_emoji={{ src: `${src}`, alt: `${alt}` }}> <WCard title={title} title_emoji={{ src: `${src}`, alt: `${alt}` }}>
{children} {children}
</WCard> </WCard>

63
src/info/components/introduction-card.js
View File

@ -1,14 +1,57 @@
export default function introductionCard({ introduction }) { import Image from "next/image";
export function replaceWithImageTags(index, str, emoji_path) {
if (index % 2 === 0) {
return <p className="inline">{`${str}`}</p>;
} else {
return ( return (
<div className="items-center justify-center space-y-4 p-8"> <>
{Object.keys(introduction).map((info) => ( <span className="object-contain relative inline-block w-8 h-8 mb-1 align-middle">
<p <Image src={emoji_path} layout="fill" objectFit="contain" alt={str} />
key={info} </span>
className="overflow-wrap w-full text-lg text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue" </>
> );
{introduction[info]} }
</p> }
))}
export function formatCustomEmoji(str, emoji_paths) {
const emoji_pattern = new RegExp(/(:[A-Za-z_-]+:)/, "g");
const values = emoji_pattern[Symbol.split](str);
if (Boolean(emoji_paths)) {
return (
<>
{values.map((v, i) =>
replaceWithImageTags(i, v, emoji_paths[v])
)}
</>
);
} else {
return <></>;
}
}
export function renderPossibleInfo(info, emoji_paths) {
if (Boolean(info)) {
let infoarray = info.split("\n");
infoarray = infoarray.slice(0, infoarray.length - 1);
return infoarray.map((line) => (
<div key={line}>
{line == "" ? (
<br />
) : (
formatCustomEmoji(line, emoji_paths)
)}
</div>
));
} else {
return <></>;
}
}
export default function introductionCard({ introduction, emoji_paths }) {
return (
<div className="items-center justify-center space-y-4 p-8 overflow-wrap w-full text-lg text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
{renderPossibleInfo(introduction, emoji_paths)}
</div> </div>
); );
} }

4
src/info/components/kofi-donation-widget.js
View File

@ -4,11 +4,11 @@ export default function KofiDonationWidget({ title, url }) {
return ( return (
<div className="pb-6 flex justify-center"> <div className="pb-6 flex justify-center">
<details className="rounded-lg p-1 overflow-auto"> <details className="rounded-lg p-1 overflow-auto">
<summary className="p-2 pl-4 pr-4 rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker text-md text-center text-skye-werefox-grey-darker dark:text-skye-werefox-grey-lighter bg-skye-werefox-blue dark:bg-skye-werefox-blue-dark transition hover:bg-skye-werefox-blue-light dark:hover:bg-skye-werefox-blue-darker"> <summary className="p-2 pl-4 pr-4 rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker text-md text-center text-alice-werefox-grey-darker dark:text-alice-werefox-grey-lighter bg-alice-werefox-red dark:bg-alice-werefox-red-dark transition hover:bg-alice-werefox-red-light dark:hover:bg-alice-werefox-red-darker">
<strong>{title}</strong> <strong>{title}</strong>
</summary> </summary>
<div className="pt-2"> <div className="pt-2">
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker overflow-auto"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker overflow-auto">
<Iframe <Iframe
className="rounded-lg w-96 min-w-96" className="rounded-lg w-96 min-w-96"
url={url} url={url}

4
src/info/components/page-button.js
View File

@ -13,7 +13,7 @@ export default function PageButton({
<div> <div>
<Link href={url}> <Link href={url}>
<a <a
className={`${extra_classes} p-2 w-full inline-block text-lg text-center rounded-sm ring-2 bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink focus:text-skye-werefox-pink-dark dark:focus:text-skye-werefox-pink hover:animate-yip transition`} className={`${extra_classes} p-2 w-full inline-block text-lg text-center rounded-sm ring-2 bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light focus:text-alice-werefox-blue-dark dark:focus:text-alice-werefox-blue-light hover:animate-yip transition`}
target="_blank" target="_blank"
> >
{images.map((source) => ( {images.map((source) => (
@ -39,7 +39,7 @@ export default function PageButton({
<div> <div>
<Link href={url}> <Link href={url}>
<a <a
className={`${extra_classes} p-2 w-full inline-block text-lg text-center rounded-sm ring-2 bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink focus:text-skye-werefox-pink-dark dark:focus:text-skye-werefox-pink hover:animate-yip transition`} className={`${extra_classes} p-2 w-full inline-block text-lg text-center rounded-sm ring-2 bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light focus:text-alice-werefox-blue-dark dark:focus:text-alice-werefox-blue-light hover:animate-yip transition`}
> >
{images.map((source) => ( {images.map((source) => (
<span <span

12
src/info/components/partner-card.js
View File

@ -49,7 +49,7 @@ export function renderPossibleURLField(field, emoji_paths) {
return ( return (
<Link href={field}> <Link href={field}>
<a target="_blank"> <a target="_blank">
<div className="p-2 flex min-w-full min-h-full justify-center items-center align-middle ring-2 rounded-sm ring-werefox-pink-dark dark:ring-werefox-pink hover:ring-werefox-blue-dark dark:hover:ring-werefox-blue text-werefox-pink-dark dark:text-werefox-pink hover:text-werefox-blue-dark dark:hover:text-werefox-blue hover:animate-yip transition"> <div className="p-2 flex min-w-full min-h-full justify-center items-center align-middle ring-2 rounded-sm ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light hover:animate-yip transition">
{field} {field}
</div> </div>
</a> </a>
@ -57,7 +57,7 @@ export function renderPossibleURLField(field, emoji_paths) {
); );
} else { } else {
return ( return (
<div className="p-2 flex min-w-full min-h-full justify-center items-center align-middle ring-2 rounded-sm ring-werefox-pink-dark dark:ring-werefox-pink group-hover:ring-werefox-blue-dark dark:group-hover:ring-werefox-blue"> <div className="p-2 flex min-w-full min-h-full justify-center items-center align-middle ring-2 rounded-sm ring-alice-werefox-red-dark dark:ring-alice-werefox-red group-hover:ring-alice-werefox-blue-dark dark:group-hover:ring-alice-werefox-blue">
{formatCustomEmoji(field, emoji_paths)} {formatCustomEmoji(field, emoji_paths)}
</div> </div>
); );
@ -112,10 +112,10 @@ export default function PartnerCard({
const finalsrc = Boolean(src) ? src : "/images/logo.png"; const finalsrc = Boolean(src) ? src : "/images/logo.png";
return ( return (
<div className="p-4 flex-column space-y-4 sm:break-normal break-all sm:text-sm text-xs text-center rounded-sm ring-2 ring-werefox-pink-dark dark:ring-werefox-pink"> <div className="p-4 flex-column space-y-4 sm:break-normal break-all sm:text-sm text-xs text-center rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red">
<Link href={url}> <Link href={url}>
<a target="_blank"> <a target="_blank">
<div className="p-4 flex group rounded-sm ring-2 ring-werefox-pink-dark dark:ring-werefox-pink hover:ring-werefox-blue-dark dark:hover:ring-werefox-blue text-werefox-pink-dark dark:text-werefox-pink hover:text-werefox-blue-dark dark:hover:text-werefox-blue hover:animate-yip transition"> <div className="p-4 flex group rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light hover:animate-yip transition">
<div className="order-1 flex-1 flex-shrink-0 relative items-center justify-center align-middle sm:w-32 w-16 min-h-full mr-4"> <div className="order-1 flex-1 flex-shrink-0 relative items-center justify-center align-middle sm:w-32 w-16 min-h-full mr-4">
<Image <Image
src={finalsrc} src={finalsrc}
@ -125,7 +125,7 @@ export default function PartnerCard({
/> />
</div> </div>
<div className="order-2 flex-5 space-y-4"> <div className="order-2 flex-5 space-y-4">
<div className="p-2 rounded-sm ring-2 ring-werefox-pink-dark dark:ring-werefox-pink group-hover:ring-werefox-blue-dark dark:group-hover:ring-werefox-blue"> <div className="p-2 rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red group-hover:ring-alice-werefox-blue-dark dark:group-hover:ring-alice-werefox-blue">
{renderPossibleBio(bio, emoji_paths)} {renderPossibleBio(bio, emoji_paths)}
{`- @${user}`} {`- @${user}`}
</div> </div>
@ -133,7 +133,7 @@ export default function PartnerCard({
</div> </div>
</a> </a>
</Link> </Link>
<div className="flex-column space-y-4 break-all text-werefox-pink-dark dark:text-werefox-pink"> <div className="flex-column space-y-4 break-all text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
{renderPossibleFields(fields, emoji_paths)} {renderPossibleFields(fields, emoji_paths)}
</div> </div>
</div> </div>

4
src/info/components/project-card.js
View File

@ -14,7 +14,7 @@ export default function projectCard({
<div> <div>
<Link href={url}> <Link href={url}>
<a target="_blank"> <a target="_blank">
<li className="p-4 space-y-2 rounded-sm ring-2 text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink hover:animate-yip transition"> <li className="p-4 space-y-2 rounded-sm ring-2 text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue hover:animate-yip transition">
<div className="text-lg text-center"> <div className="text-lg text-center">
<span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top"> <span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top">
<Image <Image
@ -37,7 +37,7 @@ export default function projectCard({
<div> <div>
<Link href={url}> <Link href={url}>
<a> <a>
<li className="p-4 space-y-2 rounded-sm ring-2 text-skye-werefox-blue-dark dark:text-skye-werefox-blue hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue hover:ring-skye-werefox-pink-dark dark:hover:ring-skye-werefox-pink hover:animate-yip transition"> <li className="p-4 space-y-2 rounded-sm ring-2 text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue hover:animate-yip transition">
<div className="text-lg text-center"> <div className="text-lg text-center">
<span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top"> <span className="animate-jiggle sm:w-6 sm:h-6 w-4 h-6 inline-block align-top">
<Image <Image

15
src/info/components/server-block.js
View File

@ -4,21 +4,6 @@ import Link from "next/link";
export default function ServerBlock({ servers }) { export default function ServerBlock({ servers }) {
return ( return (
<div className="p-4 w-full inline-flow align-middle justify-center space-y-8"> <div className="p-4 w-full inline-flow align-middle justify-center space-y-8">
<div className="p-4 ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue">
<p>
All the stuff I run uses the following server machines with reverse
SSH connections to a{" "}
<Link href="https://www.linode.com/?r=61251dc51397edcfacadd7f3744b258b63ad4248">
<a
target="_blank"
className="transition hover:text-skye-werefox-pink-dark dark:hover:text-skye-werefox-pink"
>
Linode VPS
</a>
</Link>
{"."}
</p>
</div>
{Object.keys(servers).map((server) => ( {Object.keys(servers).map((server) => (
<SCard <SCard
server={server} server={server}

2
src/info/components/server-card.js
View File

@ -1,6 +1,6 @@
export default function ServerCard({ server, model, cpu, gpu, ram, os }) { export default function ServerCard({ server, model, cpu, gpu, ram, os }) {
return ( return (
<div className="p-2 space-y-1 w-full inline-flow text-left ring-4 ring-skye-werefox-blue-darkest dark:ring-skye-werefox-blue bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-darker text-lg text-ada-werefox-cyan-dark dark:text-ada-werefox-cyan-light"> <div className="p-2 space-y-1 w-full inline-flow text-left ring-4 ring-ada-werefox-cyan-darkest dark:ring-ada-werefox-cyan bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-darker text-lg text-ada-werefox-cyan-dark dark:text-ada-werefox-cyan-light">
<p> <p>
<code>{`System: ${server}`}</code> <code>{`System: ${server}`}</code>
</p> </p>

2
src/info/components/support-block.js
View File

@ -9,7 +9,7 @@ export default function SupportBlock({ support }) {
support my way!! 💙" support my way!! 💙"
> >
<div className="p-4 space-y-4"> <div className="p-4 space-y-4">
<p className="text-lg md:text-2xl text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue"> <p className="text-lg md:text-2xl text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
You could support me through Patreon, Ko-fi, or Liberapay You could support me through Patreon, Ko-fi, or Liberapay
</p> </p>
{Object.keys(support).map((sup) => ( {Object.keys(support).map((sup) => (

4
src/info/components/support-button.js
View File

@ -8,7 +8,7 @@ export default function SupportButton({ title, alt, src, url }) {
<div className="w-full justify-center flex"> <div className="w-full justify-center flex">
<Link href={url}> <Link href={url}>
<a target="_blank"> <a target="_blank">
<p className="rounded-lg pt-2 pb-2 pl-4 pr-4 w-full w-max-60 ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker text-lg text-center text-skye-werefox-grey-darker dark:text-skye-werefox-grey-lightest bg-skye-werefox-blue dark:bg-skye-werefox-blue-dark transition hover:bg-skye-werefox-blue-light dark:hover:bg-skye-werefox-blue-darker"> <p className="rounded-lg pt-2 pb-2 pl-4 pr-4 w-full w-max-60 ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker text-lg text-center text-alice-werefox-grey-darker dark:text-alice-werefox-grey-lightest bg-alice-werefox-red dark:bg-alice-werefox-red-dark transition hover:bg-alice-werefox-red-light dark:hover:bg-alice-werefox-red-darker">
<span className="inline-block h-6"> <span className="inline-block h-6">
<img alt={alt} src={src} className="inline-block h-6"></img> <img alt={alt} src={src} className="inline-block h-6"></img>
</span>{" "} </span>{" "}
@ -24,7 +24,7 @@ export default function SupportButton({ title, alt, src, url }) {
<Link href={url}> <Link href={url}>
<a <a
target="_blank" target="_blank"
className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker" className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker"
> >
<img <img
alt={alt} alt={alt}

2
src/info/components/testimonial-card.js
View File

@ -8,7 +8,7 @@ export default function TestimonialCard({ src, alt, url, innerText, user }) {
const testimonialdict = Object.assign({}, testimonialarray); const testimonialdict = Object.assign({}, testimonialarray);
return ( return (
<div className="rounded-sm ring-2 ring-skye-werefox-pink-dark dark:ring-skye-werefox-pink hover:ring-skye-werefox-blue-dark dark:hover:ring-skye-werefox-blue text-skye-werefox-pink-dark dark:text-skye-werefox-pink hover:text-skye-werefox-blue-dark dark:hover:text-skye-werefox-blue hover:animate-yip transition"> <div className="rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red hover:ring-alice-werefox-blue-dark dark:hover:ring-alice-werefox-blue text-alice-werefox-red-dark dark:text-alice-werefox-red-light hover:text-alice-werefox-blue-dark dark:hover:text-alice-werefox-blue-light hover:animate-yip transition">
<Link href={url}> <Link href={url}>
<a target="_blank"> <a target="_blank">
<div className="min-w-full flex overflow-hidden"> <div className="min-w-full flex overflow-hidden">

6
src/info/components/title-card.js
View File

@ -3,13 +3,13 @@ import Image from "next/image";
export default function TitleCard({ card_title }) { export default function TitleCard({ card_title }) {
return ( return (
<div className="p-4 w-full rounded-sm ring-4 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark text-xl text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue"> <div className="p-4 w-full rounded-sm ring-4 ring-alice-werefox-red-dark dark:ring-alice-werefox-red bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark text-xl text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
<span className="animate-bounce align-middle inline-block w-6 h-6"> <span className="animate-bounce align-middle inline-block w-6 h-6">
<Image <Image
src="/emoji/pixel_alexis.png" src="/emoji/western_dragon.svg"
layout="fill" layout="fill"
objectFit="contain" objectFit="contain"
alt="Pixel Alexis!" alt="Mutant Standard western dragon emoji"
/> />
</span> </span>
{"- "} {"- "}

8
src/info/components/werefox-card-title.js
View File

@ -3,7 +3,7 @@ import Image from "next/image";
export default function WerefoxCardTitle({ title, title_emoji }) { export default function WerefoxCardTitle({ title, title_emoji }) {
if (Boolean(title_emoji)) { if (Boolean(title_emoji)) {
return ( return (
<div className="p-4 w-full items-center justify-center align-middle rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue "> <div className="p-4 w-full items-center justify-center align-middle rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red ">
<span className="object-contain relative inline-block w-8 h-8 mb-1 align-middle"> <span className="object-contain relative inline-block w-8 h-8 mb-1 align-middle">
<Image <Image
src={title_emoji["src"]} src={title_emoji["src"]}
@ -12,15 +12,15 @@ export default function WerefoxCardTitle({ title, title_emoji }) {
alt={title_emoji["alt"]} alt={title_emoji["alt"]}
/> />
</span> </span>
<p className="inline text-md sm:text-lg text-skye-werefox-blue-dark dark:text-skye-werefox-blue"> <p className="inline text-md sm:text-lg text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
{` ${title}`} {` ${title}`}
</p> </p>
</div> </div>
); );
} else { } else {
return ( return (
<div className="rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue"> <div className="rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red">
<p className="p-4 text-center text-md sm:text-lg text-skye-werefox-blue-dark dark:text-skye-werefox-blue"> <p className="p-4 text-center text-md sm:text-lg text-alice-werefox-red-dark dark:text-alice-werefox-red-light">
{title} {title}
</p> </p>
</div> </div>

8
src/info/components/werefox-card.js
View File

@ -3,18 +3,18 @@ import WCT from "./werefox-card-title";
export default function WerefoxCard({ title_emoji, title, children }) { export default function WerefoxCard({ title_emoji, title, children }) {
if (Boolean(title_emoji)) { if (Boolean(title_emoji)) {
return ( return (
<div className="p-4 space-y-4 text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark"> <div className="p-4 space-y-4 text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light rounded-lg ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark">
<WCT title={title} title_emoji={title_emoji} /> <WCT title={title} title_emoji={title_emoji} />
<div className="p-4 space-y-4 rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue"> <div className="p-4 space-y-4 rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red">
{children} {children}
</div> </div>
</div> </div>
); );
} else { } else {
return ( return (
<div className="p-4 space-y-4 text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark"> <div className="p-4 space-y-4 text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light rounded-lg ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark">
<WCT title={title} /> <WCT title={title} />
<div className="p-4 space-y-4 rounded-sm ring-2 ring-skye-werefox-blue-dark dark:ring-skye-werefox-blue"> <div className="p-4 space-y-4 rounded-sm ring-2 ring-alice-werefox-red-dark dark:ring-alice-werefox-red">
{children} {children}
</div> </div>
</div> </div>

28
src/info/data/contacts.yml
View File

@ -1,11 +1,23 @@
--- # Contacts YAML --- # Contacts YAML
"My public Mastodon": "Our public Mastodon":
url: "https://vulpine.club/@shadow8t4" url: "https://vulpine.club/@shadow8t4"
src: "/emoji/mastodon-logo.png" src: "/emoji/mastodon-logo.png"
alt: "The Mastodon logo" alt: "The Mastodon logo"
url_text: "@shadow8t4@vulpine.club" url_text: "@shadow8t4@vulpine.club"
"Alice's Mastodon":
url: "https://masto.werefox.dev/@alice"
src: "/emoji/mastodon-logo.png"
alt: "The Mastodon logo"
url_text: "@alice@masto.werefox.dev"
"Skye's Mastodon":
url: "https://masto.werefox.dev/@skye"
src: "/emoji/mastodon-logo.png"
alt: "The Mastodon logo"
url_text: "@skye@masto.werefox.dev"
"Ada's Mastodon": "Ada's Mastodon":
url: "https://masto.werefox.dev/@ada" url: "https://masto.werefox.dev/@ada"
src: "/emoji/mastodon-logo.png" src: "/emoji/mastodon-logo.png"
@ -13,19 +25,19 @@
url_text: "@ada@masto.werefox.dev" url_text: "@ada@masto.werefox.dev"
"My Twitter": "My Twitter":
url: "https://twitter.com/alexis_werefox" url: "https://twitter.com/alice_werefox"
src: "/emoji/twitter-logo.png" src: "/emoji/twitter-logo.png"
alt: "The Twitter logo" alt: "The Twitter logo"
url_text: "@alexis_werefox" url_text: "@alice_werefox"
"My Twitch": "My Twitch":
url: "https://twitch.tv/alexis_werefox" url: "https://twitch.tv/alice_werefox"
src: "/emoji/twitch-logo.png" src: "/emoji/twitch-logo.png"
alt: "The Twitch logo" alt: "The Twitch logo"
url_text: "@Alexis_Werefox" url_text: "@alice_werefox"
"My e-mail": "Our e-mail":
url: "mailto:adh9694@gmail.com" url: "mailto:ada.werefox@tutanota.com"
src: "/emoji/inbox.svg" src: "/emoji/inbox.svg"
alt: "An inbox emoji" alt: "An inbox emoji"
url_text: "adh9694@gmail.com" url_text: "ada.werefox@tutanota.com"

2
src/info/data/homepage/introduction.yml
View File

@ -1,4 +1,4 @@
--- # Introduction YAML --- # Introduction YAML
intro: | intro: |
Here's a simple little homepage for all the subdomains we host. 💙 Here's a simple little homepage for all the subdomains we host. 🖤

9
src/info/data/identities.yml
View File

@ -42,18 +42,17 @@ Lesbian:
Partners: Partners:
url: "/identities/partners" url: "/identities/partners"
images: [{ src: "/emoji/blue_heart.svg", alt: "Blue heart emoji" }] images: [{ src: "/emoji/:black_heart:.svg", alt: "Black heart emoji" }]
extra_classes: "" extra_classes: ""
ADHD: CPTSD:
url: "/identities/neuro" url: "/identities/neuro"
images: images:
- { src: "/emoji/neurodiversity.svg", alt: "Neurodiversity symbol emoji" } - { src: "/emoji/neurodiversity.svg", alt: "Neurodiversity symbol emoji" }
extra_classes: "" extra_classes: ""
"Fox witch": "Dragon":
url: "/identities/fursona" url: "/identities/fursona"
images: images:
- { src: "/emoji/fox.svg", alt: "Fox emoji" } - { src: "/emoji/western_dragon.svg", alt: "Western dragon emoji" }
- { src: "/emoji/magic_wand.svg", alt: "Magic wand emoji" }
extra_classes: "xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full" extra_classes: "xl:pt-1 xl:align-text-bottom xl:text-sm xl:min-h-full"

26
src/info/data/identities/fursona.yml
View File

@ -1,22 +1,18 @@
--- # Fursona YAML --- # Fursona YAML
Fursona: Fursona:
page_title: "What's Gender?" page_title: "lmao furry"
card_title: "I'm Transgender!" card_title: "I'm dergy."
title: "Alexis Werefox" title: "Alice Werefox"
src: "/emoji/pixel_alexis.png" src: "/emoji/western_dragon.svg"
alt: "It's me! Alexis Werefox!" alt: "Western dragn emoji until I get an emoji"
src2: "/images/alexis_witch.jpg" src2: "/images/alice_ref_sheet.jpg"
alt2: "Some art of Alexis Werefox in a black corset and miniskirt and pink/black striped leggings and a witch hat, with magic effects surrounding her." alt2: "It's a ref sheet of a black/red dragon anthro with blue eyes."
info: | info: |
That's me, the witchy foxxo herself! 💙 So basically, I'm derg. 🖤
Despite making this whole website, I'm honestly not much for talking about myself most of the time, unless I'm feeling particularly good. Hahaa, what's there to say? I stream Beat Saber and write poetry sometimes.
I'm a fox, though! I think originally based on a fennec, but I've kinda moved away from that design nowadays. Rrrrrr... I mean, I'm pretty sure you can infer a lot else from the ref sheet itself, so here ya go.
Also, I'm a witch! I have magic powers, which have honestly been mostly used to indulge in kinks, but uhhhhhh... What were we talking about here again? It was made by @ItsSailor@mastodon.art.
I know! I know! You came here to see some art, yes?! Well, here's a free one for ya!~
(this was done by the wonderful @ribbonfemale on Twitter!)

26
src/info/data/identities/neuro.yml
View File

@ -3,29 +3,13 @@
Neuro: Neuro:
page_title: "Neurodiversity, Fam" page_title: "Neurodiversity, Fam"
card_title: "I'm Neurodivergent!" card_title: "I'm Neurodivergent!"
title: "ADHD" title: "CPTSD"
url: "https://www.youtube.com/channel/UC-nPM1_kSZf91ZGkcgy_95Q" url: "https://www.nhs.uk/mental-health/conditions/post-traumatic-stress-disorder-ptsd/complex/"
src: "/emoji/neurodiversity.svg" src: "/emoji/neurodiversity.svg"
alt: "The neurodiversity symbol" alt: "The neurodiversity symbol"
info: | info: |
This stands for "Attention-Deficit Hyperactivity Disorder". CPTSD stands for: Complex Post-Traumatic Stress Disorder.
Addionally, the term "neurodivergent" is a general term meaning someone who lives with a form of mental disorder which may impair or alter the way they act and react to the world around them. Please just visit the link if you wanna know more.
While the term ADHD does address the attention and hyperactive aspects of the disorder, there are actually many other aspects that often go unaddressed. The main ones, however, are: I'll probably fill this out another time, but it's difficult for me to talk about.
- Lack of focus, and conversely, hyperfocus!
- Impulsiveness
- Impaired ability to multitask
- Time management issues
- Executive dysfunction (complicated, but basically an inability to do things right away)
- Difficulty remembering things (especially details and things we don't find stimulating)
- Emotional dysregularity (we have trouble regulating our emotions!)
- Last, but not least, is something called "rejection sensitivity", which can be hard to explain, but is essentially an extreme sensitivity to isolation, to the point where we will make up (often harmful and incorrect) reasons for why others must be avoiding us.
It isn't technically medically accepted, but is proven to be a common symptom among ADHD folks!
Two basic things you should recgonize about why we are this way is that for one, we don't receive enough Dopamine for accomplishing things compared to neurotypicals, and it makes doing things we don't like incredibly dreadful, and gives us a bit of a dependence on receiving more Dopamine constantly.
Second, the part of our brain that manages emotional regulation is underdeveloped, which makes our capacity for controlling emotions comparable sometimes to that of a child.
There's a lot more I wish I could say, but I can genuinely recommend the following link to the YouTube channel "How to ADHD" if you want to learn more, especially if you believe you have this disorder yourself!

16
src/info/data/identities/partners.yml
View File

@ -4,7 +4,7 @@ lindsays:
url: "https://hackers.town/@lindsays" url: "https://hackers.town/@lindsays"
avi: "/images/lindsays.png" avi: "/images/lindsays.png"
fields: fields:
with!: "@Kitredgrave@vulpine.club, @muggle@hackers.town, @autumnal@hackers.town (when she is around), @moonbolt@mst3k.interlinked.me::*, @alexis@masto.werefox.dev, $RO, $BUN, $EM | polysaturated" with!: "@Kitredgrave@vulpine.club, @muggle@hackers.town, @autumnal@hackers.town (when she is around), @moonbolt@mst3k.interlinked.me::*, @alice@masto.werefox.dev, @doubleDensity@beach.city, $RO, $BUN, $EM, $RAR, $FN | polysaturated"
"Matrix: ask!": "discord: no!" "Matrix: ask!": "discord: no!"
queeeeer: ":qhTrans: :qhPolyro: :qhPolyam:" queeeeer: ":qhTrans: :qhPolyro: :qhPolyam:"
LiberaPay: "https://liberapay.com/Lindsayschmocker" LiberaPay: "https://liberapay.com/Lindsayschmocker"
@ -21,8 +21,9 @@ karma:
url: "https://awoo.space/@karma" url: "https://awoo.space/@karma"
avi: "/images/karma.png" avi: "/images/karma.png"
fields: fields:
age: 29 age: 30
pronouns: "she/her" pronouns: "she/her"
"discord / telegram": "Karma#0528 / Karma_dragoness"
bio: | bio: |
Karma / Beatrice / Bea Karma / Beatrice / Bea
@ -30,14 +31,12 @@ karma:
Pan trans polyam demi dragoness in the PNW. Pan trans polyam demi dragoness in the PNW.
💜Melly/Cherry @deejvalen@plush.city
💜Trysdyn @trysdyn@marf.space
💜Alexis @alexis@masto.werefox.dev
Follow requests are OK! Follow requests are OK!
(posts older than 90 days are deleted) (posts older than 90 days are deleted)
I'm less active on masto and don't post as much here any more - please feel free to contact me through other means if you want to talk 💜
plausocks: plausocks:
url: "https://masto.werefox.dev/@plausocks" url: "https://masto.werefox.dev/@plausocks"
avi: "/images/plausocks.png" avi: "/images/plausocks.png"
@ -52,9 +51,8 @@ plausocks:
Please don't follow me if you're under 18 🔞 Please don't follow me if you're under 18 🔞
Taken by 4 Partners~ Taken by 3 Partners~
- @alexis@masto.werefox.dev 💙 :alexis: - @alice@masto.werefox.dev 🖤 :dragncoolmlem:
- @aowora@vulpine.club 💜 :Elizafox:
- @violet@vulpine.club 💜 :violet_bat: - @violet@vulpine.club 💜 :violet_bat:
- @cdmnky@vulpine.club 💚 :sierra: - @cdmnky@vulpine.club 💚 :sierra:

6
src/info/data/introduction.yml
View File

@ -1,7 +1,7 @@
--- # Introduction YAML --- # Introduction YAML
intro: | intro: |
I'd describe myself as somewhere between a hot date and a hot mess. Just a witchy foxxo programmer trying to make it in the world tbh. :dragncoolmlem: A pop punk dragon on the Internet. I'd describe myself as somewhere between a hot date and a hot mess.
Feel free to click/tap any of the cute buttons above this to learn more about my different aspects of personality. Feel free to click/tap any of the buttons above this to learn more about my different aspects of personality.
Down below, I've got some more neat little pages and useful info you can look at. Down below, I've got some more neat little pages and useful info you can look at.
Please do look around and enjoy your stay!~ 💙 Please do look around and enjoy your stay!~ :black_heart:

2
src/info/data/local/introduction.yml
View File

@ -1,4 +1,4 @@
--- # Introduction YAML --- # Introduction YAML
intro: | intro: |
Here's a simple little site with links to all the services on the local network. 💙 Here's a simple little site with links to all the services on the local network. 🖤

22
src/info/data/pages/faq.yml
View File

@ -2,17 +2,17 @@
"So is Werefox like a species or...?": "So is Werefox like a species or...?":
answer: > answer: >
That's a good question! No, my fursona's full name is Alexis Werefox, That's a good question! No, my fursona's full name is Skye Werefox,
so Werefox is just a last name. I am just a fox! so Werefox is just a last name. I am just a fox!
src: "/images/alexis_heart.png" src: "/images/alexis_heart.png"
alt: "Alexis giving a heart emoji" alt: "Skye giving a heart emoji"
"How can you be Pansexual and a Lesbian?": "How can you be Pansexual and a Lesbian?":
answer: > answer: >
I believe I've been told the proper term is "sapphic", I believe I've been told the proper term is "sapphic",
it just means I *am* Pansexual, but I prefer those who identify more femme." it just means I *am* Pansexual, but I prefer those who identify more femme."
src: "/images/alexis_wink.png" src: "/images/alexis_wink.png"
alt: "Alexis winking and giving a peace sign" alt: "Skye winking and giving a peace sign"
"How do I get those Xenia stickers?": "How do I get those Xenia stickers?":
answer: > answer: >
@ -20,7 +20,7 @@
I first started giving those out, I was in a good financial position, among I first started giving those out, I was in a good financial position, among
other things. Now I'm not! I will get to it when I do. other things. Now I'm not! I will get to it when I do.
src: "/images/alexis_annoyed.png" src: "/images/alexis_annoyed.png"
alt: "Alexis looking annoyed and crossing her arms" alt: "Skye looking annoyed and crossing her arms"
"Where are you, anyway?": "Where are you, anyway?":
answer: > answer: >
@ -28,7 +28,7 @@
for obvious reasons. If you're in the area, consider hitting me up! I might for obvious reasons. If you're in the area, consider hitting me up! I might
not want to meet up right away, but I'm always looking for more friendos. 💙 not want to meet up right away, but I'm always looking for more friendos. 💙
src: "/images/alexis_coffee.png" src: "/images/alexis_coffee.png"
alt: "Alexis sipping on some coffee" alt: "Skye sipping on some coffee"
# 'What is "Werefox Isekai"?': # 'What is "Werefox Isekai"?':
# answer: > # answer: >
@ -38,7 +38,7 @@
# girl from a foreign land falls from the sky and moves in with you temporarily, # girl from a foreign land falls from the sky and moves in with you temporarily,
# and there's potentially a ton of sexual tension the entire time." # and there's potentially a ton of sexual tension the entire time."
# src: "/images/alexis_wink.png" # src: "/images/alexis_wink.png"
# alt: "Alexis winking and giving a peace sign" # alt: "Skye winking and giving a peace sign"
"What do you do?": "What do you do?":
answer: > answer: >
@ -48,7 +48,7 @@
know more about what I do, you can check out "Stuff I do!" from the main know more about what I do, you can check out "Stuff I do!" from the main
page, and "Support Me?" if you wanna toss me some funds! page, and "Support Me?" if you wanna toss me some funds!
src: "/images/alexis_shrug.png" src: "/images/alexis_shrug.png"
alt: "Alexis shrugging" alt: "Skye shrugging"
'What happened to "Werefox Isekai"?': 'What happened to "Werefox Isekai"?':
answer: > answer: >
@ -57,21 +57,21 @@
There are still more folks I want to visit, and I am going to be making trips to There are still more folks I want to visit, and I am going to be making trips to
see my partners again eventually as well, but for now I need a break." see my partners again eventually as well, but for now I need a break."
src: "/images/alexis_coffee.png" src: "/images/alexis_coffee.png"
alt: "Alexis sipping on some coffee" alt: "Skye sipping on some coffee"
# "Are you accepting more partners?": # "Are you accepting more partners?":
# answer: > # answer: >
# Hhaaa,,, Uhh, not at the moment? Anything can happen, though! Just don't # Hhaaa,,, Uhh, not at the moment? Anything can happen, though! Just don't
# make it your main goal to try and date me, yeah? 💙 # make it your main goal to try and date me, yeah? 💙
# src: "/images/alexis_coffee.png" # src: "/images/alexis_coffee.png"
# alt: "Alexis sipping on some coffee" # alt: "Skye sipping on some coffee"
"Are you accepting more partners?": "Are you accepting more partners?":
answer: > answer: >
I wouldn't say I'm looking, but I'm certainly open to the idea right now! I wouldn't say I'm looking, but I'm certainly open to the idea right now!
Just don't make it your main goal to try and date me, yeah? 💙 Just don't make it your main goal to try and date me, yeah? 💙
src: "/images/alexis_wink.png" src: "/images/alexis_wink.png"
alt: "Alexis winking and giving a peace sign" alt: "Skye winking and giving a peace sign"
"... Wait, don't I know you?": "... Wait, don't I know you?":
answer: > answer: >
@ -81,4 +81,4 @@
reaching out, in most cases I'm willing to catch up. If that's the case, reaching out, in most cases I'm willing to catch up. If that's the case,
your best bets are Twitter DM, e-mail, or a text if you still have my number. your best bets are Twitter DM, e-mail, or a text if you still have my number.
src: "/images/alexis_shrug.png" src: "/images/alexis_shrug.png"
alt: "Alexis shrugging" alt: "Skye shrugging"

9
src/info/data/pages/projects.yml
View File

@ -26,15 +26,6 @@ Poetry:
happiest, but I am proud of it. It would mean a lot to me if happiest, but I am proud of it. It would mean a lot to me if
you took a look! you took a look!
Blog:
url: "https://werefox.dev"
new_tab: true
src: "/emoji/page_with_pencil.svg"
alt: "Paper with a pencil emoji"
description: >
I don't update it too often, but I do also maintain
a blog! You can follow it to keep up with what I'm doing as well!
Programming: Programming:
url: "https://gitea.werefox.dev/shadow8t4" url: "https://gitea.werefox.dev/shadow8t4"
new_tab: true new_tab: true

17
src/info/data/pages/projects/services.yml
View File

@ -18,23 +18,6 @@ Pinafore:
description: > description: >
An alternative web client for Mastodon, focused on speed and simplicity. An alternative web client for Mastodon, focused on speed and simplicity.
Halcyon:
url: "https://halcyon.werefox.dev/"
new_tab: true
src: "/emoji/halcyon_logo.png"
alt: "The Halcyon logo"
description: >
Halcyon is standard Twitter like client of Mastodon, And you can use it just
by login to your instance. Let's Toot like a tweet.
Brutaldon:
url: "https://brutal.werefox.dev/"
new_tab: true
src: "/emoji/brutaldon_logo.png"
alt: "The Brutaldon logo"
description: >
Brutaldon is a brutalist, Web 1.0 web interface for Mastodon and Pleroma.
PeerTube: PeerTube:
url: "https://vid.werefox.dev/" url: "https://vid.werefox.dev/"
new_tab: true new_tab: true

2
src/info/data/pages/projects/streaming.yml
View File

@ -1,7 +1,7 @@
--- # Streaming YAML --- # Streaming YAML
Twitch: Twitch:
url: "https://twitch.tv/alexis_werefox" url: "https://twitch.tv/alice_werefox"
new_tab: true new_tab: true
src: "/emoji/twitch-logo.png" src: "/emoji/twitch-logo.png"
alt: "The Twtich logo" alt: "The Twtich logo"

2
src/info/data/pages/servers.yml
View File

@ -14,7 +14,7 @@
ram: "32 Gb" ram: "32 Gb"
os: "Ubuntu Server 20.10" os: "Ubuntu Server 20.10"
"Raspberry Pi 4 (x2)": "Raspberry Pi 4":
model: "B Rev 1.4" model: "B Rev 1.4"
cpu: "BCM2835 four-core @1.5Ghz" cpu: "BCM2835 four-core @1.5Ghz"
gpu: "N/A" gpu: "N/A"

4
src/info/data/pages/support.yml
View File

@ -2,13 +2,13 @@
Patreon: Patreon:
title: "Become a Patron!" title: "Become a Patron!"
alt: "Subscribe to Alexis' Patreon" alt: "Subscribe to Alice's Patreon"
src: "/images/patreon_logo.png" src: "/images/patreon_logo.png"
url: "https://www.patreon.com/bePatron?u=16333959" url: "https://www.patreon.com/bePatron?u=16333959"
Kofi: Kofi:
title: "Buy me a Coffee!" title: "Buy me a Coffee!"
alt: "Buy Alexis a Coffee" alt: "Buy Alice a Coffee"
src: "/images/kofi_logo.png" src: "/images/kofi_logo.png"
url: "https://ko-fi.com/O5O61UAY1" url: "https://ko-fi.com/O5O61UAY1"

3
src/info/next.config.js
View File

@ -9,7 +9,8 @@ module.exports = {
"functional.cafe", "functional.cafe",
"dragon.style", "dragon.style",
"masto.werefox.dev", "masto.werefox.dev",
"hackers.town" "hackers.town",
"pool.jortage.com"
], ],
}, },
}; };

2
src/info/pages/api/hello.js
View File

@ -1,5 +1,5 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
export default (req, res) => { export default (req, res) => {
res.status(200).json({ name: 'Alexis Werefox' }) res.status(200).json({ name: 'Alice Werefox' })
} }

2
src/info/pages/faq/index.js
View File

@ -24,7 +24,7 @@ export default function FAQ({ FAQ }) {
return ( return (
<BasicPage <BasicPage
page_title="FAQ" page_title="FAQ"
card_title="Frequently Asked Questions!" card_title="Here's Skye with some FAQs"
page_button_title="Take me back home!" page_button_title="Take me back home!"
> >
<FBlock faqs={FAQ} /> <FBlock faqs={FAQ} />

8
src/info/pages/homepage/index.js
View File

@ -31,14 +31,14 @@ export async function getStaticProps() {
} }
export default function Home({ INTRODUCTION, SUBDOMAINS, OTHER }) { export default function Home({ INTRODUCTION, SUBDOMAINS, OTHER }) {
let introarray = INTRODUCTION["intro"].split("\n"); // let introarray = INTRODUCTION["intro"].split("\n");
introarray = introarray.slice(0, introarray.length - 1); // introarray = introarray.slice(0, introarray.length - 1);
const introdict = Object.assign({}, introarray); // const introdict = Object.assign({}, introarray);
return ( return (
<HomePage page_title="Werefox Homepage" card_title="Werefox Homepage"> <HomePage page_title="Werefox Homepage" card_title="Werefox Homepage">
<WCard title="Welcome to werefox.dev"> <WCard title="Welcome to werefox.dev">
<ICard introduction={introdict} /> <ICard introduction={INTRODUCTION.intro} emoji_paths={{}} />
</WCard> </WCard>
<WCard title="Subdomains"> <WCard title="Subdomains">
<PBlock pages={SUBDOMAINS} /> <PBlock pages={SUBDOMAINS} />

4
src/info/pages/hrt/index.js
View File

@ -42,12 +42,12 @@ export default function HRT({ startTimes }) {
return ( return (
<BasicPage <BasicPage
page_title="Alexis Werefox HRT Tracker" page_title="Alice Werefox HRT Tracker"
card_title="Track my HRT progress!" card_title="Track my HRT progress!"
page_button_title="Take me back home!" page_button_title="Take me back home!"
> >
<WCard title={`I'm so glad you're interested!!`}> <WCard title={`I'm so glad you're interested!!`}>
<div className="p-2 sm:text-xl text-lg text-center text-skye-werefox-blue-dark dark:text-skye-werefox-blue grid grid-cols-1 grid-rows-4 gap-2"> <div className="p-2 sm:text-xl text-lg text-center text-alice-werefox-red-dark dark:text-alice-werefox-red-light grid grid-cols-1 grid-rows-4 gap-2">
<p>I've been on HRT for:</p> <p>I've been on HRT for:</p>
{Object.keys(timesArray).map((t) => ( {Object.keys(timesArray).map((t) => (
<p key={t}>{timesArray[t]}</p> <p key={t}>{timesArray[t]}</p>

44
src/info/pages/identities/adhd/index.js Normal file
View File

@ -0,0 +1,44 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
import IDCardText from "../../../components/identity-card-textbox";
import IDCardButton from "../../../components/identity-card-button";
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let NEURO = "";
try {
let fileContent = fs.readFileSync("./data/identities/neuro.yml", "utf8");
NEURO = yaml.load(fileContent);
} catch (e) {
console.log(e);
}
return {
props: {
NEURO,
},
};
}
export default function Neurodiversity({ NEURO }) {
return (
<BasicPage
page_title={NEURO["Neuro"].page_title}
card_title={NEURO["Neuro"].card_title}
page_button_title="Take me back home!"
>
{Object.keys(NEURO).map((neuro) => (
<IDCard
key={neuro}
title={NEURO[neuro].title}
src={NEURO[neuro].src}
alt={NEURO[neuro].alt}
>
<IDCardText info={NEURO[neuro].info} />
<IDCardButton url={NEURO[neuro].url} button_text="Learn More" />
</IDCard>
))}
</BasicPage>
);
}

2
src/info/pages/identities/fursona/index.js
View File

@ -38,7 +38,7 @@ export default function Fursona({ FURSONA }) {
> >
<IDCardText info={FURSONA[fursona].info} /> <IDCardText info={FURSONA[fursona].info} />
<div className="rounded-lg hover:animate-yip transition"> <div className="rounded-lg hover:animate-yip transition">
<Link href="https://twitter.com/ribbonfemale"> <Link href="https://mastodon.art/@ItsSailor">
<a target="_blank"> <a target="_blank">
<span className="relative inline-flex align-middle"> <span className="relative inline-flex align-middle">
<Image <Image

4
src/info/pages/identities/partners/index.js
View File

@ -62,7 +62,7 @@ export default function Partners({ PARTNERS, emoji_paths }) {
> >
<IDCard <IDCard
title="My loves!" title="My loves!"
src="/emoji/blue_heart.svg" src="/emoji/:black_heart:.svg"
alt="Blue heart emoji" alt="Blue heart emoji"
> >
{Object.keys(PARTNERS).map((partner) => ( {Object.keys(PARTNERS).map((partner) => (
@ -85,7 +85,7 @@ export default function Partners({ PARTNERS, emoji_paths }) {
<BasicPage page_title="Partners" card_title="Partners!"> <BasicPage page_title="Partners" card_title="Partners!">
<IDCard <IDCard
title="My loves!" title="My loves!"
src="/emoji/blue_heart.svg" src="/emoji/:black_heart:.svg"
alt="Blue heart emoji" alt="Blue heart emoji"
> >
<IDCardText <IDCardText

60
src/info/pages/identities/skye/index.js Normal file
View File

@ -0,0 +1,60 @@
import BasicPage from "../../../components/basic-page";
import IDCard from "../../../components/identity-card";
import IDCardText from "../../../components/identity-card-textbox";
import Link from "next/link";
import Image from "next/image";
export async function getStaticProps() {
const fs = require("fs");
const yaml = require("js-yaml");
let FURSONA = "";
try {
let fileContent = fs.readFileSync("./data/identities/fursona.yml", "utf8");
FURSONA = yaml.load(fileContent);
} catch (e) {
console.log(e);
}
return {
props: {
FURSONA,
},
};
}
export default function Fursona({ FURSONA }) {
return (
<BasicPage
page_title={FURSONA["Fursona"].page_title}
card_title={FURSONA["Fursona"].card_title}
page_button_title="Take me back home!"
>
{Object.keys(FURSONA).map((fursona) => (
<IDCard
key={fursona}
title={FURSONA[fursona].title}
src={FURSONA[fursona].src}
alt={FURSONA[fursona].alt}
>
<IDCardText info={FURSONA[fursona].info} />
<div className="rounded-lg hover:animate-yip transition">
<Link href="https://twitter.com/ribbonfemale">
<a target="_blank">
<span className="relative inline-flex align-middle">
<Image
className="rounded-lg"
src={FURSONA[fursona].src2}
layout="intrinsic"
width="2048"
height="2048"
alt={FURSONA[fursona].alt2}
/>
</span>
</a>
</Link>
</div>
</IDCard>
))}
</BasicPage>
);
}

39
src/info/pages/index.js
View File

@ -4,6 +4,17 @@ import WCard from "../components/werefox-card";
import ICard from "../components/introduction-card"; import ICard from "../components/introduction-card";
import PBlock from "../components/page-block"; import PBlock from "../components/page-block";
export function parseEmoji(TEXTBLOCK) {
const emoji_pattern = new RegExp(/(:[A-Za-z_-]+:)/, "g");
let emoji = [];
Array.from(emoji_pattern[Symbol.matchAll](TEXTBLOCK.intro)).forEach(
(e, i) => {
emoji.push(e[0]);
}
);
return emoji;
}
// An object listing pages folks can visit // An object listing pages folks can visit
export async function getStaticProps() { export async function getStaticProps() {
const fs = require("fs"); const fs = require("fs");
@ -12,6 +23,7 @@ export async function getStaticProps() {
let INTRODUCTION = {}; let INTRODUCTION = {};
let PAGES = {}; let PAGES = {};
let PARTNERS = {}; let PARTNERS = {};
let emoji_paths = {};
try { try {
let fileContent = fs.readFileSync("./data/identities.yml", "utf8"); let fileContent = fs.readFileSync("./data/identities.yml", "utf8");
@ -22,6 +34,16 @@ export async function getStaticProps() {
PAGES = yaml.load(fileContent); PAGES = yaml.load(fileContent);
fileContent = fs.readFileSync("./data/identities/partners.yml", "utf8"); fileContent = fs.readFileSync("./data/identities/partners.yml", "utf8");
PARTNERS = yaml.load(fileContent); PARTNERS = yaml.load(fileContent);
let emoji = parseEmoji(INTRODUCTION);
emoji.forEach((e, i) => {
if (fs.existsSync(`./public/emoji/${e}.svg`)) {
emoji_paths[e] = `/emoji/${e}.svg`;
} else if (fs.existsSync(`./public/emoji/${e}.png`)) {
emoji_paths[e] = `/emoji/${e}.png`;
} else {
emoji_paths[e] = `/emoji/pixel_alexis.png`;
}
});
} catch (e) { } catch (e) {
console.log(e); console.log(e);
} }
@ -31,23 +53,26 @@ export async function getStaticProps() {
INTRODUCTION, INTRODUCTION,
PAGES, PAGES,
PARTNERS, PARTNERS,
emoji_paths,
}, },
}; };
} }
export default function Home({ IDENTITIES, INTRODUCTION, PAGES, PARTNERS }) { export default function Home({
IDENTITIES,
INTRODUCTION,
PAGES,
PARTNERS,
emoji_paths,
}) {
const partnerslen = PARTNERS ? Object.keys(PARTNERS).length : 0; const partnerslen = PARTNERS ? Object.keys(PARTNERS).length : 0;
let introarray = INTRODUCTION["intro"].split("\n");
introarray = introarray.slice(0, introarray.length - 1);
const introdict = Object.assign({}, introarray);
return ( return (
<HomePage page_title="About A Werefox" card_title="Hi! I'm Alexis Werefox!"> <HomePage page_title="About A Werefox" card_title="Hi! I'm Alice Werefox!">
<WCard title="Basic Info"> <WCard title="Basic Info">
<IDBlock identities={IDENTITIES} partners={partnerslen} /> <IDBlock identities={IDENTITIES} partners={partnerslen} />
</WCard> </WCard>
<WCard title="Welcome to my little info site!"> <WCard title="Welcome to my little info site!">
<ICard introduction={introdict} /> <ICard introduction={INTRODUCTION.intro} emoji_paths={emoji_paths} />
</WCard> </WCard>
<WCard title="Neat Pages!"> <WCard title="Neat Pages!">
<PBlock pages={PAGES} /> <PBlock pages={PAGES} />

8
src/info/pages/local/index.js
View File

@ -27,14 +27,14 @@ export async function getStaticProps() {
} }
export default function Home({ INTRODUCTION, SUBDOMAINS }) { export default function Home({ INTRODUCTION, SUBDOMAINS }) {
let introarray = INTRODUCTION["intro"].split("\n"); // let introarray = INTRODUCTION["intro"].split("\n");
introarray = introarray.slice(0, introarray.length - 1); // introarray = introarray.slice(0, introarray.length - 1);
const introdict = Object.assign({}, introarray); // const introdict = Object.assign({}, introarray);
return ( return (
<HomePage page_title="Local Network Subdomains" card_title="Local Network Subdomains"> <HomePage page_title="Local Network Subdomains" card_title="Local Network Subdomains">
<WCard title="Welcome to local.werefox"> <WCard title="Welcome to local.werefox">
<ICard introduction={introdict} /> <ICard introduction={INTRODUCTION.intro} emoji_paths={{}} />
</WCard> </WCard>
<WCard title="Subdomains"> <WCard title="Subdomains">
<PBlock pages={SUBDOMAINS} /> <PBlock pages={SUBDOMAINS} />

2
src/info/pages/projects/index.js
View File

@ -27,7 +27,7 @@ export default function Services({ PROJECTS }) {
card_title="Some stuff I do!" card_title="Some stuff I do!"
page_button_title="Take me back home!" page_button_title="Take me back home!"
> >
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-light dark:bg-skye-werefox-grey"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-light dark:bg-alice-werefox-grey">
<PBlock title="Personal Projects" cards={PROJECTS} /> <PBlock title="Personal Projects" cards={PROJECTS} />
</div> </div>
</BasicPage> </BasicPage>

2
src/info/pages/projects/other/index.js
View File

@ -31,7 +31,7 @@ export default function Services({ OTHER }) {
page_button_title="Take me back!" page_button_title="Take me back!"
back_url="/projects" back_url="/projects"
> >
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-light dark:bg-skye-werefox-grey"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-light dark:bg-alice-werefox-grey">
<PBlock title="Miscelaneous Projects" cards={OTHER} /> <PBlock title="Miscelaneous Projects" cards={OTHER} />
</div> </div>
</BasicPage> </BasicPage>

2
src/info/pages/projects/private/index.js
View File

@ -31,7 +31,7 @@ export default function Services({ PRIVATE }) {
page_button_title="Take me back!" page_button_title="Take me back!"
back_url="/projects" back_url="/projects"
> >
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-light dark:bg-skye-werefox-grey"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-light dark:bg-alice-werefox-grey">
<PBlock title="Private Services" cards={PRIVATE} /> <PBlock title="Private Services" cards={PRIVATE} />
</div> </div>
</BasicPage> </BasicPage>

2
src/info/pages/projects/services/index.js
View File

@ -31,7 +31,7 @@ export default function Services({ SERVICES }) {
page_button_title="Take me back!" page_button_title="Take me back!"
back_url="/projects" back_url="/projects"
> >
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-light dark:bg-skye-werefox-grey"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-light dark:bg-alice-werefox-grey">
<PBlock title="Services" cards={SERVICES} /> <PBlock title="Services" cards={SERVICES} />
</div> </div>
</BasicPage> </BasicPage>

2
src/info/pages/projects/streaming/index.js
View File

@ -31,7 +31,7 @@ export default function Services({ STREAMING }) {
page_button_title="Take me back!" page_button_title="Take me back!"
back_url="/projects" back_url="/projects"
> >
<div className="rounded-lg ring-2 ring-skye-werefox-grey dark:ring-skye-werefox-grey-darker bg-skye-werefox-grey-light dark:bg-skye-werefox-grey"> <div className="rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-light dark:bg-alice-werefox-grey">
<PBlock title="Streaming" cards={STREAMING} /> <PBlock title="Streaming" cards={STREAMING} />
</div> </div>
</BasicPage> </BasicPage>

4
src/info/pages/testimonials/index.js
View File

@ -10,6 +10,9 @@ export const getIcon = async ({ json, name }) =>
({ data }) => [name, data["icon"]["url"]], ({ data }) => [name, data["icon"]["url"]],
(error) => { (error) => {
console.log(error); console.log(error);
if (name == "Dax") {
return [name, `/images/Dax.gif`];
}
return [name, null]; return [name, null];
} }
); );
@ -41,6 +44,7 @@ export const getStaticProps = async () => {
}; };
export default function Testimonials({ iconUrls, TESTIMONIALS }) { export default function Testimonials({ iconUrls, TESTIMONIALS }) {
console.log(iconUrls)
return ( return (
<BasicPage <BasicPage
page_title="Werefox Testimonials" page_title="Werefox Testimonials"

1
src/info/public/emoji/:black_heart:.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/info/public/emoji/:dragncoolmlem:.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

1
src/info/public/emoji/western_dragon.svg Normal file
View File

@ -0,0 +1 @@
<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linecap="round" stroke-miterlimit="3" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path clip-rule="evenodd" d="m0 0h32v32h-32z"/></clipPath><metadata/><path d="m0 0h32v32h-32z" fill="none"/><g clip-path="url(#a)"><path d="m26.565 16.177c.352-1.763-.104-3.591-1.244-4.981-1.139-1.39-2.842-2.196-4.64-2.196-1.324 0-2.602 0-3.61 0-1.326 0-2.598.527-3.535 1.464-2.55 2.55-7.536 7.536-7.536 7.536-.64 0-1.254.254-1.707.707-.335.335-.754.754-1.18 1.18-.56.56-.875 1.32-.875 2.113s.315 1.553.875 2.113c.498.498.887.887.887.887h2l4 4v-3s4.675-4.675 6.384-6.384c.34-.34.892-.34 1.232 0 0 0 0 0 .001.001.231.231.298.58.169.881-.518 1.21-1.846 4.309-2.463 5.747-.213.498-.323 1.034-.323 1.576v2.179h10s0-3.181 0-4.911c0-.724.072-1.447.214-2.157.287-1.439.824-4.124 1.351-6.755z" fill="none" stroke="#000" stroke-width="4"/><path d="m18 9s.385.385.879.879c.562.562 1.325.878 2.121.878s1.559-.316 2.121-.878c.624-.624 1.28-1.28 1.809-1.809.698-.698 1.173-1.587 1.367-2.554.295-1.475.703-3.516.703-3.516z" style="fill:#be8b40;stroke:#000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:1.5"/><path d="m11 20h12v9h-12z"/><path d="m17 14v-5c1.827-1.827 4.553-2.418 6.972-1.511 2.009.754 4.028 1.511 4.028 1.511l-2 1 4 6h-2l1 8h-2l1 6h-4v-16z" style="fill:#1c5832;stroke:#000;stroke-width:4;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:2"/><path d="m13 12 2-8 2 6z" fill="none" stroke="#000" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="4"/><path d="m17 14v-5c1.827-1.827 4.553-2.418 6.972-1.511 2.009.754 4.028 1.511 4.028 1.511l-2 1 4 6h-2l1 8h-2l1 6h-4v-16z" fill="#742125"/><path d="m13 12 2-8 2 6z" fill="#d8c31e"/><path d="m5.292 25h-1.292l-.887-.887c-.56-.56-.875-1.32-.875-2.113s.315-1.553.875-2.113l1.18-1.18c.453-.453 1.067-.707 1.707-.707l7.536-7.536c.937-.937 2.209-1.464 3.535-1.464h3.61c1.798 0 3.501.806 4.64 2.196 1.14 1.39 1.596 3.218 1.244 4.981-.527 2.631-1.064 5.316-1.351 6.755-.142.71-.214 1.433-.214 2.157v4.911h-6l-1.308-2.718.793-7.356s-1.161-1.25-2.083-.328l-6.402 6.402v3l-3.647-3.647-.033-.332-.626-.101z" fill="#d5232f"/><path d="m16.384 19.616.018-.018c.922-.922 2.376-1.042 3.437-.284.001 0 .001 0 .001.001.977.698 1.359 1.968.928 3.089-.469 1.217-1.055 2.742-1.42 3.692-.23.598-.348 1.232-.348 1.872v2.032h-4s0-1.291 0-2.179c0-.542.11-1.078.323-1.576.617-1.438 1.945-4.537 2.463-5.747.129-.301.062-.65-.169-.881-.001-.001-.001-.001-.001-.001-.34-.34-.892-.34-1.232 0z" fill="#ee869b"/><path d="m5.292 25 3.708-3.712.002-1.835c.032-.256.238-.447.498-.458h2.5v-1.995h1v2.495c-.011.273-.224.488-.5.5h-2.5v1.5c-.009.229-.057.256-.146.353l-3.501 3.505-.353-.353z" fill="#9c1b31"/><path d="m5 20.5-1 1" fill="none" stroke="#7f1318" stroke-linejoin="round" stroke-miterlimit="2" stroke-width="2"/><path d="m17 12s-.427 0-1.002 0c-.795 0-1.558.316-2.12.878s-.878 1.325-.878 2.12v.002h1c1.657 0 3-1.343 3-3z"/><path d="m18 9s.385.385.879.879c.562.562 1.325.878 2.121.878s1.559-.316 2.121-.878c.624-.624 1.28-1.28 1.809-1.809.698-.698 1.173-1.587 1.367-2.554.295-1.475.703-3.516.703-3.516z" fill="#d8c31e"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
src/info/public/images/Dax.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
src/info/public/images/alice_ref_sheet.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

15
src/info/tailwind.config.js
View File

@ -33,15 +33,24 @@ module.exports = {
dark: "#242424", dark: "#242424",
darker: "#121212", darker: "#121212",
}, },
"alice-werefox-grey": {
lightest: "#EEE",
lighter: "#DBDBDB",
light: "#CCC",
DEFAULT: "#242424",
dark: "#121212",
darker: "#000",
},
"alice-werefox-red": { "alice-werefox-red": {
light: "#FFCCCF", light: "#E08587",
DEFAULT: "#FF8F94", DEFAULT: "#c93439",
dark: "#800008", dark: "#800008",
darker: "#550006", darker: "#550006",
darkest: "#7A0000", darkest: "#7A0000",
}, },
"alice-werefox-blue": { "alice-werefox-blue": {
DEFAULT: "#B6A3FF", light: "#9197F3",
DEFAULT: "#1b29e0",
dark: "#3300FF", dark: "#3300FF",
darker: "#2C00DB", darker: "#2C00DB",
darkest: "#2700C2", darkest: "#2700C2",