2026-06-28 05:07:19 +00:00
|
|
|
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." }
|
2026-06-28 14:18:04 +00:00
|
|
|
script(.src("/js/app.js")) {}
|
2026-06-28 05:07:19 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// 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),
|
2026-06-28 14:18:04 +00:00
|
|
|
.href("/css/style.css")
|
2026-06-28 05:07:19 +00:00
|
|
|
)
|
|
|
|
|
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"),
|
2026-06-28 14:18:04 +00:00
|
|
|
.href("/icon.png")
|
2026-06-28 05:07:19 +00:00
|
|
|
)
|
|
|
|
|
link(
|
|
|
|
|
.rel("manifest"),
|
2026-06-28 14:18:04 +00:00
|
|
|
.href("/site.webmanifest")
|
2026-06-28 05:07:19 +00:00
|
|
|
)
|
|
|
|
|
meta(
|
|
|
|
|
.name("theme-color"),
|
|
|
|
|
.content("#fafafa")
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// The document language.
|
|
|
|
|
var lang: String {
|
|
|
|
|
"en"
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/// The document title.
|
2026-06-28 14:18:04 +00:00
|
|
|
var title: String {
|
|
|
|
|
"Index page"
|
|
|
|
|
}
|
2026-06-28 05:07:19 +00:00
|
|
|
|
|
|
|
|
}
|