diff options
Diffstat (limited to 'header.php')
| -rwxr-xr-x[-rw-r--r--] | header.php | 60 |
1 files changed, 56 insertions, 4 deletions
diff --git a/header.php b/header.php index d313adf..d0618c7 100644..100755 --- a/header.php +++ b/header.php @@ -3,13 +3,65 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> - <!--link rel="stylesheet" href="css/pico.min.css"--> - <title>Hello world!</title> - <?php wp_head();?> + <?php + // Output CSS variable for header banner with versioning + $theme_version = wp_get_theme()->get('Version'); + ?> + <style> + :root { + --banner-url: url('<?php echo get_template_directory_uri(); ?>/media/banner.jpeg?v=<?php echo $theme_version; ?>'); + } + </style> + + <?php wp_head();?> <meta name="color-scheme" content="light"> </head> <body> +<header class="site-header"> + <div class="header-inner container"> + <div class="header-main"> + <h1 class="site-title" data-theme="dark"> + <a href="<?php echo home_url(); ?>" + class="pico-delinkify" + <?php if ( is_front_page() ) : ?>aria-current="page"<?php endif; ?>> + Adam <span<?php if ( is_front_page() ) echo ' aria-current="page"'; ?>>Malcz</span>ewski + </a> + </h1> + <div> + <?php + wp_nav_menu( + array( + 'theme_location' => 'top-menu', + 'container' => 'nav', + 'container_class' => 'main-nav', + 'container_aria_label' => 'Main menu', + 'menu_class' => 'nav-list', + 'fallback_cb' => false, + 'walker' => new Pico_Details_Nav_Walker(), + ) + ); + ?> + </div> + <!--nav class="main-nav" aria-label="Main menu" data-theme="dark"> + <ul class="nav-list"> + <li><a href="<?php echo home_url(); ?>" class="contrast underline">Home</a></li> + <li><a href="<?php echo home_url('/musings'); ?>" class="contrast underline">Musings</a></li> + <li><a href="<?php echo home_url('/projects'); ?>" class="contrast underline">Projects</a></li> + </ul> + </nav--> + </div> - + <nav class="theme-selector"> + <details class="dropdown"> + <summary role="button" class="outline contrast" data-theme="dark">Theme</summary> + <ul class="dropdown-menu"> + <li><a href="#" data-theme-switcher="auto">Auto</a></li> + <li><a href="#" data-theme-switcher="light">Light</a></li> + <li><a href="#" data-theme-switcher="dark">Dark</a></li> + </ul> + </details> + </nav> + </div> +</header>
\ No newline at end of file |