<!DOCTYPE html>
<html lang="en">
<head>

	<meta content="text/html; charset=utf-8">
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0">

	<title><?php echo $site->title()->html() ?> | <?php echo $page->title()->html() ?></title>
	<meta name="description" content="<?php echo $site->description()->html() ?>">
	<meta name="keywords" content="<?php echo $site->keywords()->html() ?>">

	<link rel="alternate" type="application/rss+xml" href="<?php echo url('notes/feed') ?>" title="<?php echo html($pages->find('notes/feed')->title()) ?>" />
	<link rel="shortcut icon" href="<?php echo url('assets/img/icons/logo.svg') ?>" type="image/svg">
	<link rel="icon" href="<?php echo url('assets/img/icons/logo100.png') ?>" type="image/png">
	<link rel="apple-touch-icon" href="<?php echo url('assets/img/icons/logo200.png') ?>" type="image/png">

	<?php echo css(array(
		'assets/css/main.css', 
		'assets/css/mobile.css'
	)) ?>
    <script type="text/javascript"></script>
</head>
<body class="preload" onload="document.body.className = '';">

	<!--[if lte IE 9]>
  	<div class="browserupdate">
    	You are using an obsolete browser which can harm your experience and cause security trouble. Please <a href="http://browsehappy.com/" target="_blank">update your browser!</a>
  	</div>
  	<![endif]-->

	<header class="header" role="banner" id="header" >
    <div class="shader">
		<a href="<?php echo url() ?>">
			<div id="holders">
				<div class="dots"></div>
				<div class="pulses"></div>
			</div>
		</a>

		<div class="description" ><?php echo $site->description()->kirbytext() ?></div>

		<?php snippet('menu') ?>
	</div>
	</header>