add a new friend! and some new fields.

the fields added are pronouns and serial number.
This commit is contained in:
Fries 2024-06-30 01:02:47 -07:00
parent 1f878d5874
commit 007fd15eab
10 changed files with 62 additions and 4 deletions

View file

@ -32,6 +32,12 @@
"minLength": 1 "minLength": 1
} }
} }
},
"pronouns": {
"type": "string"
},
"serial_number": {
"type": "string"
} }
} }
} }

View file

@ -11,6 +11,12 @@ const { friend } = Astro.props;
<section> <section>
<h2><a href={friend.website}>{friend.name}</a></h2> <h2><a href={friend.website}>{friend.name}</a></h2>
{(friend.pronouns || friend.serial_number) && (
<section class="metadata">
{friend.pronouns && <span class="tooltip-metadata" title="pronouns"><p>{friend.pronouns}</p></span>}
{friend.serial_number && <span class="tooltip-metadata" title="serial number"><p>{friend.serial_number}</p></span>}
</section>
)}
<p>{friend.description}</p> <p>{friend.description}</p>
{friend.website_button && {friend.website_button &&
<WebsiteButton <WebsiteButton

View file

@ -3,6 +3,7 @@ import { Image } from 'astro:assets';
import allissaImage from "../website_buttons/itzzennet.png"; import allissaImage from "../website_buttons/itzzennet.png";
import emImage from "../website_buttons/easrng.gif"; import emImage from "../website_buttons/easrng.gif";
import chloeImage from "../website_buttons/kawaiizenbo.me.gif";
interface Props { interface Props {
name: string, name: string,
@ -14,7 +15,8 @@ const { name, alt_text, website } = Astro.props;
const images: { [key: string]: ImageMetadata } = { const images: { [key: string]: ImageMetadata } = {
"allissa": allissaImage, "allissa": allissaImage,
"em": emImage "em": emImage,
"chloe": chloeImage
}; };
--- ---

View file

@ -5,5 +5,6 @@
"website_button": { "website_button": {
"name": "allissa", "name": "allissa",
"alt_text": "a black box that says \"allissa's comfy burrow, now!\", with the now at the top right corner." "alt_text": "a black box that says \"allissa's comfy burrow, now!\", with the now at the top right corner."
} },
"pronouns": "she/her"
} }

View file

@ -0,0 +1,10 @@
{
"name": "chloe / KawaiiZenbos",
"website": "https://kawaiizenbo.me/",
"description": "cute creatures. very gay! it likes television broadcasting!",
"website_button": {
"name": "chloe",
"alt_text": "a button with a pink background of a grid of squares and rectangles, with text overlaying it saying \"kawaiizenbo.me\". There are 5 paws that alternate the colors of the trans flag!"
},
"pronouns": "she/fae/it"
}

View file

@ -5,5 +5,6 @@
"website_button": { "website_button": {
"name": "em", "name": "em",
"alt_text": "a purple colored planet with a the text \"easrng\" above it, the text written in cursive and purple is flowing in and out of the text." "alt_text": "a purple colored planet with a the text \"easrng\" above it, the text written in cursive and purple is flowing in and out of the text."
} },
"pronouns": "she/her"
} }

View file

@ -1,5 +1,6 @@
{ {
"name": "Mossfet", "name": "Mossfet",
"website": "https://mossfet.xyz", "website": "https://mossfet.xyz",
"description": "this cool robot is cool and i love it :3. check out its website here :3!" "description": "this cool robot is cool and i love it :3. check out its website here :3!",
"pronouns": "it/her"
} }

View file

@ -10,6 +10,8 @@ const friends_schema = z.object({
alt_text: z.string(), alt_text: z.string(),
}), }),
), ),
pronouns: z.optional(z.string()),
serial_number: z.optional(z.string())
}); });
type friends = z.infer<typeof friends_schema> type friends = z.infer<typeof friends_schema>

View file

@ -97,6 +97,35 @@ nav {
text-decoration-style: dotted; text-decoration-style: dotted;
} }
.tooltip-metadata>p {
text-decoration: underline;
text-decoration-style: dotted;
}
.website_button { .website_button {
image-rendering: pixelated; image-rendering: pixelated;
} }
.metadata {
font-size: 1.575rem;
display: flex;
justify-content: center;
flex-direction: row;
}
.metadata span:not(:first-child)::before {
content: "·";
padding-left: 5px;
padding-right: 5px;
text-decoration: none !important;
}
.metadata span {
display: flex;
flex-direction: row;
}
.metadata p {
margin-top: 0px;
margin-bottom: 0px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB