PRMSChallenge

Sleeping

App Files Files Community

TheFrogGod commited on Sep 14, 2025

Commit

cdea9a5

1 Parent(s): 42321ac

updated home and past data for styling

Browse files

Files changed (2) hide show

web/index.html +25 -90
web/past_data.html +290 -130

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) => {

     <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) => {

web/past_data.html CHANGED Viewed

@@ -1,145 +1,305 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Past Analyzes - CTRL + ALT + HEAL</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <script src="script.js"></script>
-</head>
-<body class="bg-[#F7F8F9] min-h-screen">
-  <nav class="bg-white border border-gray-200 px-6 py-4 mb-8">
-    <div class="container mx-auto flex justify-between items-center">
-      <a href="index.html" class="text-2xl font-bold text-[#6B9080]">CTRL + ALT + HEAL</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>
-    </div>
-  </nav>
-  <main class="max-w-4xl mx-auto px-4">
-    <h1 class="text-2xl font-bold text-green-700 mb-4">Your Past Analyzes</h1>
-    <p id="auth-status" class="text-sm text-gray-500 mb-6">Checking sign-in status…</p>
-    <div id="recs-container" class="space-y-4">
-      <p class="text-sm text-gray-500">Sign in to view your saved analyzes.</p>
-    </div>
-  </main>
-  <script type="module">
-    import { getFirestore, collection, query, orderBy, getDocs } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js';
-    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';
-    const firebaseConfig = {
-      apiKey: "AIzaSyAPhM_Ee7cLzyKHs5zyFy8g5ZOk9-pubRI",
-      authDomain: "login-tutorial-7a9e1.firebaseapp.com",
-      projectId: "login-tutorial-7a9e1",
-      storageBucket: "login-tutorial-7a9e1.firebasestorage.app",
-      messagingSenderId: "491093197824",
-      appId: "1:491093197824:web:9f866..."
-    };
-    const app = initializeApp(firebaseConfig);
-    const auth = getAuth(app);
-    const db = getFirestore(app);
-    onAuthStateChanged(auth, (user) => {
-      const authNavItem = document.getElementById('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);
-      }
-    };
-    const statusEl = document.getElementById("auth-status");
-    const recsEl = document.getElementById("recs-container");
-    async function sendReportToBackend(report, userId) {
-      try {
-        const response = await fetch('http://localhost:9000/save_report/', {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({
-            ...report,
-            user_id: userId,
-            sync_timestamp: new Date().toISOString()
-          }),
-        });
-        if (!response.ok) {
-          console.warn(`Failed to sync report to backend: ${response.status}`);
         } else {
-          console.log('Report successfully synced to backend');
         }
-      } catch (error) {
-        console.warn('Error syncing report to backend (continuing anyway):', error);
       }
-    }
-    function renderAnalysis(item) {
-      const d = item.createdAt && item.createdAt.toDate ? item.createdAt.toDate().toLocaleString() : "";
-      return `
         <div class="bg-white border border-gray-200 rounded-lg p-4 shadow">
           <div class="flex justify-between mb-2">
-            <div class="font-semibold text-green-700">Report: ${item.reportDate || "N/A"}</div>
             <div class="text-xs text-gray-500">${d}</div>
           </div>
-          <pre class="whitespace-pre-wrap text-sm text-gray-700 mb-2">${item.ocr_text || ""}</pre>
-          ${(Array.isArray(item.Detected_Anomolies) ? item.Detected_Anomolies : []).map((r,i) => `
             <div class="border-t border-gray-200 pt-2 mt-2">
-              <div class="font-medium">Finding ${i+1}: ${r.findings || ""}</div>
-              <div class="text-sm text-gray-600">Severity: ${r.severity || ""}</div>
-              <div class="text-sm text-gray-600">Recommendations: ${(r.recommendations || []).join(", ")}</div>
             </div>
-          `).join("")}
         </div>
       `;
-    }
-    onAuthStateChanged(auth, async (user) => {
-      if (user) {
-        statusEl.textContent = `Signed in as ${user.email || user.uid}`;
-        async function getPastReports() {
-          try {
-            const url = api('reports/', { user_id: user.email });
-            const response = await fetch(url, {
-              method: 'GET',
-              headers: {
-                'Content-Type': 'application/json',
-              },
-            });
-            if (!response.ok) {
-              throw new Error(`HTTP error! status: ${response.status}`);
             }
-            const data = await response.json();
-            console.log('Report successfully sent to backend:', data);
-            recsEl.innerHTML = data.map(doc => renderAnalysis(doc)).join("");
-          } catch (error) {
-            console.error('Error sending report to backend:', error);
-            recsEl.innerHTML = '<p class="text-sm text-gray-500">No saved analyses yet.</p>';
           }
-        }
-       getPastReports();
-       /* try {
           const q = query(
             collection(db, "users", user.uid, "analyses"),
             orderBy("createdAt", "desc")
@@ -175,12 +335,12 @@
           console.error('Error fetching analyses:', error);
           recsEl.innerHTML = '<p class="text-sm text-red-500">Error loading analyses.</p>';
         }*/
-      } else {
-        statusEl.textContent = "Not signed in.";
-        recsEl.innerHTML = '<p class="text-sm text-gray-500">Please sign in to see your analyses.</p>';
-      }
-    });
-  </script>
-</body>
-</html>

 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Past Analyzes - CTRL + ALT + HEAL</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="script.js"></script>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body class="bg-[#F7F8F9] min-h-screen">
+    <nav
+      class="fixed top-0 left-0 w-full z-50 backdrop-blur-md bg-white/20 border-b border-white/30 shadow-md"
+    >
+      <div class="flex justify-between items-center w-full px-6 py-4">
+        <!-- Logo -->
+        <a
+          href="index.html"
+          class="text-2xl font-bold text-black hover:text-[var(--tropical-indigo)] transition"
+        >
+          CTRL + ALT + HEAL
+        </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>
+        <!-- Hamburger Menu -->
+        <button
+          id="hamburger"
+          class="md:hidden text-[var(--latte-cream)] text-2xl"
+        >
+          ☰
+        </button>
+      </div>
+      <!-- Mobile Menu -->
+      <ul
+        id="mobile-menu"
+        class="hidden flex-col space-y-4 bg-white/30 backdrop-blur-lg border border-white/20 rounded-xl shadow-lg mt-2 p-4 mx-6 md:hidden"
+      >
+        <li>
+          <a
+            href="index.html"
+            class="block text-gray-800 hover:text-[var(--tropical-indigo)]"
+            >Home</a
+          >
+        </li>
+        <li>
+          <a
+            href="analyzer.html"
+            class="block text-gray-800 hover:text-[var(--tropical-indigo)]"
+            >Analyzer</a
+          >
+        </li>
+        <li>
+          <a
+            href="past_data.html"
+            class="block text-gray-800 hover:text-[var(--tropical-indigo)]"
+            >Past Reports</a
+          >
+        </li>
+        <li>
+          <a
+            href="profile.html"
+            class="block text-gray-800 hover:text-[var(--tropical-indigo)]"
+            >Profile</a
+          >
+        </li>
+        <li>
+          <a
+            href="login.html"
+            class="block text-gray-800 hover:text-[var(--tropical-indigo)]"
+            >Login</a
+          >
+        </li>
+      </ul>
+    </nav>
+    <main class="max-w-4xl mx-auto px-4 pt-24 text-gray-800">
+      <div class="bg-white border border-gray-200 rounded-lg p-6 shadow mb-6">
+        <h2 class="text-xl font-semibold mb-4">
+          Your Past Analyzes
+        </h1>
+        <p id="auth-status" class="text-sm text-gray-500 mb-6">
+          Checking sign-in status…
+        </p>
+        <div id="recs-container" class="space-y-4">
+          <p class="text-sm text-gray-500">
+            Sign in to view your saved analyzes.
+          </p>
+        </div>
+      </div>
+    </main>
+    <script type="module">
+      import {
+        getFirestore,
+        collection,
+        query,
+        orderBy,
+        getDocs,
+      } from "https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js";
+      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";
+      const firebaseConfig = {
+        apiKey: "AIzaSyAPhM_Ee7cLzyKHs5zyFy8g5ZOk9-pubRI",
+        authDomain: "login-tutorial-7a9e1.firebaseapp.com",
+        projectId: "login-tutorial-7a9e1",
+        storageBucket: "login-tutorial-7a9e1.firebasestorage.app",
+        messagingSenderId: "491093197824",
+        appId: "1:491093197824:web:9f866...",
+      };
+      const app = initializeApp(firebaseConfig);
+      const auth = getAuth(app);
+      const db = getFirestore(app);
+      onAuthStateChanged(auth, async (user) => {
+        const authNavItem = document.getElementById("authNavItem");
+        const homeNavDesktop = document.querySelector(
+          'ul.md\\:flex li a[href="index.html"]'
+        )?.parentElement; // Desktop <li>
+        const homeNavMobile = document.querySelector(
+          '#mobile-menu a[href="index.html"]'
+        )?.parentElement; // Mobile <li>
+        if (user) {
+          // Update login/logout button
+          if (authNavItem) {
+            authNavItem.innerHTML =
+              '<button onclick="logout()" class="hover:text-[#6B9080] text-red-600">Logout</button>';
+          }
+          // Hide Home button
+          if (homeNavDesktop) homeNavDesktop.style.display = "none";
+          if (homeNavMobile) homeNavMobile.style.display = "none";
+          // Update auth status
+          statusEl.textContent = `Signed in as ${user.email || user.uid}`;
+          // Fetch past reports
+          async function getPastReports() {
+            try {
+              const url = api("reports/", { user_id: user.email });
+              const response = await fetch(url, {
+                method: "GET",
+                headers: { "Content-Type": "application/json" },
+              });
+              if (!response.ok)
+                throw new Error(`HTTP error! status: ${response.status}`);
+              const data = await response.json();
+              recsEl.innerHTML = data
+                .map((doc) => renderAnalysis(doc))
+                .join("");
+            } catch (error) {
+              console.error("Error sending report to backend:", error);
+              recsEl.innerHTML =
+                '<p class="text-sm text-gray-500">No saved analyses yet.</p>';
+            }
+          }
+          getPastReports();
         } else {
+          // Update login/logout button
+          if (authNavItem) {
+            authNavItem.innerHTML =
+              '<a href="login.html" class="hover:text-[#6B9080]">Login</a>';
+          }
+          // Show Home button
+          if (homeNavDesktop) homeNavDesktop.style.display = "";
+          if (homeNavMobile) homeNavMobile.style.display = "";
+          // Update auth status
+          statusEl.textContent = "Not signed in.";
+          recsEl.innerHTML =
+            '<p class="text-sm text-gray-500">Please sign in to see your analyses.</p>';
+        }
+      });
+      window.logout = async () => {
+        try {
+          await signOut(auth);
+          localStorage.clear();
+          window.location.href = "login.html";
+        } catch (error) {
+          console.error("Error signing out:", error);
+        }
+      };
+      const statusEl = document.getElementById("auth-status");
+      const recsEl = document.getElementById("recs-container");
+      async function sendReportToBackend(report, userId) {
+        try {
+          const response = await fetch("http://localhost:9000/save_report/", {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              ...report,
+              user_id: userId,
+              sync_timestamp: new Date().toISOString(),
+            }),
+          });
+          if (!response.ok) {
+            console.warn(
+              `Failed to sync report to backend: ${response.status}`
+            );
+          } else {
+            console.log("Report successfully synced to backend");
+          }
+        } catch (error) {
+          console.warn(
+            "Error syncing report to backend (continuing anyway):",
+            error
+          );
         }
       }
