starting technical seo
This commit is contained in:
110
header.php
110
header.php
@@ -29,12 +29,12 @@
|
||||
|
||||
<!-- Header Logo -->
|
||||
<a class="relative z-50 flex items-center space-x-4" href="<?php echo get_site_url(); ?>">
|
||||
<img width="50px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
|
||||
<img width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
|
||||
<h1 class="font-bold hidden lg:flex text-white text-2xl">NAN Student Handbook</h1>
|
||||
</a>
|
||||
|
||||
<!-- Header Search -->
|
||||
<div class="relative lg:w-2/4 flex items-center">
|
||||
<div class="relative md:w-2/4 flex flex-1 items-center">
|
||||
<div class="absolute left-4 h-full flex items-center w-1/12"><i class="text-black bi bi-search"></i></div>
|
||||
<input class="pl-10 rounded-md bg-gray-300" type="text" placeholder="Search...">
|
||||
</div>
|
||||
@@ -73,76 +73,74 @@
|
||||
<div class="h-full space-y-8 overflow-x-hidden overflow-y-scroll no-scrollbar pt-24 pb-28">
|
||||
|
||||
<!-- Option/Settings Icon -->
|
||||
<div class="text-white">
|
||||
<div class="w-full px-4 flex justify-end"><button><i class="text-2xl bi bi-gear-fill"></i></button></div>
|
||||
<div class="w-full px-4 flex justify-end text-white">
|
||||
<button><i class="text-2xl bi bi-gear-fill"></i></button>
|
||||
</div>
|
||||
|
||||
<!-- Menu Section -->
|
||||
<nav class="flex flex-1 flex-col">
|
||||
<div class="flex flex-1 flex-col gap-y-7">
|
||||
<nav>
|
||||
|
||||
<!-- Primary Menu -->
|
||||
<div>
|
||||
<ul role="list" class="-mx-2 text-white space-y-2">
|
||||
<!-- Primary Menu -->
|
||||
|
||||
<!-- Menu Loop -->
|
||||
<?php
|
||||
$pages = get_pages_as_array();
|
||||
<ul role="list" class="text-white space-y-2">
|
||||
|
||||
foreach ($pages as $page) {
|
||||
<!-- Menu Loop -->
|
||||
<?php
|
||||
$pages = get_pages_as_array();
|
||||
|
||||
$pageID = $page['page']->ID;
|
||||
$pageTitle = $page['page']->post_title;
|
||||
$pageSlug = $page['page']->post_name;
|
||||
$pageBG = $page['page']->post_name . '.png';
|
||||
$pageBootstrapIcon = get_field('bootstrap_icon', $page['page']->ID);
|
||||
foreach ($pages as $page) {
|
||||
|
||||
?>
|
||||
$pageID = $page['page']->ID;
|
||||
$pageTitle = $page['page']->post_title;
|
||||
$pageSlug = $page['page']->post_name;
|
||||
$pageBG = $page['page']->post_name . '.png';
|
||||
$pageBootstrapIcon = get_field('bootstrap_icon', $page['page']->ID);
|
||||
|
||||
<li class="accordion">
|
||||
<div class="flex hover:bg-gray-800 px-2 rounded-md justify-between">
|
||||
<a href="<?php echo get_site_url() . '/' . $pageSlug; ?>" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
|
||||
<i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i>
|
||||
<p><?php echo $pageTitle ?></p>
|
||||
?>
|
||||
|
||||
<li class="accordion">
|
||||
<div class="flex lg:px-2 hover:bg-gray-800 rounded-md justify-between">
|
||||
<a href="<?php echo get_site_url() . '/' . $pageSlug; ?>" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
|
||||
<i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i>
|
||||
<p><?php echo $pageTitle ?></p>
|
||||
</a>
|
||||
|
||||
<?php if ($page['subpages']) { ?>
|
||||
<button class="accordion-toggle">
|
||||
<i class="fas fa-chevron-down items-center ml-auto rounded-md bg-gray-900 px-2.5 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
|
||||
<i class="fas fa-times items-center ml-auto rounded-md bg-gray-900 px-3 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
|
||||
</button>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<ul class="accordion-content space-y-2">
|
||||
<?php foreach ($page['subpages'] as $subpage) {
|
||||
|
||||
$subpageID = $subpage->ID;
|
||||
$subpageTitle = $subpage->post_title;
|
||||
$subpageSlug = $subpage->post_name;
|
||||
$subpageBG = $subpage->post_name . '.png';
|
||||
$subpageBootstrapIcon = get_field('bootstrap_icon', $subpage->ID);
|
||||
|
||||
?>
|
||||
<li class="p-2">
|
||||
<a href="<?php echo get_site_url() . '/' . $pageSlug . '/' . $subpageSlug ?>" class="flex space-x-2 items-center"><i class="bi-caret-right-fill"></i>
|
||||
<p><?php echo $subpageTitle ?></p>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<?php if ($page['subpages']) { ?>
|
||||
<button class="accordion-toggle">
|
||||
<i class="fas fa-chevron-down items-center ml-auto rounded-md bg-gray-900 px-2.5 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
|
||||
<i class="fas fa-times items-center ml-auto rounded-md bg-gray-900 px-3 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
|
||||
</button>
|
||||
<?php } ?>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</div>
|
||||
<ul class="accordion-content space-y-2">
|
||||
<?php foreach ($page['subpages'] as $subpage) {
|
||||
<!-- Horizontal Rule -->
|
||||
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
|
||||
|
||||
$subpageID = $subpage->ID;
|
||||
$subpageTitle = $subpage->post_title;
|
||||
$subpageSlug = $subpage->post_name;
|
||||
$subpageBG = $subpage->post_name . '.png';
|
||||
$subpageBootstrapIcon = get_field('bootstrap_icon', $subpage->ID);
|
||||
<?php } ?>
|
||||
|
||||
?>
|
||||
<li class="p-2">
|
||||
<a href="<?php echo get_site_url() . '/' . $pageSlug . '/' . $subpageSlug ?>" class="flex space-x-2 items-center"><i class="bi-caret-right-fill"></i>
|
||||
<p><?php echo $subpageTitle ?></p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<!-- Horizontal Rule -->
|
||||
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user