56 lines
2.3 KiB
PHP
56 lines
2.3 KiB
PHP
<!DOCTYPE html>
|
|
<html <?php language_attributes(); ?>>
|
|
<head>
|
|
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap" rel="stylesheet">
|
|
<!-- Alpine.js for lightweight interactivity -->
|
|
<script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.min.js"></script>
|
|
<?php wp_head(); ?>
|
|
</head>
|
|
|
|
<body <?php body_class(); ?> x-data="{ searchOpen: false }">
|
|
<?php wp_body_open(); ?>
|
|
<div id="page" class="site">
|
|
<header id="masthead" class="site-header">
|
|
<div class="header-container">
|
|
<div class="site-branding">
|
|
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="brand-mark">
|
|
<span class="logo-icon">W</span>
|
|
<span class="site-name">Wisdom for the Kingdom</span>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="nav-and-search">
|
|
<nav id="site-navigation" class="main-navigation">
|
|
<?php
|
|
wp_nav_menu(
|
|
array(
|
|
'theme_location' => 'menu-1',
|
|
'menu_id' => 'primary-menu',
|
|
'container' => false,
|
|
'fallback_cb' => 'wisdom1_menu_fallback',
|
|
)
|
|
);
|
|
?>
|
|
</nav>
|
|
|
|
<button class="search-toggle" @click="searchOpen = !searchOpen" aria-label="Toggle search">
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Search Overlay -->
|
|
<div class="search-overlay" x-show="searchOpen" x-transition:enter="fade-in" x-transition:leave="fade-out" @click.away="searchOpen = false" style="display: none;">
|
|
<div class="site-container">
|
|
<form role="search" method="get" class="search-form-overlay" action="<?php echo esc_url( home_url( '/' ) ); ?>">
|
|
<input type="search" class="search-field-large" placeholder="Search wisdom..." value="<?php echo get_search_query(); ?>" name="s" x-ref="searchInput">
|
|
<button type="submit" class="search-submit-large">Search</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</header>
|