1---2// Author-owned application shell.3export interface Props {4 title: string;5}67const { title } = Astro.props;8const deploymentBase = import.meta.env.BASE_URL;9const publicAsset = (name: string) => `${deploymentBase}${name}`;10---1112<!doctype html>13<html lang="en">14 <head>15 <meta charset="UTF-8" />16 <meta name="viewport" content="width=device-width" />17 <meta name="theme-color" content="#0c0908" />18 <link rel="icon" href={publicAsset("favicon.svg")} type="image/svg+xml" />19 <link rel="apple-touch-icon" href={publicAsset("apple-touch-icon.png")} />20 <link rel="manifest" href={publicAsset("manifest.webmanifest")} />21 <link22 rel="preload"23 href={publicAsset("fonts/chakra-petch-700.woff2")}24 as="font"25 type="font/woff2"26 crossorigin27 />28 <title>{title}</title>29 </head>30 <body>31 <main><slot /></main>32 <script>33 import { bootLofi } from "@nzip/lofi";34 // Importing app.ts registers defineLofiApp before the runtime boots.35 import { app } from "../app.ts";36 void app;37 void bootLofi();38 </script>39 </body>40</html>