aboutsummaryrefslogtreecommitdiff
path: root/packages/bun-landing/components/Layout.tsx
blob: 3c2e0407a176876b262060d6c5640d49de3438a9 (plain) (blame)
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
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>
    </>
  );
}