Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | import * as React from "react"
import { webpackUrl } from "../site/webpackUtils"
export const Head = (props: {
canonicalUrl: string
pageTitle?: string
pageDesc?: string
imageUrl?: string
children?: any
baseUrl: string
}) => {
const { canonicalUrl, baseUrl } = props
const pageTitle = props.pageTitle || `Our World in Data`
const fullPageTitle = props.pageTitle
? `${props.pageTitle} - Our World in Data`
: `Our World in Data`
const pageDesc =
props.pageDesc ||
"Research and data to make progress against the world’s largest problems"
const imageUrl = props.imageUrl || `${baseUrl}/default-thumbnail.jpg`
return (
<head>
<meta
name="viewport"
content="width=device-width, initial-scale=1"
/>
<title>{fullPageTitle}</title>
<meta name="description" content={pageDesc} />
<link rel="canonical" href={canonicalUrl} />
<link
rel="alternate"
type="application/atom+xml"
href="/atom.xml"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/apple-touch-icon.png"
/>
<meta property="fb:app_id" content="1149943818390250" />
<meta property="og:url" content={canonicalUrl} />
<meta property="og:title" content={pageTitle} />
<meta property="og:description" content={pageDesc} />
<meta property="og:image" content={imageUrl} />
<meta property="og:site_name" content="Our World in Data" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@OurWorldInData" />
<meta name="twitter:creator" content="@OurWorldInData" />
<meta name="twitter:title" content={pageTitle} />
<meta name="twitter:description" content={pageDesc} />
<meta name="twitter:image" content={imageUrl} />
<link
href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i|Playfair+Display:400,700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href={webpackUrl("commons.css", baseUrl)} />
<link rel="stylesheet" href={webpackUrl("owid.css", baseUrl)} />
{props.children}
</head>
)
}
|