<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="/theme/css/normalize.css" />
        <link rel="stylesheet" href="//cdn.example.com/css/cdn.css" />
        <title><%= $self->title %> - <%= $site->title %></title>
        % if ( my $img = $site->images->{ 'icon' } ) {
        <link rel="shortcut icon" href="<%= $img->src %>" />
        % }
        % for my $link ( $site->links( 'stylesheet' ) ) {
        <link rel="stylesheet" href="<%= $link->href %>" type="<%= $link->type || 'text/css' %>" />
        % }
        % for my $link ( $self->links( 'stylesheet' ) ) {
        <link rel="stylesheet" href="<%= $link->href %>" type="<%= $link->type || 'text/css' %>" />
        % }
        % for my $link ( $site->links( 'script' ) ) {
        <script src="<%= $link->href %>"></script>
        % }
        % for my $link ( $self->links( 'script' ) ) {
          % if ( $link->{ 'text' } ) {
        <script><%= $link->text %></script>
          % } else {
        <script src="<%= $link->href %>"></script>
          % }
        % }
    </head>
    <body>
        <a class="brand" href="/">Home</a>
        <nav>
            % for my $link ( $site->nav( 'main' ) ) {
                <a href="<%= $link->href %>" title="<%= $link->title %>"><%= $link->text %></a>
            % }
        </nav>
        <%= $content %>
        <footer>
            <a href="<%= $site->data->{profile_url} // '#' %>">Profile</a>
            <div id="app-info"><%= $self->app->data->{info} // '' %></div>
        </footer>
    </body>
</html>