Spaces:

Afantauzzi
/

i

Running

App Files Files Community

Afantauzzi commited on Oct 3, 2025

Commit

e4e5ea0

verified ·

1 Parent(s): 97450ce

https://drive.google.com/drive/folders/1HaXY-cEcDF0WHcNIL3vZY8ZN4Z9-rxxR?usp=gmail https://drive.google.com/file/d/1XEAeIIDCgVJIRNU5fHguME8MBAs7gTjJ/view?usp=gmail https://drive.google.com/file/d/1L297BXeuSdoSL7-ARYu-nShwYYrZGfx2/view?usp=gmail https://drive.google.com/file/d/1blrykiy8OhOJVyRh-jDwnyXRd-LTlrFV/view?usp=gmail https://drive.google.com/drive/folders/11qkC1f4cYC4fBlEmL73ZVMpAtarm-1eI?usp=gmail https://drive.google.com/file/d/17A9JZRlV9dMECGV_My1uJ9Is-AxtJQss/view?usp=gmail https://drive.google.com/drive/folders/1x6Gn82qvjqlBBqZk2qRjEkMgdc5N_o2p?usp=gmail

Browse files

Files changed (2) hide show

drive.html +139 -0
index.html +8 -7

drive.html ADDED Viewed

	@@ -0,0 +1,139 @@

