mirror of
https://git.solarpunk.moe/Fries/fries-website.git
synced 2024-11-24 15:02:23 +00:00
add a new friend! and some new fields.
the fields added are pronouns and serial number.
This commit is contained in:
parent
1f878d5874
commit
007fd15eab
10 changed files with 62 additions and 4 deletions
|
@ -32,6 +32,12 @@
|
||||||
"minLength": 1
|
"minLength": 1
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
"pronouns": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"serial_number": {
|
||||||
|
"type": "string"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
};
|
};
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
@ -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"
|
||||||
}
|
}
|
||||||
|
|
10
src/content/friends/chloe.json
Normal file
10
src/content/friends/chloe.json
Normal 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"
|
||||||
|
}
|
|
@ -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"
|
||||||
}
|
}
|
||||||
|
|
|
@ -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"
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
BIN
src/website_buttons/kawaiizenbo.me.gif
Normal file
BIN
src/website_buttons/kawaiizenbo.me.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.8 KiB |
Loading…
Reference in a new issue