2021-10-11 22:43:39 -05:00
|
|
|
import Link from "next/link";
|
2021-10-06 23:04:38 -05:00
|
|
|
import Image from "next/image";
|
|
|
|
|
2022-09-26 13:38:11 -05:00
|
|
|
export default function TitleCard({ theme, card_title }) {
|
|
|
|
if (theme == "Ada") {
|
|
|
|
return (
|
|
|
|
<div className="p-4 w-full rounded-sm ring-4 ring-ada-werefox-cyan-dark dark:ring-ada-werefox-cyan bg-ada-werefox-grey-lightest dark:bg-ada-werefox-grey-dark text-xl text-center text-ada-werefox-cyan-dark dark:text-ada-werefox-cyan">
|
|
|
|
<span className="animate-bounce align-middle inline-block w-6 h-6">
|
|
|
|
<Image
|
|
|
|
src="/emoji/pixel_alexis.png"
|
|
|
|
layout="fill"
|
|
|
|
objectFit="contain"
|
|
|
|
alt="That's me!! Skye!"
|
|
|
|
/>
|
|
|
|
</span>
|
|
|
|
{"- "}
|
|
|
|
{card_title}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
if (theme == "Skye") {
|
2022-09-25 13:52:56 -05:00
|
|
|
return (
|
|
|
|
<div className="p-4 w-full rounded-sm ring-4 ring-skye-werefox-pink-dark dark:ring-skye-werefox-pink bg-skye-werefox-grey-lightest dark:bg-skye-werefox-grey-dark text-xl text-center text-skye-werefox-pink-dark dark:text-skye-werefox-pink">
|
|
|
|
<span className="animate-bounce align-middle inline-block w-6 h-6">
|
|
|
|
<Image
|
2022-09-25 16:22:53 -05:00
|
|
|
src="/emoji/pixel_alexis.png"
|
2022-09-25 13:52:56 -05:00
|
|
|
layout="fill"
|
|
|
|
objectFit="contain"
|
2022-09-25 16:22:53 -05:00
|
|
|
alt="That's me!! Skye!"
|
2022-09-25 13:52:56 -05:00
|
|
|
/>
|
|
|
|
</span>
|
|
|
|
{"- "}
|
|
|
|
{card_title}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
} else {
|
|
|
|
return (
|
|
|
|
<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">
|
|
|
|
<Image
|
|
|
|
src="/emoji/:alice:.png"
|
|
|
|
layout="fill"
|
|
|
|
objectFit="contain"
|
|
|
|
alt="It's Alice in emoji form."
|
|
|
|
/>
|
|
|
|
</span>
|
|
|
|
{"- "}
|
|
|
|
{card_title}
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
2021-06-14 20:41:10 -05:00
|
|
|
}
|