<?hh //strict
/**
* <document:base pagetitle={$some_var} sitetitle="a site title"><p>children</p></document>;
*/
class :document:base extends :x:element
{
    attribute string sitetitle @required;
    attribute string pagetitle ="";

    protected function render(): \XHPRoot
    {
        return
        <x:doctype>
        <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
        <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
        <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
        <!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
        <head>
            <meta charset="utf-8" />
            <title>{$this->:pagetitle}</title>
            <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
            <link rel="stylesheet" type="text/css" href="/css/normalize.css" />
            <link rel="stylesheet" type="text/css" href="/css/skeleton.css" />
        </head>
        <body>

            <nav class="row topnav">
                <span class="sitetitle">
                    <a href="/">{$this->:sitetitle}</a>
            </nav>

            <section class="row maincontent">
            {$this->getChildren()}
            </section>

            <footer class="row">
            </footer>

        </body>
        </html>
        </x:doctype>;
    }
}