import React from 'react' ; import Document , { Html , Head , Main , NextScript } from 'next/document' ; import * as lib from '@hackage-ui/react-lib' ; class MyDocument extends Document { render ( ) { return ( < Html lang = "en" > < Head > < meta charSet = "utf-8" / > { } < script async src = { `https://www.googletagmanager.com/gtag/js?id=${ lib . analytics . gaTrackingId }` } /> < script dangerouslySetInnerHTML = { { __html : `
                window.dataLayer = window.dataLayer || [];
                function gtag(){dataLayer.push(arguments);}
                gtag('js', new Date());
                gtag('config', '${ lib . analytics . gaTrackingId }', { send_page_view: false, cookie_flags: 'SameSite=None;Secure' })
                gtag('consent', 'default', { ad_storage: 'denied', analytics_storage: 'granted' });
            ` } } /> < link rel = "preconnect" href = "https://fonts.googleapis.com" / > < link rel = "preconnect" href = "https://fonts.gstatic.com" crossOrigin = '' / > < link href = "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400&family=Fira+Sans:wght@400;700&display=swap" rel = "stylesheet" / > { } { } < link href = "/styles/normalize.css" rel = "stylesheet" > < /link> < link href = "/styles/globals.css" rel = "stylesheet" > < /link> < link rel = "apple-touch-icon" sizes = "180x180" href = "/favicon/apple-touch-icon.png" / > < link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon/favicon-32x32.png" / > < link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon/favicon-16x16.png" / > < link rel = "manifest" href = "/site.webmanifest" / > { } < script > < /script> < /Head> < body > < Main /> < NextScript / > < /body> < /Html>); } } export default MyDocument ;