2021-06-12 22:44:56 +02:00
|
|
|
import { FC } from "react";
|
|
|
|
|
import Head from "next/head";
|
|
|
|
|
import { useColorModeValue } from "@chakra-ui/react";
|
|
|
|
|
import theme from "@theme";
|
|
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
|
customTitle?: string,
|
2022-06-15 23:37:15 +02:00
|
|
|
home?: boolean
|
2021-06-12 22:44:56 +02:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const title = "Lingva Translate";
|
|
|
|
|
const description = "Alternative front-end for Google Translate, serving as a Free and Open Source translator with over a hundred languages available";
|
|
|
|
|
|
|
|
|
|
const siteDomain = process.env["NEXT_PUBLIC_SITE_DOMAIN"];
|
|
|
|
|
const url = siteDomain && (siteDomain.includes("localhost") ? "http://" : "https://") + siteDomain;
|
|
|
|
|
|
|
|
|
|
const CustomHead: FC<Props> = ({ customTitle, home }) => {
|
|
|
|
|
const fullTitle = customTitle
|
|
|
|
|
? `${customTitle} | ${title}`
|
|
|
|
|
: title;
|
|
|
|
|
|
|
|
|
|
const themeColor = useColorModeValue(theme.colors.lingva["100"], theme.colors.lingva["900"]);
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<Head>
|
|
|
|
|
<title>{fullTitle}</title>
|
|
|
|
|
<meta name="description" content={description} />
|
|
|
|
|
<meta name="robots" content={home ? "index,follow" : "noindex,nofollow"} />
|
|
|
|
|
{home && <link rel="canonical" href={url} />}
|
|
|
|
|
|
|
|
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
|
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
|
|
|
|
|
|
|
|
|
<link rel="manifest" href="/manifest.json" />
|
|
|
|
|
<meta name="theme-color" content={themeColor} />
|
|
|
|
|
|
|
|
|
|
<meta property="og:type" content="website" />
|
|
|
|
|
<meta property="og:title" content={fullTitle} />
|
|
|
|
|
<meta property="og:description" content={description} />
|
|
|
|
|
<meta property="og:url" content={url} />
|
|
|
|
|
<meta property="og:locale" content="en" />
|
|
|
|
|
|
|
|
|
|
<meta property="og:image" content={`${url}/favicon-512x512.png`} />
|
|
|
|
|
<meta property="og:image:type" content="image/png" />
|
|
|
|
|
<meta property="og:image:width" content="512" />
|
|
|
|
|
<meta property="og:image:height" content="512" />
|
|
|
|
|
<meta property="og:image:alt" content={title} />
|
|
|
|
|
|
|
|
|
|
<meta property="twitter:card" content="summary" />
|
|
|
|
|
<meta property="twitter:creator" content="@thedaviddelta" />
|
|
|
|
|
</Head>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default CustomHead;
|
