<!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">
	<meta name="have-i-been-pwned-verification" value="76905221e659ea0dd5ccbd00b4c46f14">

	<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="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',
		'assets/css/prism.css'
	)) ?>

</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() ?>" aria-label="Logo - return to main page">
			<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>