[%
	document.css.push(css.global);
	document.css.push(css.forms);
	docuemnt.css.push(css.index);
%]
<div class="wrapper">
	<div class="inline-ghost"> </div>
	<div class="page">
	$content
	</div>
</div>
<div id="top-menu">
	[%
		IF user.isNobody;
			usermenu = [
				{ title = 'Login', href= app.location.user.login(ref = location) }
			];
		ELSE;
			usermenu = [
				{ title = user.name },
				{ title = 'Settings', href = app.location.user },
				{ title = 'Logout', href = app.location.user.logout }
			];
		END;
		render('menu', items = usermenu, class = 'menu-bar float-right', id = 'user-menu');
	%]
</div>