<!DOCTYPE html>

<?php
require_once './classes/App.php';
$app = new App();
$param = $app->isHome();
$page = (count($param) > 1) ? $param[count($param) - 1] : 'home';
?>

<html class="no-js" lang="en-US" xmlns:og="http://ogp.me/ns#">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>STREAKS</title>

	<meta name="description" content="Compete for free against other sports fans. Make Picks, Collect Streaks, Win Cash & Prizes!">
	<meta name="author" content="Streaks">

    <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
    <link rel="manifest" href="favicons/site.webmanifest">
    <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#f32b94">
    <link rel="shortcut icon" href="favicons/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="favicons/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

	<meta property="og:type" content="website">
	<meta property="og:title" content="Streaks">
	<meta property="og:url" content="<?php echo 'http://' . $_SERVER["HTTP_HOST"] . $_SERVER["REQUEST_URI"] ?>">
	<meta property="og:description" content="Streaks">
	<meta property="og:image" content="<?php echo $app->getBaseUrl(); ?>img/content/share.jpg">

	<link rel="stylesheet" href="https://use.typekit.net/xjo3cmf.css">

	<link rel="stylesheet" href="<?php echo $app->getBaseUrl(); ?>dist/main.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>
</head>

<body>
	
<main>
	<div class="corner-banner top">
		<span class="text">&nbsp;&nbsp;>&nbsp;&nbsp;PICK&nbsp;&nbsp;>&nbsp;&nbsp;STREAK&nbsp;&nbsp;>&nbsp;&nbsp;WIN!&nbsp;&nbsp;>&nbsp;&nbsp;PICK&nbsp;&nbsp;>&nbsp;&nbsp;STREAK&nbsp;&nbsp;>&nbsp;&nbsp;WIN!&nbsp;&nbsp;>&nbsp;&nbsp;PICK&nbsp;&nbsp;>&nbsp;&nbsp;STREAK&nbsp;&nbsp;>&nbsp;&nbsp;WIN!&nbsp;&nbsp;>&nbsp;&nbsp;PICK&nbsp;&nbsp;>&nbsp;&nbsp;STREAK&nbsp;&nbsp;>&nbsp;&nbsp;WIN!</span>
	</div>
	<!-- <a class="mobile-play-button" href="#">      
		<span>Play</span>
	</a> -->
	<header class="main-header">
		<div class="container">
			<h1 class="site-logo">
				<img src="img/layout/streaks-logo.svg" alt="Streaks">
				<span>STREAKS</span>
			</h1>
		</div>
	</header>
