From 87355bc9c82ec5fd34d833f5df5d79bf56fb67c3 Mon Sep 17 00:00:00 2001 From: tanishraj7 Date: Mon, 28 Oct 2024 12:55:45 +0530 Subject: [PATCH 01/15] improved styling for faq section making it more user attractive --- faq.html | 7 ++++--- index.html | 9 +++++---- 2 files changed, 9 insertions(+), 7 deletions(-) diff --git a/faq.html b/faq.html index ff7de5b..7595de3 100644 --- a/faq.html +++ b/faq.html @@ -40,8 +40,8 @@ } .faq-question { - background-color: #e7ffe7; - color: #333; + background-color: #369ef9; + color: whitesmoke; padding: 10px; width: 100%; text-align: left; @@ -57,7 +57,8 @@ } .faq-question:hover { - background-color: #d5f0d5; + background-color: whitesmoke; + color:#369ef9 ; /* Lighter green on hover */ } diff --git a/index.html b/index.html index a6419b3..548c639 100644 --- a/index.html +++ b/index.html @@ -242,8 +242,8 @@ } .faq-question { - background-color: #e7ffe7; - color: #333; + background-color: #369ef9; + color: whitesmoke; padding: 10px; width: 100%; text-align: left; @@ -259,8 +259,9 @@ } .faq-question:hover { - background-color: #d5f0d5; - /* Lighter green on hover */ + background-color: whitesmoke; + color:#369ef9 ; + /* new colour on hover */ } .faq-question::after { From 79d919b1f6aca76074f6838c9358d2a2146ae675 Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Tue, 29 Oct 2024 13:56:56 +0530 Subject: [PATCH 02/15] fixed navbar navigagtion --- about.html | 46 ++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 40 insertions(+), 6 deletions(-) diff --git a/about.html b/about.html index 1ef5ec7..254762f 100644 --- a/about.html +++ b/about.html @@ -151,6 +151,37 @@ font-size: 1.8rem; } } + + /* Navbar Styles */ + .menu { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .nav-links { + list-style: none; + display: flex; + padding: 10px; + background-color: #f0f0f0; /* Light background color */ + border-radius: 25px; /* Rounded corners */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ + } + + .nav-links li { + margin: 0 15px; /* Space between links */ + } + + .nav-links a { + text-decoration: none; + color: #333; /* Dark text color */ + font-weight: 500; /* Medium font weight */ + transition: color 0.3s; /* Smooth color transition */ + } + + .nav-links a:hover { + color: #007bff; /* Change color on hover */ + } @@ -166,21 +197,24 @@ From 995a139266bcc7f01cd31a77994908e3d09beec2 Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Tue, 29 Oct 2024 13:57:34 +0530 Subject: [PATCH 03/15] Update Contactus.html --- Contactus.html | 56 ++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 50 insertions(+), 6 deletions(-) diff --git a/Contactus.html b/Contactus.html index 392c069..87cc55c 100644 --- a/Contactus.html +++ b/Contactus.html @@ -170,6 +170,37 @@ display: block; /* Show on hover */ } + + /* Navbar Styles */ + .menu { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .nav-links { + list-style: none; + display: flex; + padding: 10px; + background-color: #f0f0f0; /* Light background color */ + border-radius: 25px; /* Rounded corners */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ + } + + .nav-links li { + margin: 0 15px; /* Space between links */ + } + + .nav-links a { + text-decoration: none; + color: #333; /* Dark text color */ + font-weight: 500; /* Medium font weight */ + transition: color 0.3s; /* Smooth color transition */ + } + + .nav-links a:hover { + color: #007bff; /* Change color on hover */ + } @@ -193,12 +224,25 @@
From 17d2fb05136cbfa1239491f0256ed74c8d28b57e Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Tue, 29 Oct 2024 13:58:06 +0530 Subject: [PATCH 04/15] Update faq.html --- faq.html | 71 +++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 70 insertions(+), 1 deletion(-) diff --git a/faq.html b/faq.html index ff7de5b..e81944d 100644 --- a/faq.html +++ b/faq.html @@ -147,9 +147,78 @@ padding: 20px; /* Optional: add padding for better spacing */ } + + /* Navbar Styles */ + .menu { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .nav-links { + list-style: none; + display: flex; + padding: 10px; + background-color: #f0f0f0; /* Light background color */ + border-radius: 25px; /* Rounded corners */ + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ + } + + .nav-links li { + margin: 0 15px; /* Space between links */ + } + + .nav-links a { + text-decoration: none; + color: #333; /* Dark text color */ + font-weight: 500; /* Medium font weight */ + transition: color 0.3s; /* Smooth color transition */ + } + + .nav-links a:hover { + color: #007bff; /* Change color on hover */ + } +
+
+ + + +
+ + Get started +
+
+

About AmbuFlow

+
Frequently Asked Questions [ FAQs ]
@@ -263,4 +332,4 @@ }); - \ No newline at end of file + From f0f5f5b61b6210e6dbe206524ac06587d0e114bc Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Tue, 29 Oct 2024 13:58:38 +0530 Subject: [PATCH 05/15] Update features.html --- features.html | 70 ++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 56 insertions(+), 14 deletions(-) diff --git a/features.html b/features.html index 1bb9ec8..4c05696 100644 --- a/features.html +++ b/features.html @@ -366,6 +366,42 @@ align-items: center; gap: 8px; } + + /* Navbar Styles */ + .menu { + display: flex; + justify-content: center; + margin: 20px 0; + } + + .nav-links { + list-style: none; + display: flex; + padding: 10px; /* Adjust padding for better spacing */ + background-color: rgba(255, 255, 255, 0.9); /* Light background with transparency */ + border-radius: 30px; /* More rounded corners */ + box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Enhanced shadow for depth */ + } + + .nav-links li { + margin: 0 15px; /* Space between links */ + } + + .nav-links a { + text-decoration: none; + color: #333; /* Dark text color */ + font-weight: 400; /* Regular font weight */ + font-size: 16px; /* Adjust font size */ + padding: 10px 15px; /* Add padding for clickable area */ + border: none; /* Remove border */ + border-radius: 20px; /* Rounded corners for links */ + transition: color 0.3s; /* Smooth transition */ + } + + /* Hover effect */ + .nav-links a:hover { + color: #007bff; /* Change text color on hover */ + } @@ -406,19 +442,25 @@
@@ -655,4 +697,4 @@

Subscribe to - \ No newline at end of file + From d3cf49391707e6112d4f4350ff2800e47fa7c06e Mon Sep 17 00:00:00 2001 From: Ananya Gupta <145869907+ananyag309@users.noreply.github.com> Date: Tue, 29 Oct 2024 14:00:59 +0530 Subject: [PATCH 06/15] Update home.html --- home.html | 34 +++++++++++----------------------- 1 file changed, 11 insertions(+), 23 deletions(-) diff --git a/home.html b/home.html index 76d6251..dd3fca5 100644 --- a/home.html +++ b/home.html @@ -19,36 +19,24 @@

From 307b489692173ef02d805f94b99e93afbb592ead Mon Sep 17 00:00:00 2001 From: Pallavi-Mukalla Date: Thu, 31 Oct 2024 11:16:21 +0530 Subject: [PATCH 07/15] updated README for navigable table of contents --- README.md | 36 +++++++++++++++++++++++++----------- 1 file changed, 25 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index a85596e..2aeb60a 100644 --- a/README.md +++ b/README.md @@ -47,7 +47,21 @@ -## DESCRIPTION 📑 +## Table of Contents +- [DESCRIPTION](#description) +- [Why We Need This Application](#why-we-need-this-application) +- [Problem Statement](#problem-statement) +- [Solution](#solution) +- [Key Features](#key-features) +- [Contributing](#contributing) +- [Contribution Guidelines](#contribution-guidelines) +- [Tech Stack](#tech-stack) +- [User-Friendly Experience](#user-friendly-experience) +- [Future Enhancements](#future-enhancements) +- [Our Valuable Contributors](#our-valuable-contributors) +- [Team](#team) + +## DESCRIPTION A mobile app using HTML, CSS, JavaScript, and Google API that helps users find nearby hospitals and track ambulances in real-time. It shows hospital locations, provides directions, and helps manage ambulance routes based on traffic and distance. Please check out the [Screenshots.md](./Screenshots.md) for more clarity on the description of the project. @@ -55,7 +69,7 @@ Please check out the [Screenshots.md](./Screenshots.md) for more clarity on the -## 🌟 Why We Need This Application +## Why We Need This Application 1. **Quick Emergency Response**: Ensures patients receive timely medical assistance by locating the nearest hospitals and ambulances. 2. **Real-Time Tracking**: Provides real-time updates on ambulance locations and traffic conditions, optimizing route management. @@ -66,7 +80,7 @@ Please check out the [Screenshots.md](./Screenshots.md) for more clarity on the -## 🛠 Problem Statement +## Problem Statement While having the name and address of a hospital is useful, visualizing it on a map with precise directions is even more effective. This app aims to bridge that gap by delivering real-time location data and navigation assistance, ensuring users find the nearest hospital quickly and with ease. 🚑 ### 🌟 Quick Access to Hospitals @@ -77,7 +91,7 @@ Visual information is key. Beyond just showing names and addresses, the app prov -## 💡 Solution +## Solution ### 🚑 Quick Access to Hospitals This app offers a comprehensive list of nearby hospitals with essential details such as addresses, contact numbers, and user ratings. Users can filter based on hospital specialties, helping them find the appropriate medical help efficiently. @@ -88,7 +102,7 @@ The built-in map feature shows exact hospital locations, provides directions, an -## 🚀 Key Features +## Key Features ### 🚑 Operator Interface - **🔐 Registration & Sign-In**: Operators can create accounts and securely log in for system access. @@ -108,7 +122,7 @@ The built-in map feature shows exact hospital locations, provides directions, an -## ✨ Contributing +## Contributing We welcome all contributions from the open-source community! If you'd like to contribute, follow these steps: @@ -155,7 +169,7 @@ node server.js 6. make sure that both Backend and index.html file run togethere. -## 🛠 Contribution Guidelines: +## Contribution Guidelines: We welcome all contributions to improve **AmbuFlow**! If you would like to contribute, please follow the [Contributing.md](./Contributing.md) to know how to get started. @@ -172,7 +186,7 @@ Refer to [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) for details on our community g -## 🛠 Tech Stack +## Tech Stack @@ -184,11 +198,11 @@ Refer to [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md) for details on our community g -## 📱 User-Friendly Experience +## User-Friendly Experience This app is designed to be user-friendly, ensuring a seamless experience for both patients and ambulance drivers. The intuitive interface and real-time updates make it easy to navigate and use, even in high-stress situations. -## 📈 Future Enhancements +## Future Enhancements - **Integration with Emergency Services** for faster response times. - **Real-Time Communication** between patients and ambulance drivers. @@ -205,7 +219,7 @@ This app is designed to be user-friendly, ensuring a seamless experience for bot -## 👥 Team +## Team | Mansi Ruhil | |:--:| From 9af62eb9b699b8e0db8611faa8a0d6ca16bf65a4 Mon Sep 17 00:00:00 2001 From: ansiace Date: Thu, 31 Oct 2024 11:42:25 +0530 Subject: [PATCH 08/15] Added cursor pointer on home page cards --- index.html | 10 +++++----- src/css/index.css | 1 - 2 files changed, 5 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 2d8cc00..1e21360 100644 --- a/index.html +++ b/index.html @@ -438,7 +438,7 @@

AmbuFlow...

Welcome to the Ambulance Monitoring System

-
+
Emergency Response

Quick Emergency Response

@@ -446,7 +446,7 @@

Quick Emergency Response

nearest hospitals and ambulances.

-
+
Real-Time Tracking

Real-Time Tracking

@@ -454,7 +454,7 @@

Real-Time Tracking

conditions, optimizing route management.

-
+
24/7 Availability

24/7 Availability

@@ -462,7 +462,7 @@

24/7 Availability

call away, anytime, anywhere.

-
+
Enhanced Communication

Enhanced Communication

@@ -470,7 +470,7 @@

Enhanced Communication

ambulance drivers.

-
+
Resource Management

Resource Management

diff --git a/src/css/index.css b/src/css/index.css index 292dcda..0849fe1 100644 --- a/src/css/index.css +++ b/src/css/index.css @@ -91,7 +91,6 @@ body { width: 100%; gap: 80px; flex-wrap: wrap; - } .team-features, From 08481891853719eda72d59d7810ff186a214a465 Mon Sep 17 00:00:00 2001 From: anjali5Xcode Date: Tue, 5 Nov 2024 13:23:16 +0530 Subject: [PATCH 09/15] Updated login.html --- login.html | 30 +++++++++++++++++++++++++++++- package-lock.json | 2 +- 2 files changed, 30 insertions(+), 2 deletions(-) diff --git a/login.html b/login.html index 6bb0cf7..332957c 100644 --- a/login.html +++ b/login.html @@ -52,7 +52,7 @@

+ diff --git a/nearby.html b/nearby.html index 759a213..ad034c9 100644 --- a/nearby.html +++ b/nearby.html @@ -195,6 +195,30 @@ +

Find Nearby Hospital

Track or call an ambulance and check nearby hospitals for emergency services

diff --git a/script.js b/script.js index b2ce396..f8fef05 100644 --- a/script.js +++ b/script.js @@ -1,133 +1,135 @@ +document.addEventListener("DOMContentLoaded", function () { + const preloader = document.getElementById("preloader"); + if (preloader) { + preloader.style.display = "none"; // Hide preloader after page load + } else { + console.error("Element with ID 'preloader' not found."); + } + + const darkModeButton = document.getElementById("dark-mode-button"); + + // Check if darkModeButton exists before proceeding + if (darkModeButton) { + // Dark mode and light mode functions + const applyDarkMode = () => { + document.body.classList.add("dark-mode"); + document.body.classList.remove("light-mode"); + darkModeButton.innerHTML = ''; // Set icon to sun + document.body.style.backgroundColor = "rgba(50, 50, 50, 0.95)"; + document.body.style.color = "white"; + }; + + const applyLightMode = () => { + document.body.classList.add("light-mode"); + document.body.classList.remove("dark-mode"); + darkModeButton.innerHTML = ''; // Set icon to moon + document.body.style.backgroundColor = ""; // Reset to default + document.body.style.color = ""; // Reset to default + }; + + // Apply the current theme from sessionStorage on load + const currentTheme = sessionStorage.getItem("theme"); + if (currentTheme === "dark") { + applyDarkMode(); + } else { + applyLightMode(); + } + + // Toggle dark mode on button click + darkModeButton.addEventListener("click", () => { + if (document.body.classList.contains("dark-mode")) { + sessionStorage.setItem("theme", "light"); + applyLightMode(); + } else { + sessionStorage.setItem("theme", "dark"); + applyDarkMode(); + } + }); + } else { + console.warn("Element with ID 'dark-mode-button' not found."); + } +}); + let script = document.createElement('script'); script.src = "https://cdn.gtranslate.net/widgets/latest/float.js"; // URL of the external script script.defer = true; // Ensures the script runs after parsing the HTML document.body.appendChild(script); // Add the script to the body -window.gtranslateSettings = { "default_language": "en", "detect_browser_language": true, "wrapper_selector": ".gtranslate_wrapper" } +window.gtranslateSettings = { + "default_language": "en", + "detect_browser_language": true, + "wrapper_selector": ".gtranslate_wrapper" +}; + // Function to change the active class when a link is clicked function changeContent(page) { - var links = document.querySelectorAll(".menu ul li a"); + const links = document.querySelectorAll(".menu ul li a"); // Remove "active" class from all links - links.forEach((link) => link.classList.remove("active"));`` + links.forEach((link) => link.classList.remove("active")); // Add "active" class to the current page link - var activeLink = document.getElementById(page + "-link"); + const activeLink = document.getElementById(page + "-link"); if (activeLink) { activeLink.classList.add("active"); } else { console.error(`Link with id ${page + '-link'} not found`); } - - console.log(page + "-link"); } +// Language-based content visibility const currentLanguage = window.gtranslateSettings.current_language; const ambuFlowText = document.querySelector(".main_heading h2[data-link_h2='AmbuFlow...']"); - if (currentLanguage === 'gu' || currentLanguage === 'hi') { ambuFlowText.style.display = 'none'; // Hide text for Gujarati and Hindi } else { ambuFlowText.style.display = 'block'; // Show text for other languages } - // Function that runs when the window loads window.onload = function () { - // Assuming you are using the URL or some global variable to determine the page - var currentPage = window.location.pathname.split("/").pop().replace(".html", ""); + const currentPage = window.location.pathname.split("/").pop().replace(".html", ""); if (currentPage) { changeContent(currentPage); } - // Add delay to each letter drop + // Add delay to each letter drop animation const letters = document.querySelectorAll('.letter'); letters.forEach((letter, index) => { letter.style.animationDelay = `${index * 0.1}s`; }); }; -// JS for dark mode functionality -// adding code for dark mode -document.addEventListener("DOMContentLoaded", () => { - const darkModeButton = document.getElementById("dark-mode-button"); +// Dark mode functionality - // Check sessionStorage for dark mode preference - const currentTheme = sessionStorage.getItem("theme"); - if (currentTheme === "dark") { - document.body.classList.add("dark-mode"); - document.body.classList.remove("light-mode"); - darkModeButton.innerHTML = ''; // Change icon - } else { - document.body.classList.add("light-mode"); - document.body.classList.remove("dark-mode"); - darkModeButton.innerHTML = ''; // Change icon - } - darkModeButton.addEventListener("click", () => { - document.body.classList.toggle("dark-mode"); - document.body.classList.toggle("light-mode"); - - // Save preference to sessionStorage - if (document.body.classList.contains("dark-mode")) { - sessionStorage.setItem("theme", "dark"); - darkModeButton.innerHTML = ''; // Change icon - } else { - sessionStorage.setItem("theme", "light"); - darkModeButton.innerHTML = ''; // Change icon - } - }); -}); - -//For Translator -window.gtranslateSettings = { - "default_language": "en", - "detect_browser_language": true, - "wrapper_selector": ".gtranslate_wrapper", - "alt_flags": { "en": "usa" } -} +// Translator toggle functionality const translateBtn = document.getElementById('translateBtn'); const gTranslate = document.getElementById('gTranslate'); -translateBtn.addEventListener('click', function () { - if (gTranslate.style.display === 'none') { - gTranslate.style.display = 'block'; - } else { - gTranslate.style.display = 'none'; - } +translateBtn.addEventListener('click', () => { + gTranslate.style.display = gTranslate.style.display === 'none' ? 'block' : 'none'; }); // Close the translator popup when clicking outside -document.addEventListener('click', function (event) { +document.addEventListener('click', (event) => { if (!gTranslate.contains(event.target) && event.target !== translateBtn) { gTranslate.style.display = 'none'; } }); // Newsletter form submission handler - -document - .getElementById("newsletter-form") - .addEventListener("submit", function (event) { - event.preventDefault(); // Prevent the form from submitting normally - - const emailInput = document.getElementById("email"); - const confirmationMessage = document.getElementById("confirmation-message"); - - // Optionally send the email to your backend - const email = emailInput.value; - - // Simulate a successful submission (you could replace this with an actual API call) - console.log(`Email submitted: ${email}`); // For debugging - - // Display the confirmation message - confirmationMessage.textContent = - "Thank you for subscribing! Please check your email for further instructions."; - confirmationMessage.classList.remove("hidden"); - - // Clear the form - emailInput.value = ""; - }); +document.getElementById("newsletter-form").addEventListener("submit", function (event) { + event.preventDefault(); // Prevent the form from submitting normally + const emailInput = document.getElementById("email"); + const confirmationMessage = document.getElementById("confirmation-message"); + + const email = emailInput.value; + console.log(`Email submitted: ${email}`); // For debugging + confirmationMessage.textContent = "Thank you for subscribing! Please check your email for further instructions."; + confirmationMessage.classList.remove("hidden"); + emailInput.value = ""; // Clear the form +}); // Accordion functionality const accordions = document.querySelectorAll(".accordion"); @@ -157,12 +159,9 @@ accordions.forEach((accordion, index) => { }); }); - - // Back to top button functionality const backToTopButton = document.getElementById('back-to-top'); -// Show the button when scrolled down 100px from the top window.onscroll = function () { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { backToTopButton.style.display = "block"; @@ -170,5 +169,3 @@ window.onscroll = function () { backToTopButton.style.display = "none"; } }; - - diff --git a/team.html b/team.html index 771933c..4387a67 100644 --- a/team.html +++ b/team.html @@ -10,72 +10,32 @@ +