func Components.Shell(title,pages,body)
{
    return <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>%PROJECT_NAME% - {title}</title>
        <link rel="stylesheet" href="./css/simple.min.css">
    </head>
    <body>
        <header>
            <h1>%PROJECT_NAME%</h1>
            <nav>
            <ul>
                <each(var item : pages)>
                    <li>
                        <if(item.active)>
                            <true>
                                <a aria-current="page" href={item.route}>{item.text}</a>
                            </true>
                            <false>
                                <a aria-current="page" href={item.route}>{item.text}</a>
                            </false>
                        </if>
                    </li>
                </each>
            </ul>
            </nav>
        </header>
        <h1>{title}</h1>
        <raw(body)>
        <footer>
            <p>Created using <a href="https://crosslang.tesseslanguage.com/">CrossLang</a> and <a href="https://simplecss.org/">SimpleCSS</a></p>
        </footer>
    </body>
    </html>;
}