63 lines
2.7 KiB
JavaScript
63 lines
2.7 KiB
JavaScript
// I M P O R T
|
|
|
|
// import html from "choo/html";
|
|
import { html } from 'hono/html'
|
|
|
|
|
|
// U T I L
|
|
|
|
import config from "../../config.js";
|
|
|
|
|
|
|
|
// E X P O R T
|
|
|
|
export default (context) => {
|
|
const newMetadata = context.var.lbry;
|
|
const description = newMetadata && newMetadata.description ?
|
|
newMetadata.description :
|
|
config.meta.description;
|
|
|
|
const title = newMetadata && newMetadata.title ?
|
|
newMetadata.title + " - lbry.tech" :
|
|
"lbry.tech - " + config.meta.tagline;
|
|
|
|
return html`
|
|
<meta charset="utf-8"/>
|
|
<title>${title}</title>
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
<meta name="author" content="${config.meta.title}"/>
|
|
<meta name="description" content="${description}"/>
|
|
<meta name="title" content="${config.meta.title}"/>
|
|
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
|
|
|
|
<!--/ Open Graph /-->
|
|
<meta property="og:title" content="${title}"/>
|
|
<meta property="og:description" content="${description}"/>
|
|
<meta property="og:image" content="${newMetadata && newMetadata["og:image"] ? newMetadata["og:image"] : "/assets/media/images/og-image.png"}"/>
|
|
<meta property="og:image:height" content="${newMetadata && newMetadata["og:image:height"] ? newMetadata["og:image:height"] : 1125}"/>
|
|
<meta property="og:image:width" content="${newMetadata && newMetadata["og:image:width"] ? newMetadata["og:image:width"] : 2000}"/>
|
|
<meta property="og:locale" content="en_US"/>
|
|
<meta property="og:site_name" content="LBRY.tech"/>
|
|
<meta property="og:type" content="website"/>
|
|
<meta property="og:url" content="https://lbry.tech${context.href}"/>
|
|
|
|
<!--/ Social/App Stuff /-->
|
|
<meta name="apple-mobile-web-app-title" content="${config.meta.title}"/>
|
|
<meta name="application-name" content="${config.meta.title}"/>
|
|
<meta name="msapplication-TileColor" content="${config.meta.color}"/>
|
|
<meta name="msapplication-TileImage" content="/assets/apple-touch-icon.png"/>
|
|
<meta name="theme-color" content="${config.meta.color}"/>
|
|
|
|
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png"/>
|
|
<link rel="icon" href="/assets/favicon.svg" type="image/svg+xml"/>
|
|
<link rel="mask-icon" href="/assets/favicon.svg" color="${config.meta.color}"/>
|
|
<link rel="shortcut icon" href="/assets/favicon.ico"/>
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=inter:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
|
|
<link rel="stylesheet" href="/assets/bundle.css?v=${Math.random()}"/>
|
|
|
|
<script src="/assets/scripts/sockets.js"></script>
|
|
`;
|
|
};
|