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

starting splash fix

Browse Source
This commit is contained in:
prospect
2024-01-19 02:26:43 -05:00
parent 4a395f32c5
commit a8edae6d2c
2 changed files with 2 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/styles.css
View File

@@ -2005,18 +2005,6 @@ body.login {
translate: 0; translate: 0;
} }
#header-nav.out-of-view {
opacity: 0;
translate: 0 -100%;
transition: opacity 2000ms ease-in-out;
transition: translate 1000ms ease-in-out;
}
#header-nav.in-view {
opacity: 1;
translate: 0 0;
}
#content-container { #content-container {
transition: opacity 0.3s ease-in-out; /* Adjust the duration and timing function as needed */ transition: opacity 0.3s ease-in-out; /* Adjust the duration and timing function as needed */
} }

8
templates/partials/navigation.php
View File

@@ -6,9 +6,7 @@
?> ?>
<!-- Header --> <!-- Header -->
<section id="header-nav" class="w-full absolute bg-blue-500 top-0 z-50 <?php if (!isset($_SESSION['splash_shown'])) { <section id="header-nav" class="w-full absolute bg-blue-500 top-0 z-50">
echo 'out-of-view';
} else echo 'in-view' ?>">
<header class="flex items-center justify-between text-center px-4 py-2 space-x-2 lg:space-x-8 bg-blue-800"> <header class="flex items-center justify-between text-center px-4 py-2 space-x-2 lg:space-x-8 bg-blue-800">
<!-- Header Logo --> <!-- Header Logo -->
@@ -29,9 +27,7 @@
</section> </section>
<!-- Bottom Menu --> <!-- Bottom Menu -->
<section id="footer-nav" class="w-full text-white absolute bottom-0 z-50 text-center pt-4 pb-8 bg-blue-800 <?php if (!isset($_SESSION['splash_shown'])) { <section id="footer-nav" class="w-full text-white absolute bottom-0 z-50 text-center pt-4 pb-8 bg-blue-800">
echo 'out-of-view';
} else echo 'in-view' ?>">
<ul class="lg:max-w-3xl mx-auto text-3xl grid grid-cols-6"> <ul class="lg:max-w-3xl mx-auto text-3xl grid grid-cols-6">
<!-- Menu Icons Loop --> <!-- Menu Icons Loop -->