slowtwitch-news/header.php

78 lines
3.4 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
-->
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head() ?>
</head>
<body>
<header class="st-header st-main-grid">
<a href="<?php echo home_url() ?>" class="st-hidden-home-header-link"></a>
<div class="st-header-icon-bar">
<?php
wp_nav_menu(
array(
'menu' => 'desktop-nav',
'container' => '',
'theme_location' => 'primary',
'items_wrap' => '<ul class="st-desktop-nav-links">%3$s</ul>'
)
);
?>
<a href="https://forum.slowtwitch.com" class="st-chip st-chip-primary st-header-icon-bar__item">forum</a>
<a href="https://shop.slowtwitch.com" class="st-chip st-chip-secondary st-header-icon-bar__item">shop</a>
<button class="st-nav-btn st-open-search st-header-icon-bar__item" aria-label="Open Search"><i class="fa fa-search"></i></button>
<button class="st-nav-btn st-open-nav st-header-icon-bar__item" aria-label="Open Navigation"><i class="fa fa-bars"></i></button>
</div>
<div class="st-site-title-grid">
<a href="<?php echo home_url() ?>" class="st-site-title-link st-site-title-link__ball">
<img src="/wp-content/themes/slowtwitch-news/assets/images/slowtwitch-ball-dark-blue.png" alt="Logotype" class="st-site-title__ball">
</a>
<a href="<?php echo home_url() ?>" class="st-site-title-link st-site-title-link__main-title">
<img src="/wp-content/themes/slowtwitch-news/assets/images/logotype-dark-blue.png" alt="Logotype" class="st-site-title">
</a>
</div>
<nav class="st-nav st-main-grid">
<button class="st-nav-btn st-close-nav" aria-label="Close Navigation">&times;</button>
<?php
wp_nav_menu(
array(
'menu' => 'primary',
'container' => '',
'theme_location' => 'primary',
'items_wrap' => '<ul class="st-nav-links">%3$s</ul>'
)
);
?>
</nav>
<div class="st-search-overlay st-main-grid">
<button class="st-nav-btn st-close-search" aria-label="Close Search">&times;</button>
<form class="st-search-form" method="get" action="/">
<div class="st-searchbar-container">
<input type="text" class="st-search-box" name="s" id="s" placeholder="What are you looking for?" />
<button class="st-nav-btn st-btn-search">
<i class="fa fa-search st-open-search"></i>
</button>
</div>
</form>
</div>
</header>