PRMSChallengeOct

Sleeping

App Files Files Community

vineelagampa

TheFrogGod commited on Sep 14, 2025

Commit

63c2810

verified ·

1 Parent(s): d3d89a9

Changes to styling and consistency across the analyzer. (#6)

Browse files

- Changes to styling and consistency across the analyzer. (625497d84bfe430917da02e4f3fedf33973cab8b)

Co-authored-by: Aanya Choudhary <TheFrogGod@users.noreply.huggingface.co>

Files changed (1) hide show

web/analyzer.html +48 -126

web/analyzer.html CHANGED Viewed

@@ -1,117 +1,12 @@
-<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <title>Document Analyzer | CTRL + ALT + HEAL</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="https://cdn.tailwindcss.com"></script>
-    <style>
-      :root {
-        --tropical-indigo: rgb(120, 187, 242);
-        --wisteria: rgb(197, 217, 251);
-        --latte-cream: #ffffff;
-      }
-      body {
-        font-family: "Rubik", sans-serif;
-        background-color: var(--latte-cream);
-        color: #333;
-      }
-      nav a {
-        color: #333;
-        transition: color 0.3s ease;
-      }
-      nav a:hover {
-        color: var(--tropical-indigo);
-      }
-      .rec-card {
-        background-color: var(--latte-cream);
-        border: 1px solid var(--wisteria);
-        border-radius: 1rem;
-        padding: 1.25rem;
-        margin-bottom: 1.5rem;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-        transition: all 0.3s ease;
-      }
-      .rec-card:hover {
-        transform: translateY(-3px);
-        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
-      }
-      .rec-title {
-        font-size: 1.125rem;
-        font-weight: 700;
-        color: var(--tropical-indigo);
-        margin-bottom: 0.5rem;
-      }
-      .rec-badge {
-        font-size: 0.75rem;
-        font-weight: 600;
-        padding: 0.25rem 0.75rem;
-        border-radius: 9999px;
-      }
-      .badge-high {
-        background-color: #fee2e2;
-        color: #b91c1c;
-      }
-      .badge-medium {
-        background-color: #fef3c7;
-        color: #92400e;
-      }
-      .badge-low {
-        background-color: #d1fae5;
-        color: #065f46;
-      }
-      .rec-content {
-        list-style-type: disc;
-        margin-left: 1.25rem;
-        font-size: 0.875rem;
-        color: #374151;
-      }
-      .rec-link {
-        color: var(--tropical-indigo);
-        text-decoration: underline;
-      }
-      .rec-link:hover {
-        color: #4b7bbd;
-      }
-      .btn-primary {
-        background-color: var(--tropical-indigo);
-        color: white;
-        transition: background-color 0.3s ease;
-      }
-      .btn-primary:hover {
-        background-color: #5ba5dd;
-      }
-      input,
-      textarea {
-        border: 1px solid var(--wisteria);
-        background-color: #fafbfc;
-      }
-      input:focus,
-      textarea:focus {
-        outline: none;
-        border-color: var(--tropical-indigo);
-        box-shadow: 0 0 0 2px rgba(120, 187, 242, 0.3);
-      }
-      h2,
-      h3 {
-        color: var(--tropical-indigo);
-      }
-      #chat-output {
-        background-color: #f7f9fc;
-        border: 1px solid var(--wisteria);
-      }
-    </style>
   </head>
   <body class="bg-[var(--latte-cream)] font-sans text-gray-800 min-h-screen">
     <!-- NAVBAR -->
@@ -128,10 +23,10 @@
         </a>
         <ul class="hidden md:flex space-x-6 font-medium text-gray-800">
-          <li><a href="index.html" class="nav-link">Home</a></li>
           <li><a href="analyzer.html" class="nav-link">Analyzer</a></li>
-          <li><a href="past_data.html" class="nav-link">Past Reports</a></li>
-          <li><a href="profile.html" class="nav-link">Profile</a></li>
           <li id="authNavItem"><a href="login.html" class="nav-link">Login</a></li>
         </ul>
@@ -220,9 +115,7 @@
     <!-- secound change marker-->
     <main class="max-w-5xl mx-auto px-4 mb-16 pt-24">
       <!-- Upload Section -->
