<?php

/**
 * The template for displaying the header
 *
 * @package <%= opts.projectName %>
 * @since 0.1.0
 */

?>

<!DOCTYPE html>
<html class="no-js" <?php language_attributes(); ?>>
	<head>
		<script type="text/javascript">document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' );</script>
		<meta charset="<?php bloginfo( 'charset' ); ?>" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
		<?php wp_head(); ?>
	</head>

	<body <?php body_class(); ?>>
		<?php wp_body_open(); ?>

		<a class="screen-reader-text" href="#site-content"><?php esc_html_e( 'Skip to content', '<%= opts.projectSlug %>' ); ?></a>

		<header class="site-header">
			<div class="branding">
				<div class="container">

					<?php if ( is_front_page() ) : ?>
						<h1 class="site-title">
							<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
								<?php bloginfo( 'name' ); ?>
							</a>
						</h1>
					<?php else : ?>
						<p class="site-title"><strong>
							<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
								<?php bloginfo( 'name' ); ?>
							</a>
						</strong></p>
					<?php endif; ?>

					<p class="tagline">
						<?php bloginfo( 'description' ); ?>
					</p>

				</div>
			</div><!-- .branding -->

			<div class="navbar">
				<div class="container">
					<nav class="sitenav">
						<?php <%= opts.functionPrefix %>_primary_menu( array( 'navbar-nav' ) ); ?>
					</nav>
				</div>
			</div><!-- .navbar -->
		</header><!-- .site-header -->

		<div id="site-content" class="site-content">
			<?php get_template_part( 'template-parts/global', 'banner' ); ?>
