index.nim

include karax/prelude
import karax/localstorage

proc create_dom(data: RouterData): VNode =
    result = build_html:
        tdiv(class="d-flex flex-column h-100"):
            header:
                nav(class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"):
                    a(class="navbar-brand", href="#"):
                        text "Fixed navbar"
                    button(class="navbar-toggler", type="button", `data-toggle`="collapse", `data-target`="#navbarCollapse"):
                        span(class="navbar-toggler-icon"):
                            discard
                    tdiv(class="collapse navbar-collapse", id="navbarCollapse"):
                        ul(class="navbar-nav mr-auto"):
                            li(class="nav-item active"):
                                a(class="nav-link", href="#"):
                                    text "Home"
                            li(class="nav-item"):
                                a(class="nav-link", href="#"):
                                    text "Link"
                            li(class="nav-item"):
                                a(class="nav-link disabled", href="#", tabindex="-1"):
                                    text "Disabled"
                        form(class="form-inline mt-2 mt-md-0"):
                            input(class="form-control mr-sm-2", type="text", placeholder="Search"):
                                button(class="btn btn-outline-success my-2 my-sm-0", type="submit"):
                                    text "Search"

            main(role="main", class="flex-shink-0"):
                tdiv(class="container"):
                    h1(class="mt-5"):
                        text "Sticky footer with fixed navbar"

            footer(class="footer mt-auto py-3"):
                tdiv(class="container"):
                    span(class="text-muted"):
                        text "Place sticky footer here"

set_renderer create_dom