Add h-card and author metadata

This commit is contained in:
Jade Ellis 2024-07-23 19:45:51 +01:00
parent c677ebb8cf
commit d835c8eb69
No known key found for this signature in database
GPG key ID: 8705A2A3EBF77BD2
2 changed files with 22 additions and 4 deletions

View file

@ -1,14 +1,17 @@
<script lang="ts">
import url from "./logo.svg?url";
import { SITE_URL } from "$lib/metadata";
</script>
<div class="hero card edge">
<div class="hero card edge h-card">
<div class="logo">
<img src={url} alt="Logo" />
<a href={SITE_URL} class="u-url"><img class="u-photo" src={url} alt="Logo" /></a>
</div>
<div class="content">
<h1 class="title">JadedBlueEyes</h1>
<div class="description">Student, Computer Scientist and Creative</div>
<div>
<h1 class="title p-name"><span class="p-given-name">Jade</span> <span class="p-family-name">Ellis</span></h1>
<div role="doc-subtitle"><span class="p-nickname">JadedBlueEyes</span></div></div>
<div class="description p-note">Student, Computer Scientist and Creative</div>
</div>
</div>
@ -41,6 +44,11 @@
font-size: 32px;
margin: 0;
}
[role="doc-subtitle"] {
padding-block-start: 0;
font-size: 18px;
font-weight: 600;
}
.description {
text-align: center;

View file

@ -29,11 +29,20 @@
webShareAPISupported = false;
}
};
const defaultAuthor = {
name: "Jade Ellis",
url: "https://jade.ellis.link",
fediverse: "@JadedBlueEyes@tech.lgbt"
}
</script>
<svelte:head>
<link rel="alternate" type="application/rss+xml" title={SITE_TITLE} href={SITE_URL + "/blog/rss.xml"}>
<link rel="alternate" type="application/feed+json" title={SITE_TITLE} href={SITE_URL + "/blog/feed.json"}>
{#if defaultAuthor?.fediverse}
<meta name="fediverse:creator" content={defaultAuthor?.fediverse}>
{/if}
</svelte:head>
<SvelteSeo
@ -61,6 +70,7 @@
>{new Date(data.post.date).toLocaleDateString()}</time
></a
>
· <span>By <a class="p-author h-card" href={defaultAuthor.url}>{defaultAuthor.name}</a></span>
· <span>{data.post.readingTime.text}</span>
{#if webShareAPISupported} · <button class="link" on:click={handleWebShare}
>Share</button