sections = [
    id: "main"
    transition: "slide"
    header:
        title: "hola"
        back: true
        nav:
            position: "right"
            items: [
                href: "#", icon: "home", label: "Home", tap: App.Session
            ,
                href: "b", router: "section", label: "Section B"
            ]
    footer:
        nav:
            class: "with-labels"
            items: [
                href: "#", "data-icon": "home", "data-label": "ir"
            ,
                href: "#", "data-icon": "home", "data-label": "ir"
            ]

    articles: [
        id: "main-article"
    ,
        id: "sksks"
    ]
,
    id: "item"
    header:
        back: true
    articles: [
        id: "pending", class: "list scroll"
    ,
        id: "finished", class: "list scroll"
    ]
]


section_main =
    id: "main"
    transition: "slide"
    header:
        title: "Lungo Scaffold"
        subtitle: "definition"
        nav:
            position: "left"
            items: [
                href:"Back", icon:"home", label:"return"
            ]

    footer:
        nav:
            class: "with-labels"
            items: [
                href:"#", icon:"user", label: "Profile", callback: -> alert "user"
            ,
                href:"#", icon:"map", label:"Map", callback: -> alert "map"
             ,
                href:"#", icon:"settings", label:"Config", callback: -> alert "Congiguration"
            ]

section_login =
    id: "login"
    article:
        class: "list scroll"