| | |
| | | width, |
| | | height, |
| | | fonts, |
| | | // `code` will be the detected language code, `emoji` if it's an Emoji, or `unknown` if not able to tell. |
| | | // `segment` will be the content to render. |
| | | loadAdditionalAsset: async (code: string, segment: string) => { |
| | | if (code === "emoji") { |
| | | // if segment is an emoji, load the image. |
| | | return `data:image/svg+xml;base64,${btoa(await loadEmoji("twemoji", getIconCode(segment)))}` |
| | | loadAdditionalAsset: async (languageCode: string, segment: string) => { |
| | | if (languageCode === "emoji") { |
| | | return `data:image/svg+xml;base64,${btoa(await loadEmoji(getIconCode(segment)))}` |
| | | } |
| | | // if segment is normal text |
| | | return code |
| | | |
| | | return languageCode |
| | | }, |
| | | }) |
| | | |
| | |
| | | } |
| | | } |
| | | |
| | | const { css, js } = externalResources |
| | | const { css, js, additionalHead } = externalResources |
| | | |
| | | const url = new URL(`https://${cfg.baseUrl ?? "example.com"}`) |
| | | const path = url.pathname as FullSlug |
| | |
| | | <link rel="stylesheet" href={googleFontHref(cfg.theme)} /> |
| | | </> |
| | | )} |
| | | <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossOrigin={"anonymous"} /> |
| | | <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossOrigin="anonymous" /> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| | | {/* OG/Twitter meta tags */} |
| | | <meta name="og:site_name" content={cfg.pageTitle}></meta> |
| | |
| | | {js |
| | | .filter((resource) => resource.loadTime === "beforeDOMReady") |
| | | .map((res) => JSResourceToScriptElement(res, true))} |
| | | {additionalHead.map((resource) => { |
| | | if (typeof resource === "function") { |
| | | return resource(fileData) |
| | | } else { |
| | | return resource |
| | | } |
| | | })} |
| | | </head> |
| | | ) |
| | | } |