i / drive.html
Afantauzzi's picture
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
e4e5ea0 verified
<!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>