import Elementary

/// The website's landing page.
struct IndexPage: HTMLDocument, Sendable {

    // MARK: Document

    /// The page's content.
    var body: some HTML {
        p { "Hello world! This is HTML5 Boilerplate." }
        script(.src("/js/app.js")) {}
    }

    /// The metadata, stylesheet, icon, and manifest links placed in the document head.
    var head: some HTML {
        meta(.charset(.utf8))
        meta(
            .name(.viewport),
            .content("width=device-width, initial-scale=1")
        )
        link(
            .rel(.stylesheet),
            .href("/css/style.css")
        )
        link(
            .rel(.icon),
            .href("/favicon.ico"),
            .custom(
                name: "sizes",
                value: "any"
            )
        )
        link(
            .rel(.icon),
            .href("/icon.svg"),
            .custom(
                name: "type",
                value: "image/svg+xml"
            )
        )
        link(
            .rel("apple-touch-icon"),
            .href("/icon.png")
        )
        link(
            .rel("manifest"),
            .href("/site.webmanifest")
        )
        meta(
            .name("theme-color"),
            .content("#fafafa")
        )
    }

    /// The document language.
    var lang: String {
        "en"
    }

    /// The document title.
    var title: String {
        "Index page"
    }

}