developers.urbit.org/components/Meta.js
2023-09-22 13:41:29 +03:00

55 lines
1.8 KiB
JavaScript

export default function Meta(post, disableImage, large = false) {
const author = post?.extra?.author || "Urbit";
const title = post?.title ? `${post.title} - ` : "";
const description =
post?.description || "Urbit provides foundational primitives at the operating system layer, serving as a better platform for building networked, decentralized applications.";
const image =
post?.extra?.image || "https://storage.googleapis.com/media.urbit.org/site/opengraph/sig-white.png";
return (
<>
<link rel="icon" type="image/png" href="/images/favicon.ico" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="/images/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/images/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/images/favicon-16x16.png"
/>
<link rel="manifest" href="/images/site.webmanifest" />
<link rel="preconnect" href="https://3EVOAL3MOI-dsn.algolia.net" crossorigin />
<meta
name="twitter:card"
content="summary_large_image"
key="twitter-card"
/>
<meta name="twitter:site" content="@urbit" key="twitter-site" />
<meta name="twitter:creator" content="@urbit" key="twitter-creator" />
<meta
name="og:title"
content={`${title}developers.urbit.org`}
key="title"
/>
<meta name="og:description" content={description} key="description" />
<meta name="description" content={description} />
<meta name="author" content={author} key="author" />
{!disableImage && (
<meta name="twitter:image" content={image} key="image" />
)}
</>
);
}