Updated partners.

This commit is contained in:
Alexis Werefox 2021-10-17 19:41:51 +00:00
parent 7ebdfdf404
commit 1588c25ab9
3 changed files with 34 additions and 16 deletions

View File

@ -34,11 +34,34 @@ export function renderPossibleURLField(field) {
}
}
export function renderPossibleFields(fields) {
if (Boolean(fields)) {
return Object.keys(fields).map((field) => (
<div className="grid grid-cols-2 space-x-4" key={field}>
<div className="order-1">{renderPossibleURLField(field)}</div>
<div className="order-2">{renderPossibleURLField(fields[field])}</div>
</div>
));
} else {
return <></>;
}
}
export function renderPossibleBio(bio) {
if (Boolean(bio)) {
let bioarray = bio.split("\n");
bioarray = bioarray.slice(0, bioarray.length - 1);
const biodict = Object.assign({}, bioarray);
return Object.keys(biodict).map((bio) => (
<div key={bio}>{biodict[bio] == "" ? <br /> : biodict[bio]}</div>
));
} else {
return <></>;
}
}
export default function PartnerCard({ src, alt, url, fields, bio, user }) {
const finalsrc = Boolean(src) ? src : "/images/logo.png";
let bioarray = bio.split("\n");
bioarray = bioarray.slice(0, bioarray.length - 1);
const biodict = Object.assign({}, bioarray);
return (
<div className="p-4 flex-column space-y-4 break-all sm:text-sm text-xs text-center rounded-sm ring-2 ring-werefox-pink-dark dark:ring-werefox-pink">
@ -55,11 +78,7 @@ export default function PartnerCard({ src, alt, url, fields, bio, user }) {
</div>
<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">
{Object.keys(biodict).map((bio) => (
<div key={bio}>
{biodict[bio] == "" ? <br /> : biodict[bio]}
</div>
))}
{renderPossibleBio(bio)}
{`- @${user}`}
</div>
</div>
@ -67,14 +86,7 @@ export default function PartnerCard({ src, alt, url, fields, bio, user }) {
</a>
</Link>
<div className="flex-column space-y-4 text-werefox-pink-dark dark:text-werefox-pink">
{Object.keys(fields).map((field) => (
<div className="grid grid-cols-2 space-x-4" key={field}>
<div className="order-1">{renderPossibleURLField(field)}</div>
<div className="order-2">
{renderPossibleURLField(fields[field])}
</div>
</div>
))}
{renderPossibleFields(fields)}
</div>
</div>
);

View File

@ -37,3 +37,9 @@ karma:
Follow requests are OK!
(posts older than 90 days are deleted)
plausocks:
url: "https://masto.werefox.dev/@plausocks"
avi: "/images/plausocks.png"
bio: |
am cat, am gay

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB