slim: starter template

gistfile1

doctype html
html
    head
        meta name="author" content=@author

        link href="/css/reset.css" media="screen" rel="stylesheet" type="text/css"
        link href="/css/grid.css" media="screen" rel="stylesheet" type="text/css"
        link href="/css/layout.css" media="screen" rel="stylesheet" type="text/css"
        link href="/css/text.css" media="screen" rel="stylesheet" type="text/css"

        / link rel="icon" type="image/x-icon" href="/favicon.ico"

        title = @title
    body
        div class="container"

            #container.row

                / top part, contains the navigation menu
                #top.grid_12

                    header.grid_6
                        h2 = @title
                        h1 = @subtitle

                    nav.grid_6.last
                        ul.clearfix
                            li <a href="/learn">Home</a>
                            li <a href="/sequel">Sequel</a>
                            li <a href="https://github.com/torstello/learning-ramaze">Repo</a>
                    / close nav
                / close top

                #content.grid_12_content
                    == @content
            / close content + container

            #footer
                p
                    / ' ==> like | but with trailing whitespace
                    ' Copyright &copy; #{@year} #{@author},
                    / same line as above, == means no html-escape
                    == @poweredby