77 lines
3.3 KiB
PHP
77 lines
3.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">
|
|
<?php // Required hook for WordPress, plugins, and enqueued head assets.
|
|
wp_head(); ?>
|
|
</head>
|
|
<body <?php body_class(); ?>>
|
|
<?php // Allows integrations to inject markup immediately after the opening body tag.
|
|
wp_body_open(); ?>
|
|
<?php // Lets keyboard users bypass repeated site navigation. ?>
|
|
<a class="screen-reader-text" href="#main"><?php esc_html_e( 'Skip to content', 'c1024-2026' ); ?></a>
|
|
<header class="site-header" id="masthead">
|
|
<div class="header-inner">
|
|
<div class="site-branding">
|
|
<?php if ( has_custom_logo() ) { ?>
|
|
<?php the_custom_logo(); ?>
|
|
<?php // Keep the compact header focused on the site name; the tagline is shown in the hero. ?>
|
|
<p class="site-description"><?php echo esc_html( get_bloginfo( 'name' ) ); ?></p>
|
|
<?php } else { ?>
|
|
<a class="site-title" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
|
|
<?php } ?>
|
|
</div>
|
|
<button class="icon-button menu-toggle" type="button" data-menu-toggle aria-expanded="false" aria-controls="primary-menu">
|
|
<span class="screen-reader-text"><?php esc_html_e( 'Toggle menu', 'c1024-2026' ); ?></span>
|
|
<svg class="icon" aria-hidden="true"><use href="#icon-menu"></use></svg>
|
|
</button>
|
|
<nav class="primary-navigation" aria-label="<?php esc_attr_e( 'Primary menu', 'c1024-2026' ); ?>">
|
|
<?php
|
|
wp_nav_menu(
|
|
array(
|
|
'theme_location' => 'primary',
|
|
'menu_id' => 'primary-menu',
|
|
'menu_class' => 'primary-menu',
|
|
'container' => false,
|
|
'fallback_cb' => false,
|
|
)
|
|
);
|
|
?>
|
|
</nav>
|
|
<div class="header-actions">
|
|
<button class="icon-button" type="button" data-search-toggle aria-expanded="false" aria-controls="site-search">
|
|
<span class="screen-reader-text"><?php esc_html_e( 'Open search', 'c1024-2026' ); ?></span>
|
|
<svg class="icon" aria-hidden="true"><use href="#icon-search"></use></svg>
|
|
</button>
|
|
<button class="icon-button" type="button" data-theme-toggle>
|
|
<span class="screen-reader-text"><?php esc_html_e( 'Change color mode', 'c1024-2026' ); ?></span>
|
|
<svg class="icon" aria-hidden="true"><use data-theme-icon href="#icon-auto"></use></svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="search-panel" id="site-search" data-search-panel>
|
|
<?php get_search_form(); ?>
|
|
</div>
|
|
</header>
|
|
<svg width="0" height="0" class="screen-reader-text" aria-hidden="true">
|
|
<symbol id="icon-search" viewBox="0 0 24 24">
|
|
<circle cx="10.8" cy="10.8" r="6.5"></circle>
|
|
<path d="m16 16 5 5"></path>
|
|
</symbol>
|
|
<symbol id="icon-light" viewBox="0 0 24 24">
|
|
<circle cx="12" cy="12" r="4"></circle>
|
|
<path d="M12 2v2m0 16v2M2 12h2m16 0h2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4m0-14.2-1.4 1.4M6.3 17.7l-1.4 1.4"></path>
|
|
</symbol>
|
|
<symbol id="icon-dark" viewBox="0 0 24 24">
|
|
<path d="M20 15.2A8.5 8.5 0 0 1 8.8 4 8.5 8.5 0 1 0 20 15.2Z"></path>
|
|
</symbol>
|
|
<symbol id="icon-auto" viewBox="0 0 24 24">
|
|
<circle cx="12" cy="12" r="7"></circle>
|
|
<path d="M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.4 1.4m11.2 11.2L19 19m0-14-1.4 1.4M6.4 17.6 5 19M9.5 15l2.5-6 2.5 6m-4-2h3"></path>
|
|
</symbol>
|
|
<symbol id="icon-menu" viewBox="0 0 24 24">
|
|
<path d="M3 6h18M3 12h18M3 18h18"></path>
|
|
</symbol>
|
|
</svg>
|