urbit/developers.urbit.org
1
1
Fork 0
mirror of https://github.com/urbit/developers.urbit.org.git synced 2024-08-17 01:30:31 +03:00
Code Issues Packages Projects Releases Wiki Activity

fixing opengraph images

Browse Source
This commit is contained in:
Gordon 2022-12-06 15:30:07 -08:00
parent 7e21d18f40
commit 0c5d6ba33e
4 changed files with 31 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/FavIcons.js
View File

@ -1,5 +0,0 @@
<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"/>

25
components/Meta.js
View File

@ -4,10 +4,30 @@ export default function Meta(post, disableImage) {
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/developers.png";
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" />
<meta
name="twitter:card"
content="summary_large_image"
@ -27,6 +47,7 @@ export default function Meta(post, disableImage) {
<meta name="twitter:image" content={image} key="image" />
)}
</>
);
}

21
pages/_app.js
View File

@ -64,27 +64,6 @@ function MyApp({ Component, pageProps }) {
return (
<>
<Head>
<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" />
</Head>
<GlobalHotKeys keyMap={keyMap} handlers={handlers} />
<Search

9
pages/index.js
View File

@ -30,6 +30,13 @@ import HoonIcon from "../components/icons/TallCard/hoon";
import AppIcon from "../components/icons/TallCard/app";
export default function Home({ search, posts }) {
const post = {
title: "Urbit Developers",
description: "Discover the creative possibilities of a unified operating system.",
image: "https://storage.googleapis.com/media.urbit.org/site/opengraph/developers.png"
};
return (
<div>
<Head>
@ -43,7 +50,7 @@ export default function Home({ search, posts }) {
<div className="flex flex-col space-y-4">
<h1 className="max-w-prose">
Discover the creative possibilities of a unified operating
system
system.
</h1>
<div className="flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-4 pt-4">
<Link href="/guides/quickstart/intro" passHref>