$def with (content)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>$org - $content.title</title>
        <meta name="viewport" content="initial-scale=1.0, width=device-width">
	
	<link rel="stylesheet" href="/static/css/style-mobile.css" type="text/css" media="screen and (max-device-width:480px)" charset="utf-8"/>
	<link rel="stylesheet" href="/static/css/style.css" type="text/css" media="screen and (min-device-width:481px)" charset="utf-8"/>
        $for css in content.get('css', []):
            <link rel="stylesheet" href="/static/css/$css[:-4]-mobile.css" type="text/css" media="screen and (max-device-width:480px)" charset="utf-8"/>
	    <link rel="stylesheet" href="/static/css/$css" type="text/css" media="screen and (min-device-width:481px)" charset="utf-8"/>
        $for css in content.get('rawcss', []):
            <link rel="stylesheet" href="/static/$css" type="text/css" media="screen" charset="utf-8"/>
        <script type="text/javascript" src="/static/scripts/jquery.min.js"></script>
        <script type="text/javascript" src="/static/scripts/tabs.js"></script>
        <script type="text/javascript" src="/static/scripts/forms.js"></script>
        $for js in content.get('js', []):
            <script type="text/javascript" src="/static/scripts/$js"></script>
    </head>
    <body>
        <div id="header">
            <a id="logo" href="/"><span class="alt">OpenGnSys</span></a>
            <div id ="session">
                $if session.has_key('loggedin'):
                    <a id="user" href="/user/preferences/">$session.username</a>
                    <br/>
                    <a href="/user/logout">$_('log out')</a>
                $else:
                    <a href="/user/login">$_('login')</a> | <a href="/user/register">$_('register')</a>
            </div>
            <div style="display: none" id="tab">$content.get('tab', 'navigator')</div>
            <ul id="navigation">
                <li class="navigator"><a href="/navigator">
                    <img src="/static/images/nav.png"/><br/>$_("Navigator")</a>
                </li>
                <li class="panel"><a href="/panel">
                    <img src="/static/images/panel.png"/><br/>$_("Panel")</a>
                </li>
                <li class="jobs"><a href="/jobs">
                    <img src="/static/images/jobs.png"/><br/>$_("Jobs")</a>
                </li>
                $if get_user().super_user:
                    <li class="pluginmanager"><a href="/pluginmanager">
                        <img src="/static/images/plugins.png"/><br/>$:_("Plugin<br/>Manager")</a>
                    </li>
                    <li class="users"><a href="/user">
                        <img src="/static/images/users.png"/><br/>$:_("Users")</a>
                    </li>
            </ul>
        </div>

        $if content.get('hierarchy', []):
            <div id="breadcrumb">
                    <ul>
                    $for link in content.hierarchy:
                        <li><a class="$('last' if loop.last else '')" href="$link.link">
                            $link.caption
                        </a></li>
                    </ul>
            </div>

        <div id="content">
            $code:
                notifications = get_notifications()
            $if notifications:
                <div id ="info-panel">
                    <ul>
                        $for notification in notifications:
                            <li class="$notification.type">
                            <p>
                            <div class="date">$notification.date.ctime()</div>
                            $:notification.text
                            </p>
                            </li>
                    </ul>
                </div>
        <div id="main">
            $:content
        </div>
        $if actions_panel:
            $:actions_panel
        <div class="clear"></div>
        </div>
        <div id="footer">
	    <!-- Session info for mobile edition web -->
	    <div id ="session-mobile">
                $if session.has_key('loggedin'):
                    <a id="user" href="/user/preferences/">$session.username</a>
                    <a href="/user/logout">$_('log out')</a>
                $else:
                    <a href="/user/login">$_('login')</a> | <a href="/user/register">$_('register')</a>
            </div>
	    <br/>
            <a href="http://www.opengnsys.es">$_("Powered by opengnsys")</a>
        </div>
    </body>
</html>
