diff --git a/friends-schema.json b/friends-schema.json index 8ffbaa7..b7952d9 100644 --- a/friends-schema.json +++ b/friends-schema.json @@ -32,6 +32,12 @@ "minLength": 1 } } + }, + "pronouns": { + "type": "string" + }, + "serial_number": { + "type": "string" } } } diff --git a/src/components/Friend.astro b/src/components/Friend.astro index 9c0f635..75b58fa 100644 --- a/src/components/Friend.astro +++ b/src/components/Friend.astro @@ -11,6 +11,12 @@ const { friend } = Astro.props;

{friend.name}

+ {(friend.pronouns || friend.serial_number) && ( +
+ {friend.pronouns && } + {friend.serial_number && } +
+ )}

{friend.description}

{friend.website_button && diff --git a/src/styles/global.css b/src/styles/global.css index 1afc0ab..a96e93a 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -97,6 +97,35 @@ nav { text-decoration-style: dotted; } +.tooltip-metadata>p { + text-decoration: underline; + text-decoration-style: dotted; +} + .website_button { 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; +} diff --git a/src/website_buttons/kawaiizenbo.me.gif b/src/website_buttons/kawaiizenbo.me.gif new file mode 100644 index 0000000..cc88f57 Binary files /dev/null and b/src/website_buttons/kawaiizenbo.me.gif differ