From 1e0c9623cc72f03b393803c576e00bd6fd84d240 Mon Sep 17 00:00:00 2001 From: Om Amar <142908269+OmAmar106@users.noreply.github.com> Date: Wed, 23 Oct 2024 16:52:18 +0530 Subject: [PATCH 1/4] removed errors --- Feedback.html | 2 +- contact.html | 2 +- features.html | 2 +- nearby.html | 2 +- sitemap.html | 894 +++++++++++++++++++++++++++++++++++++------------- team.html | 2 +- up.html | 688 +------------------------------------- 7 files changed, 691 insertions(+), 901 deletions(-) diff --git a/Feedback.html b/Feedback.html index 10b5e4ac..cc2a272a 100644 --- a/Feedback.html +++ b/Feedback.html @@ -312,7 +312,7 @@
  • - + Feedback
    • diff --git a/contact.html b/contact.html index e7da1919..44adea6b 100644 --- a/contact.html +++ b/contact.html @@ -257,7 +257,7 @@ Contact
  • - + Feedback
  • diff --git a/features.html b/features.html index 88ff6bc5..249b0b14 100644 --- a/features.html +++ b/features.html @@ -262,7 +262,7 @@ Contact
  • - + Feedback
  • diff --git a/nearby.html b/nearby.html index 5c433415..9cd9b1fc 100644 --- a/nearby.html +++ b/nearby.html @@ -168,7 +168,7 @@ Contact
  • - + Feedback
  • diff --git a/sitemap.html b/sitemap.html index 02318db6..3dedb8f3 100644 --- a/sitemap.html +++ b/sitemap.html @@ -1,244 +1,692 @@ - - - - - - - Site Map - AmbuFlow - - - - - - - + - - -
    -
    - - - -
    - - Get started -
    -
    - -
    - -
    -

    Site Map AmbuFlow

    - -
    - - - + + + + +
    +
    + A + m + b + u + F + l + o + w +
    + Ambulance Monitoring System Logo +
    +

    +
    +

    Site Map AmbuFlow

    + +
    +
    +

    Site Map AmbuFlow

    + +
    + + + + + + + + + + + + + + + + + diff --git a/team.html b/team.html index ccd92b1c..8dbb801a 100644 --- a/team.html +++ b/team.html @@ -281,7 +281,7 @@ Contact
  • - + Feedback
  • diff --git a/up.html b/up.html index d42e4e7e..67455849 100644 --- a/up.html +++ b/up.html @@ -1,662 +1,4 @@ - -
    - * Password must be at least 8 characters long, contain at least one uppercase letter, one lowercase letter, one number, and one special character. -
    - -

    Or Sign up with social platforms

    -
    - - - -
    - - - -
    - - -
    - -

    Or Sign in with social platforms

    -
    - - - -
    - - -
    - - - - - -
    -
    -

    New here ?

    -

    - Discover new experiences with AmbuFlow!
    Get access to - exclusive content and features.
    - Create your account. -

    - - - - - - -
    - -
    -
    -
    -

    One of us ?

    - -

    - Welcome to our community -

    - - -

    Welcome to our community

    - - -
    - -
    -
    -
    - - - - - // Validate inputs - if (username === "" || email === "" || password === "") { - alert("Please fill in all fields"); - return; - } - - // Generate a UUID - const userId = uuid.v4(); - console.log("Generated UUID:", userId); - - const data = JSON.stringify({ - id: userId, - username, - email, - password, - }); - console.log(data); - - // Uncomment the below code when MongoDB is ready - /* - try { - const response = await fetch("http://localhost:3000/signup", { - method: "POST", - headers: { - "Content-Type": "application/json", - }, - body: data, - }); - - if (!response.ok) { - const errorData = await response.json(); - throw new Error(errorData.message || "Signup failed"); - } - - const result = await response.json(); - console.log("Server response:", result); - - alert("Signup successful!"); - window.location.href = "login.html"; - } catch (error) { - alert(error.message); - console.error("Error during signup:", error); - } - */ - }); - - // Toggle password visibility - function togglePassword(fieldId, icon) { - const field = document.getElementById(fieldId); - const isPassword = field.type === "password"; - - // Toggle between 'password' and 'text' - field.type = isPassword ? "text" : "password"; - - // Change the icon class between eye and eye-slash - icon.classList.toggle("fa-lock-open", isPassword); - icon.classList.toggle("fa-lock", !isPassword); - } - - document - .getElementById("toggle-password") - .addEventListener("click", function () { - togglePassword("password-input", this); - }); - - document - .getElementById("toggle-password-signup") - .addEventListener("click", function () { - togglePassword("password-input-signup", this); - }); - - // Check password strength - function checkPasswordStrength() { - const password = document.querySelector( - ".sign-up-form input[type='password']" - ).value; - const strengthWeak = document.getElementById("strength-weak"); - const strengthMedium = document.getElementById("strength-medium"); - const strengthStrong = document.getElementById("strength-strong"); - - let strength = 0; - - if (password.length >= 8) strength++; - if (password.match(/[A-Z]/)) strength++; - if (password.match(/[a-z]/)) strength++; - if (password.match(/[0-9]/)) strength++; - if (password.match(/[^a-zA-Z0-9]/)) strength++; - - strengthWeak.className = ""; - strengthMedium.className = ""; - strengthStrong.className = ""; - - if (strength >= 1) strengthWeak.className = "weak"; - if (strength >= 3) strengthMedium.className = "medium"; - if (strength >= 5) strengthStrong.className = "strong"; - } - - document - .querySelector(".sign-up-form input[type='password']") - .addEventListener("input", checkPasswordStrength); - - - - - --> @@ -764,9 +106,9 @@

    One of us ?

    + + + + + + + + + + +
    @@ -431,5 +465,4 @@

    Subscribe to - \ No newline at end of file diff --git a/features.html b/features.html index 249b0b14..1bb9ec84 100644 --- a/features.html +++ b/features.html @@ -38,6 +38,108 @@ } + /* dark mode hove effect on logo */ + body.dark-mode #logo img:hover { + filter: brightness(0) invert(1); + /* Change black logo to white */ + filter: brightness(0.8); + /* Change the brightness to light grey on hover */ + } + + .navbar.dark-mode .logo-img { + filter: brightness(0) invert(1); + /* Change logo color in dark mode */ + } + + .menu ul { + list-style-type: none; + padding: 0; + display: flex; + } + + + .menu a { + color: black; + /* Light mode link color */ + border: 2px solid black; + border-radius:7px; + padding: 3px 7px; + text-decoration: none; + transition: all 0.3s; + } + + .menu ul li a:hover { + background-color: rgb(255, 255, 255); + /* Blue background on hover */ + color: white; + /* White text on hover */ + } + a:hover { + color: blue !important; + } + + .dark-mode .menu a { + color: white; + /* Dark mode link color */ + border: 1px solid lightgrey; + /* Light grey border in dark mode */ + } + + .dark-mode { + background-color: rgba(50, 50, 50, 0.95); + /* Slightly gray background with high opacity */ + } + + .dark-mode .menu a:hover { + background-color: white; + /* White background on hover in dark mode */ + color: black; + /* Black text on hover in dark mode */ + } + + .light-dark-btn { + + background-color: transparent; + border: 1px solid black; + /* Black border */ + cursor: pointer; + color: black; + /* Default button color */ + width: 50px; + } + + .light-dark-btn { + background-color: transparent; + border: 1px solid black; + cursor: pointer; + color: black; + border-radius: 50px; + } + + .light-dark-btn:hover { + color: blue; + /* Change color on hover */ + } + + .dark-mode .light-dark-btn { + color: white; + /* Button color in dark mode */ + border: 1px solid lightgrey; + /* Light grey border */ + } + + .dark-mode .light-dark-btn:hover { + background-color: white; + /* Background on hover in dark mode */ + color: black; + /* Text color on hover in dark mode */ + } + + .buttons { + display: flex; + align-items: center; + } + /* end */ /* adding dark mode for contact info */ @@ -58,6 +160,71 @@ } /* end */ + + + + .logo { + display: flex; + align-items: center; + animation: logoAnimation 1s ease forwards; + } + + .brand-name { + display: flex; + flex-direction: row; + align-items: center; + margin-right: 10px; + /* Space between the text and the logo image */ + } + + .letter { + + display: inline-block; + font-size: 2rem; + animation: letterDrop 0.5s ease forwards; + animation-delay: calc(var(--letter-index)* 0.1s); + + } + + .letter { + display: inline-block; + font-size: 2rem; + } + + .red { + color: red; + /* Change the color of letters in this class to red */ + } + + .menu ul { + list-style-type: none; + padding: 0; + } + + .menu ul li { + display: inline; + margin-right: 7px; + } + + .menu ul li a { + padding: 10px 15px; + color: black; + text-decoration: none; + transition: background-color 0.3s, color 0.3s; + } + + .menu ul li a:hover { + background-color: blue; + color: white; + } + + .menu ul li a.active { + color: white; + background-color: #000; + } + + + .content { margin: 20px; padding: 20px; @@ -219,6 +386,52 @@ +
    +
    + + + + +
    + + + + Get started + + + +