slowtwitch-news/header.php

66 lines
2.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">
<div class="st-header-icon-bar">
<a href="#" class="st-chip st-chip-primary">forum</a>
<?php
if (is_user_logged_in() == false) {
?>
<a href="#" class="st-chip st-chip-secondary">join</a>
<?php
}
?>
<a href="#" class="st-header-icon"><i class="fa fa-user"></i></a>
<button class="st-nav-btn st-open-search" aria-label="Open Search"><i class="fa fa-search"></i></button>
<button class="st-nav-btn st-open-nav" aria-label="Open Navigation">&#9776;</button>
</div>
<h1 class="st-site-title">Slowtwitch</h1>
<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>