import { PageProps } from "$fresh/server.ts";

import { Head } from "$fresh/runtime.ts";
export default function App({ Component }: PageProps) {
  const globalCss = Deno
    .readTextFileSync("./static/global.css")
    .replaceAll("\n", "");
  return (
    <>
      <Head>
        <link rel="stylesheet" href="/styles.css" />
        <link
          rel="apple-touch-icon"
          sizes="180x180"
          href="/apple-touch-icon.png"
        />
        <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="manifest" href="/site.webmanifest" />
        <meta name="msapplication-TileColor" content="#da532c" />
        <meta name="theme-color" content="#141218" />
        <style>{globalCss}</style>
        <title>app</title>
      </Head>
      <Component />
      <script src="/thumbnails.js" type="module" async defer />
    </>
  );
}
