Files
bun.sh/packages/bun-landing/components/Layout.tsx
2022-08-21 01:01:03 -07:00

100 lines
3.0 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import Head from "next/head";
import { dataURI } from "macro:./dataURI";
export default function Layout({ children }) {
return (
<>
<Head>
<meta charSet="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
property="og:title"
content="Bun is a fast all-in-one JavaScript runtime"
/>
<title>Bun is a fast all-in-one JavaScript runtime</title>
<meta
property="og:description"
content={`Bundle, transpile, install and run JavaScript & TypeScript
projects all in Bun. Bun is a new JavaScript runtime with
a native bundler, transpiler, task runner and npm client built-in.`}
/>
<meta name="og:locale" content="en_US" />
<meta name="twitter:site" content="@jarredsumner" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:image" content="https://bun.sh/share.png" />
<meta
name="description"
content={`Bundle, transpile, install and run JavaScript & TypeScript
projects all in Bun. Bun is a new JavaScript runtime with
a native bundler, transpiler, task runner and npm client built-in.`}
/>
<meta name="theme-color" content="#fbf0df" />
<link rel="manifest" href="manifest.json" />
<link
rel="icon"
type="image/png"
sizes="256x256"
href="/logo-square.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/logo-square@32px.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/logo-square@16px.png"
/>
</Head>
<body>
<div id="header-wrap">
<header>
<a href="/" id="logo-link" aria-label="home">
<img
height="61px"
src={dataURI("../public/logo.svg", "components/Layout.tsx")}
alt="Bun logo"
id="logo"
/>
<img
alt="Bun"
id="logo-text"
height="31.65px"
src={dataURI("../public/Bun@2x.png", "components/Layout.tsx")}
/>
</a>
<nav className="Navigation">
<ul>
<li>
<a
className="NavText"
href="https://github.com/oven-sh/bun#Reference"
>
Docs
</a>
</li>
<li>
<a className="NavText" href="https://bun.sh/discord">
Discord
</a>
</li>
<li>
<a className="NavText" href="https://github.com/oven-sh/bun">
GitHub
</a>
</li>
</ul>
</nav>
</header>
</div>
{children}
</body>
</>
);
}