+      function renderAnalysis(item) {
+        const d =
+          item.createdAt && item.createdAt.toDate
+            ? item.createdAt.toDate().toLocaleString()
+            : "";
+        return `
         <div class="bg-white border border-gray-200 rounded-lg p-4 shadow">
           <div class="flex justify-between mb-2">
+            <div class="font-semibold text-green-700">Report: ${
+              item.reportDate || "N/A"
+            }</div>
             <div class="text-xs text-gray-500">${d}</div>
           </div>
+          <pre class="whitespace-pre-wrap text-sm text-gray-700 mb-2">${
+            item.ocr_text || ""
+          }</pre>
+          ${(Array.isArray(item.Detected_Anomolies)
+            ? item.Detected_Anomolies
+            : []
+          )
+            .map(
+              (r, i) => `
             <div class="border-t border-gray-200 pt-2 mt-2">
+              <div class="font-medium">Finding ${i + 1}: ${
+                r.findings || ""
+              }</div>
+              <div class="text-sm text-gray-600">Severity: ${
+                r.severity || ""
+              }</div>
+              <div class="text-sm text-gray-600">Recommendations: ${(
+                r.recommendations || []
+              ).join(", ")}</div>
             </div>
+          `
+            )
+            .join("")}
         </div>
       `;
+      }
+      onAuthStateChanged(auth, async (user) => {
+        if (user) {
+          statusEl.textContent = `Signed in as ${user.email || user.uid}`;
+          async function getPastReports() {
+            try {
+              const url = api("reports/", { user_id: user.email });
+              const response = await fetch(url, {
+                method: "GET",
+                headers: {
+                  "Content-Type": "application/json",
+                },
+              });
+              if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+              }
+              const data = await response.json();
+              console.log("Report successfully sent to backend:", data);
+              recsEl.innerHTML = data
+                .map((doc) => renderAnalysis(doc))
+                .join("");
+            } catch (error) {
+              console.error("Error sending report to backend:", error);
+              recsEl.innerHTML =
+                '<p class="text-sm text-gray-500">No saved analyses yet.</p>';
             }
           }
+          getPastReports();
+          /* try {
           const q = query(
             collection(db, "users", user.uid, "analyses"),
             orderBy("createdAt", "desc")
           console.error('Error fetching analyses:', error);
           recsEl.innerHTML = '<p class="text-sm text-red-500">Error loading analyses.</p>';
         }*/
+        } else {
+          statusEl.textContent = "Not signed in.";
+          recsEl.innerHTML =
+            '<p class="text-sm text-gray-500">Please sign in to see your analyses.</p>';
+        }
+      });
+    </script>
+  </body>
+</html>