-      <div
-        class="bg-[var(--latte-cream)] border border-[var(--wisteria)] rounded-lg p-6 mb-8"
-      >
         <h2 class="text-xl font-semibold mb-4">
           Upload & Analyze Your Medical PDF or Image
         </h2>
@@ -325,18 +218,47 @@
       window.firestoreDb = db;
       window.firestoreHelpers = { collection, doc, addDoc, serverTimestamp };
-      onAuthStateChanged(auth, (user) => {
-        const authNavItem = document.getElementById("authNavItem");
-        if (authNavItem) {
-          if (user) {
-            authNavItem.innerHTML =
-              '<button onclick="logout()" class="hover:text-[#6B9080] text-red-600">Logout</button>';
-          } else {
-            authNavItem.innerHTML =
-              '<a href="login.html" class="hover:text-[#6B9080]">Login</a>';
-          }
-        }
-      });
       window.logout = async () => {
         try {

+web/analyzer.html<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <title>Document Analyzer | CTRL + ALT + HEAL</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body class="bg-[var(--latte-cream)] font-sans text-gray-800 min-h-screen">
     <!-- NAVBAR -->
         </a>
         <ul class="hidden md:flex space-x-6 font-medium text-gray-800">
+          <li><a href="index.html" class="nav-link ">Home</a></li>
+          <li><a href="profile.html" class="nav-link ">Profile</a></li>
           <li><a href="analyzer.html" class="nav-link">Analyzer</a></li>
+          <li><a href="past_data.html" class="nav-link ">Past Reports</a></li>
           <li id="authNavItem"><a href="login.html" class="nav-link">Login</a></li>
         </ul>
     <!-- secound change marker-->
     <main class="max-w-5xl mx-auto px-4 mb-16 pt-24">
       <!-- Upload Section -->
+      <div class="bg-white border border-gray-200 rounded-lg p-6 shadow mb-6">
         <h2 class="text-xl font-semibold mb-4">
           Upload & Analyze Your Medical PDF or Image
         </h2>
       window.firestoreDb = db;
       window.firestoreHelpers = { collection, doc, addDoc, serverTimestamp };
+    onAuthStateChanged(auth, (user) => {
+  const authNavItem = document.getElementById("authNavItem");
+// Desktop links
+const homeNavDesktop = document.querySelector('ul.md\\:flex li a[href="index.html"]')?.parentElement;
+const profileNavDesktop = document.querySelector('ul.md\\:flex li a[href="profile.html"]')?.parentElement;
+  const pastNavDesktop = document.querySelector('ul.md\\:flex li a[href="past_data.html"]')?.parentElement;
+  // Mobile links
+  const profileNavMobile = document.querySelector('#mobile-menu a[href="profile.html"]')?.parentElement;
+  const pastNavMobile = document.querySelector('#mobile-menu a[href="past_data.html"]')?.parentElement;
+  const homeNavMobile = document.querySelector('#mobile-menu a[href="index.html"]')?.parentElement;
+  if (authNavItem) {
+    if (user) {
+      authNavItem.innerHTML =
+        '<button onclick="logout()" class="hover:text-[#6B9080] text-red-600">Logout</button>';
+      // Hide Home
+      if (homeNavDesktop) homeNavDesktop.style.display = "none";
+      if (homeNavMobile) homeNavMobile.style.display = "none";
+            // Show Profile and Past Reports
+      if (profileNavDesktop) profileNavDesktop.style.display = "block";
+      if (pastNavDesktop) pastNavDesktop.style.display = "block";
+      if (profileNavMobile) profileNavMobile.style.display = "block";
+      if (pastNavMobile) pastNavMobile.style.display = "block";
+    } else {
+      authNavItem.innerHTML =
+        '<a href="login.html" class="hover:text-[#6B9080]">Login</a>';
+      // Show Home
+      if (homeNavDesktop) homeNavDesktop.style.display = "block";
+      if (homeNavMobile) homeNavMobile.style.display = "block";
+       // Hide Profile and Past Reports
+       if (profileNavDesktop) profileNavDesktop.style.display = "none";
+      if (pastNavDesktop) pastNavDesktop.style.display = "none";
+      if (profileNavMobile) profileNavMobile.style.display = "none";
+      if (pastNavMobile) pastNavMobile.style.display = "none";
+    }
+  }
+});
       window.logout = async () => {
         try {