jerryliao
/
postdown


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435
							import type { PageProps } from "fresh";
import { define } from "utils/state.ts";
import Modal from "../islands/Modal.tsx";
import Loading from "../islands/Loading.tsx";
import StatusIndicator from "../islands/StatusIndicator.tsx";

export default define.page(({ Component }: PageProps) => {
  return (
    <html>
      <head>
        <meta name="theme-color" content="#1e293b" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
        <meta name="apple-mobile-web-app-title" content="Postdown" />
        <link rel="apple-touch-icon" href="/icon-192.png" />
        <link
          href="https://unpkg.com/bootstrap-icons@1.10.4/font/bootstrap-icons.css"
          rel="stylesheet"
        />
        <script
          dangerouslySetInnerHTML={{
            __html:
              `(function(){var t=localStorage.getItem("theme");if(t==="dark"||(!t&&window.matchMedia("(prefers-color-scheme: dark)").matches)){document.documentElement.classList.add("dark")}})()`,
          }}
        />
      </head>
      <body className="bg-white dark:bg-gray-900 text-gray-800 dark:text-gray-100 transition-colors">
        <StatusIndicator />
        <Modal />
        <Loading />
        <Component />
      </body>
    </html>
  );
});