WordPress_Themes/NAN_Student_Handbook
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui/ux improvements

Browse Source
This commit is contained in:
Prospect
2024-02-26 14:16:28 -05:00
parent 64b7590286
commit 2468c8d100
17 changed files with 111 additions and 100 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/partials/navigation.php
View File

@@ -20,7 +20,7 @@
<!-- Header Buttons -->
<div class="text-white">
<button id="toggle-nav" class="toggle-menu"> <i></i> <i></i><i></i> </button>
<button aria-label="Mobile Menu" id="toggle-nav" class="toggle-menu"> <i></i> <i></i><i></i> </button>
</div>
</header>
@@ -78,7 +78,7 @@
</a>
<?php if ($page['subpages']) { ?>
<button class="accordion-toggle">
<button aria-label="Dropdown Toggle" 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>
@@ -119,19 +119,19 @@
</section>
<!-- Splash Screen Content-->
<!-- Splash Screen-->
<section id="splash-screen" class="hidden absolute w-full bottom-0 h-screen items-center justify-center">
<div class="space-y-8 px-4 text-white flex flex-col h-screen justify-center items-center">
<img class="w-56" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-white.png" alt="Splash Logo">
<h1 class="uppercase text-center font-bold text-xl">A student handbook for post secondary transitions</h1>
<button id="app-enter" class="bg-blue-800 shadow-sm shadow-gray-50 px-12 py-4 rounded-md"><i class="bi bi-box-arrow-in-right pr-4"></i>Enter</button>
<button aria-label="Enter Site" id="app-enter" class="bg-blue-800 shadow-sm shadow-gray-50 px-12 py-4 rounded-md"><i class="bi bi-box-arrow-in-right pr-4"></i>Enter</button>
</div>
</section>
<!-- Back Button -->
<button id="back-button" class="flex items-center justify-center cursor fixed bottom-24 right-4 z-50">
<!-- Back Button -->
<button aria-label="Back Button" id="back-button" class="flex items-center justify-center cursor fixed bottom-24 right-4 z-50">
<div class="bg-white rounded-full p-1"><i class="relative -top-0.5 bi bi-arrow-left-circle-fill text-blue-500 hover:text-blue-900 opacity-70 hover:opacity-100 text-4xl"></i></div>
<div class="hidden bg-white rounded-full p-1"><i class="relative -top-0.5 bi bi-arrow-right-circle-fill text-blue-500 hover:text-blue-900 opacity-70 hover:opacity-100 text-4xl"></i></div>
</button>