import Ignite

struct Home: StaticPage {
    var title = "Hinnen Underground"
    let buttonWidth = 200
    let buttonHeight = 70

    var body: some HTML {
        let midtitle = String(title.split(separator: " ").first ?? "")
        let underTitle = String(title.split(separator: " ").last ?? "")
        VStack{
            Logo(barTitle: midtitle, underTitle: underTitle)
                .margin(.top, .medium)
                .horizontalAlignment(.center)
            Grid(alignment: .center, spacing: 4) {
                Button(name: "Rory", link: "https://rory.hinnen.us")
                Button(name: "Robin", link: "https://robin.hinnen.us")
                Button(name: "Robin's Cancer Blog", link: "https://bab.hinnen.us")
                Button(name: "MGA", link: "/mga/")
                Button(name: "The Bel Aire Backyard Theatre", link: "/baby/")
                Button(name: "Minecraft", link: "https://trenzelore.hinnen.us")
                Button(name: "Legends of Dying Mars", link: "/barsoom/")
                Button(name: "X-Wing Rules", link: "/X-Wing Reference.html")
                Button(name: "Adventures in Modern Coding", link: "https://dev.hinnen.us")
                Button(name: "The Library", link: "/library/")
                Button(name: "Archeological remains", link: "https://nostalgicpinata.hinnen.us/")
                Button(name: "Battlefleet: Sector Scarus", link: "/battlefleet/")
            }
            .margin(.top, .xLarge)
            Footer()
        }
        .horizontalAlignment(.center)
        Mastodon()
    }
}