PRMSChallengeOct

Sleeping

App Files Files Community

vineelagampa

TheFrogGod commited on Sep 14, 2025

Commit

7551e05

verified ·

1 Parent(s): 63c2810

Added styling changes. (#7)

Browse files

- Added styling changes. (11532c90352a9e71482c03b17f228ff5778dfd35)

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

Files changed (1) hide show

web/index.html +26 -91

web/index.html CHANGED Viewed

@@ -5,81 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CTRL + ALT + HEAL</title>
     <script src="https://cdn.tailwindcss.com"></script>
-    <link
-      href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap"
-      rel="stylesheet"
-    />
-    <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;
-      }
-      .fade-in {
-        opacity: 0;
-        transform: translateY(30px);
-        transition: all 0.8s ease-out;
-      }
-      .fade-in.show {
-        opacity: 1;
-        transform: translateY(0);
-      }
-      .glass-card {
-        background: rgba(162, 160, 160, 0.075);
-        backdrop-filter: blur(12px);
-        border-radius: 1rem;
-        border: 1px solid rgba(255, 255, 255, 0.3);
-        padding: 2rem;
-        text-align: center;
-        transition: transform 0.3s ease, box-shadow 0.3s ease;
-      }
-      .glass-card:hover {
-        transform: translateY(-5px);
-        box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
-      }
-      .nav-link {
-        position: relative;
-        padding-bottom: 4px;
-        transition: color 0.3s;
-      }
-      .nav-link::after {
-        content: "";
-        position: absolute;
-        width: 0%;
-        height: 2px;
-        bottom: 0;
-        left: 0;
-        background-color: var(--tropical-indigo);
-        transition: width 0.3s ease;
-      }
-      .nav-link:hover::after {
-        width: 100%;
-      }
-      .parallax {
-        background-attachment: fixed;
-        background-size: cover;
-        background-position: center;
-        position: relative;
-      }
-      /* Typing effect styles */
-      #typed-heading,
-      #typed-paragraph {
-        overflow: hidden;
-        white-space: nowrap;
-        border-right: 2px solid var(--tropical-indigo);
-      }
-    </style>
   </head>
   <body>
     <!-- NAVBAR -->
@@ -101,9 +27,9 @@
         <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>
         <!-- Hamburger Menu -->
@@ -169,9 +95,9 @@
     <!-- HERO SECTION -->
     <section
-      class="relative min-h-[600px] flex items-center justify-center"
       style="
-        background-image: url('https://videos.openai.com/vg-assets/assets%2Ftask_01k2qzfsscev8vmftcka1wp2et%2F1755299042_img_1.webp?st=2025-08-15T21%3A17%3A52Z&se=2025-08-21T22%3A17%3A52Z&sks=b&skt=2025-08-15T21%3A17%3A52Z&ske=2025-08-21T22%3A17%3A52Z&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skoid=3d249c53-07fa-4ba4-9b65-0bf8eb4ea46a&skv=2019-02-02&sv=2018-11-09&sr=b&sp=r&spr=https%2Chttp&sig=j0aFWc%2BchHFLtaa8JPylXkDFsrtP8zazpKyO8Edy5n8%3D&az=oaivgprodscus');
         background-size: cover;
         background-position: center;
       "
@@ -284,9 +210,18 @@
     </footer>
     <script type="module">
-      import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js';
-      import { getAuth, onAuthStateChanged, signOut } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-auth.js';
-      import { getFirestore, doc, getDoc, updateDoc } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js';
       const firebaseConfig = {
         apiKey: "AIzaSyAPhM_Ee7cLzyKHs5zyFy8g5ZOk9-pubRI",
@@ -294,7 +229,7 @@
         projectId: "login-tutorial-7a9e1",
         storageBucket: "login-tutorial-7a9e1.firebasestorage.app",
         messagingSenderId: "491093197824",
-        appId: "1:491093197824:web:9f866..."
       };
       const app = initializeApp(firebaseConfig);
@@ -304,28 +239,28 @@
       let currentUser = null;
       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 {
           await signOut(auth);
           localStorage.clear();
-          window.location.href = 'login.html';
         } catch (error) {
           console.error("Error signing out:", error);
         }
       };
       // Fade-in on scroll
       const fadeObserver = new IntersectionObserver(
         (entries) => {
@@ -375,4 +310,4 @@
       }
     </script>
   </body>
-</html>

     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>CTRL + ALT + HEAL</title>
     <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <!-- NAVBAR -->
         <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 id="authNavItem">
+            <a href="login.html" class="nav-link">Login</a>
+          </li>
         </ul>
         <!-- Hamburger Menu -->
     <!-- HERO SECTION -->
     <section
+      class="relative min-h-[600px] flex items-center justify-center mt-20"
       style="
+        background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTPzQvOMCaRXTQhCvcYwmi_vdYxJtMpMW7KBA&s');
         background-size: cover;
         background-position: center;
       "
     </footer>
     <script type="module">
+      import { initializeApp } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js";
+      import {
+        getAuth,
+        onAuthStateChanged,
+        signOut,
+      } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-auth.js";
+      import {
+        getFirestore,
+        doc,
+        getDoc,
+        updateDoc,
+      } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
       const firebaseConfig = {
         apiKey: "AIzaSyAPhM_Ee7cLzyKHs5zyFy8g5ZOk9-pubRI",
         projectId: "login-tutorial-7a9e1",
         storageBucket: "login-tutorial-7a9e1.firebasestorage.app",
         messagingSenderId: "491093197824",
+        appId: "1:491093197824:web:9f866...",
       };
       const app = initializeApp(firebaseConfig);
       let currentUser = null;
       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 {
           await signOut(auth);
           localStorage.clear();
+          window.location.href = "login.html";
         } catch (error) {
           console.error("Error signing out:", error);
         }
       };
       // Fade-in on scroll
       const fadeObserver = new IntersectionObserver(
         (entries) => {
       }
     </script>
   </body>
+</html>