Code Refractor and Header Bug Fix

[CyberSphinxxx]

Pull Request: Simplify File Structure and Fix Header Scroll

Description

This PR organizes the Findly project files into a cleaner structure and fixes the header scroll effect (transparent to white background) on login.html and register.html.

Changes

1. Refactored File Structure:

   • Moved files into src/ with subfolders:

     findly/
     ├── src/
     │   ├── assets/     # Images (logo.png, USTP.jpg)
     │   ├── css/        # CSS files (styles.css, auth.css)
     │   ├── html/       # HTML pages (login.html, register.html)
     │   ├── js/         # JS files (script.js, auth.js)
     │   └── index.html  # Homepage
     └── README.md
     

   • Updated file paths in all HTML files:
     • index.html: <link rel="stylesheet" href="css/styles.css">, <script src="js/script.js">, <img src="assets/logo.png">
     • login.html and register.html: <link rel="stylesheet" href="../css/styles.css">, <script src="../js/script.js">

2. Fixed Header Scroll Effect:

   • Issue: Header scroll effect didn’t work on login.html and register.html due to JavaScript timing.
   • Fix: Updated script.js to run the scroll listener immediately and on DOMContentLoaded.
   • Updated script.js snippet:

     function initHeaderScroll() {
         const header = document.querySelector('header');
         if (!header) return;
         window.addEventListener('scroll', function() {
             if (window.scrollY > 50) {
                 header.classList.add('scrolled');
             } else {
                 header.classList.remove('scrolled');
             }
         });
     }
     initHeaderScroll();
     document.addEventListener('DOMContentLoaded', initHeaderScroll);

3. Updated README:

   • Adjusted the project structure and paths in README.md to match the new layout.

Testing

• Header scroll effect works on all pages (index.html, login.html, register.html).
• All assets (CSS, JS, images) load correctly.
• Other features (item listing, forms, mobile menu) are unaffected.

[Cejj28]

WOWWW, SO NICE!! THANK YOU SO MUCH!