<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      lang="ru"
      prefix="og: http://ogp.me/ns#"
      xmlns:fb="http://ogp.me/ns/fb#"
      xmlns:og="http://ogp.me/ns#">
	<head>
		<title><?= App::getConfig('title') ?></title>

<?php if ($styles): ?>
<?php foreach ($styles as $style): ?>
		<link href="<?= $style ?>" media="all" rel="stylesheet" type="text/css" />
<?php endforeach; ?>
<?php endif; ?>

<?php if ($scripts): ?>
<?php foreach ($scripts as $script): ?>
		<script src="<?= $script ?>" type="text/javascript"></script>
<?php endforeach; ?>
<?php endif; ?>

<?php if ($vars): ?>
		<script type="text/javascript">
<?php foreach ($vars as $varName => $var): ?>
			var <?= $varName ?> = '<?= $var ?>';
<?php endforeach; ?>
		</script>
<?php endif; ?>

<?php if (isset($data['og']) && $data['og']): ?>
		<meta property="og:title" content="<?= $data['og']['title'] ?>" />
		<meta property="og:description" content="<?= $data['og']['description'] ?>" />
		<meta property="og:site_name" content="<?= $data['og']['site_name'] ?>" />
		<meta property="og:type" content="<?= $data['og']['type'] ?>" />
		<meta property="og:url" content="<?= $data['og']['url'] ?>" />
		<meta property="og:image" content="<?= $data['og']['image'] ?>" />
<?php endif; ?>

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:400&subset=Cyrillic" />

		<link rel="apple-touch-icon" href="/img/touch-icon-iphone.png" />
		<link rel="apple-touch-icon" sizes="76x76" href="/img/touch-icon-ipad.png" />
		<link rel="apple-touch-icon" sizes="120x120" href="/img/touch-icon-iphone-retina.png" />
		<link rel="apple-touch-icon" sizes="152x152" href="/img/touch-icon-ipad-retina.png" />
	</head>
	<body style="padding: 10px 25px; overflow-y: scroll;">
		<div class="header">
			<a href="/"><img src="/img/logo.png" title="WIKIPOINTS.RU" /></a>
		</div>

		<?= isset($content) && !empty($content) ? $content : 'No content =(' ?>
		<?= self::renderPartial('metrika.php', array(), true) ?>
		<?= self::renderPartial('ganalytics.php', array(), true) ?>

	</body>
	<script lang="javascript">
		function setSizeForAdditional() {
			width = $('.col-md-12').width() / 6 - 4;

			if (width < 100)
				width = $('.col-md-12').width() / 3 - 4;

			height = width / 4 * 3;
			$('.pagePoinsNearCards').width(width);
			$('.pagePoinsNearCardsImg').width(width);
			$('.pagePoinsNearCards').height(height);
			$('.pagePoinsNearCardsImg').height(height);
		}

		setSizeForAdditional();

		$(window).resize(function () {
			setSizeForAdditional();
		});
	</script>
</html>