+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Google Drive Analysis - My app</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="utf-8">
+    <style>
+      body {
+        background-color: #f5f5f5;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        margin: 0;
+        padding: 0;
+      }
+      .container {
+        max-width: 1200px;
+        margin: 0 auto;
+        padding: 20px;
+      }
+      .header {
+        text-align: center;
+        margin-bottom: 30px;
+        padding: 20px;
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+      }
+      .drive-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+        gap: 20px;
+        margin-bottom: 30px;
+      }
+      .drive-item {
+        background: white;
+        border-radius: 8px;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+        padding: 20px;
+        transition: transform 0.2s;
+      }
+      .drive-item:hover {
+        transform: translateY(-5px);
+      }
+      .drive-item h3 {
+        color: #1a73e8;
+        margin-top: 0;
+      }
+      .drive-item p {
+        color: #5f6368;
+      }
+      .btn {
+        display: inline-block;
+        background: #1a73e8;
+        color: white;
+        padding: 10px 20px;
+        border-radius: 4px;
+        text-decoration: none;
+        font-weight: 500;
+        margin: 5px;
+      }
+      .btn:hover {
+        background: #0d62c9;
+      }
+      .back-link {
+        display: inline-block;
+        margin-bottom: 20px;
+        color: #1a73e8;
+        text-decoration: none;
+      }
+      .back-link:hover {
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="container">
+      <a href="index.html" class="back-link">&larr; Back to Dashboard</a>
+      <div class="header">
+        <h1>Google Drive Analysis</h1>
+        <p>Review your Google Drive folders and files for digital footprint insights</p>
+      </div>
+      <div class="drive-grid">
+        <div class="drive-item">
+          <h3>Personal Documents</h3>
+          <p>Folder containing important personal documents and records</p>
+          <a href="https://drive.google.com/drive/folders/1HaXY-cEcDF0WHcNIL3vZY8ZN4Z9-rxxR?usp=gmail" target="_blank" class="btn">View Folder</a>
+        </div>
+        <div class="drive-item">
+          <h3>Financial Records</h3>
+          <p>Bank statements, tax documents, and financial reports</p>
+          <a href="https://drive.google.com/file/d/1XEAeIIDCgVJIRNU5fHguME8MBAs7gTjJ/view?usp=gmail" target="_blank" class="btn">View Document</a>
+        </div>
+        <div class="drive-item">
+          <h3>Travel Itineraries</h3>
+          <p>Flight bookings, hotel confirmations, and travel plans</p>
+          <a href="https://drive.google.com/file/d/1L297BXeuSdoSL7-ARYu-nShwYYrZGfx2/view?usp=gmail" target="_blank" class="btn">View Document</a>
+        </div>
+        <div class="drive-item">
+          <h3>Medical Records</h3>
+          <p>Health documents, prescriptions, and medical history</p>
+          <a href="https://drive.google.com/file/d/1blrykiy8OhOJVyRh-jDwnyXRd-LTlrFV/view?usp=gmail" target="_blank" class="btn">View Document</a>
+        </div>
+        <div class="drive-item">
+          <h3>Work Projects</h3>
+          <p>Professional documents, project files, and work-related materials</p>
+          <a href="https://drive.google.com/drive/folders/11qkC1f4cYC4fBlEmL73ZVMpAtarm-1eI?usp=gmail" target="_blank" class="btn">View Folder</a>
+        </div>
+        <div class="drive-item">
+          <h3>Photos & Media</h3>
+          <p>Personal photos, videos, and media files</p>
+          <a href="https://drive.google.com/file/d/17A9JZRlV9dMECGV_My1uJ9Is-AxtJQss/view?usp=gmail" target="_blank" class="btn">View File</a>
+        </div>
+        <div class="drive-item">
+          <h3>Archived Data</h3>
+          <p>Old files, backups, and archived information</p>
+          <a href="https://drive.google.com/drive/folders/1x6Gn82qvjqlBBqZk2qRjEkMgdc5N_o2p?usp=gmail" target="_blank" class="btn">View Folder</a>
+        </div>
+      </div>
+      <div style="background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+        <h2>Security Recommendations</h2>
+        <ul style="padding-left: 20px;">
+          <li>Review file sharing permissions regularly</li>
+          <li>Remove unnecessary files that contain personal information</li>
+          <li>Enable two-factor authentication for your Google account</li>
+          <li>Use strong, unique passwords for your Google account</li>
+          <li>Regularly audit folder access and remove unused collaborators</li>
+        </ul>
+      </div>
+    </div>
+  </body>
+</html>

index.html CHANGED Viewed

@@ -19,7 +19,6 @@
   <body>
     <div class="container mx-auto px-4 py-8">
       <h1 class="text-4xl font-bold text-center mb-8">Digital Footprint Analysis</h1>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
         <!-- Browser History Section -->
         <div class="bg-white rounded-lg shadow-md p-6">
@@ -57,8 +56,7 @@
             </div>
           </div>
         </div>
-        <!-- Security Alerts Section -->
         <div class="bg-white rounded-lg shadow-md p-6">
           <h2 class="text-2xl font-semibold mb-4">Security Alerts</h2>
           <div class="space-y-4 max-h-96 overflow-y-auto">
@@ -102,7 +100,6 @@
               </div>
             </div>
           </div>
           <h3 class="text-xl font-semibold mt-6 mb-3">Recommendations</h3>
           <ul class="list-disc pl-5 space-y-2 text-sm">
             <li>Enable two-factor authentication on all accounts</li>
@@ -110,14 +107,14 @@
             <li>Check authorized applications and remove unfamiliar ones</li>
             <li>Update passwords and use a password manager</li>
             <li>Review privacy settings on social media platforms</li>
           </ul>
         </div>
       </div>
       <!-- Data Summary Section -->
       <div class="mt-8 bg-white rounded-lg shadow-md p-6">
         <h2 class="text-2xl font-semibold mb-4">Data Summary</h2>
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-4 text-center">
           <div class="p-4 bg-gray-50 rounded-lg">
             <p class="text-3xl font-bold text-blue-600">4,912</p>
             <p class="text-gray-600">Emails Analyzed</p>
@@ -130,9 +127,13 @@
             <p class="text-3xl font-bold text-purple-600">156</p>
             <p class="text-gray-600">Locations Tracked</p>
           </div>
         </div>
       </div>
-    </div>
     <script>
       // Add any interactive functionality here

   <body>
     <div class="container mx-auto px-4 py-8">
       <h1 class="text-4xl font-bold text-center mb-8">Digital Footprint Analysis</h1>
       <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
         <!-- Browser History Section -->
         <div class="bg-white rounded-lg shadow-md p-6">
             </div>
           </div>
         </div>
+<!-- Security Alerts Section -->
         <div class="bg-white rounded-lg shadow-md p-6">
           <h2 class="text-2xl font-semibold mb-4">Security Alerts</h2>
           <div class="space-y-4 max-h-96 overflow-y-auto">
               </div>
             </div>
           </div>
           <h3 class="text-xl font-semibold mt-6 mb-3">Recommendations</h3>
           <ul class="list-disc pl-5 space-y-2 text-sm">
             <li>Enable two-factor authentication on all accounts</li>
             <li>Check authorized applications and remove unfamiliar ones</li>
             <li>Update passwords and use a password manager</li>
             <li>Review privacy settings on social media platforms</li>
+            <li><a href="drive.html" style="color: #1a73e8; text-decoration: underline;">Review Google Drive files and folders</a></li>
           </ul>
         </div>
       </div>
       <!-- Data Summary Section -->
       <div class="mt-8 bg-white rounded-lg shadow-md p-6">
         <h2 class="text-2xl font-semibold mb-4">Data Summary</h2>
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-4 text-center">
           <div class="p-4 bg-gray-50 rounded-lg">
             <p class="text-3xl font-bold text-blue-600">4,912</p>
             <p class="text-gray-600">Emails Analyzed</p>
             <p class="text-3xl font-bold text-purple-600">156</p>
             <p class="text-gray-600">Locations Tracked</p>
           </div>
+          <div class="p-4 bg-gray-50 rounded-lg">
+            <p class="text-3xl font-bold text-orange-600">7</p>
+            <p class="text-gray-600">Drive Folders</p>
+          </div>
         </div>
       </div>
+</div>
     <script>
       // Add any interactive functionality here