301 lines
13 KiB
HTML
301 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Drive Index - Amar Mascotas</title>
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
background: #f5f5f5;
|
|
color: #333;
|
|
line-height: 1.5;
|
|
padding: 2rem;
|
|
}
|
|
.container { max-width: 900px; margin: 0 auto; }
|
|
.back { font-size: 0.85rem; margin-bottom: 1rem; }
|
|
.back a { color: #6366f1; text-decoration: none; }
|
|
.back a:hover { text-decoration: underline; }
|
|
header {
|
|
background: linear-gradient(135deg, #6366f1, #8b5cf6);
|
|
color: white;
|
|
padding: 1.5rem;
|
|
border-radius: 12px;
|
|
margin-bottom: 1.5rem;
|
|
}
|
|
header h1 { font-size: 1.5rem; margin-bottom: 0.25rem; }
|
|
header p { opacity: 0.9; font-size: 0.85rem; }
|
|
.stats { display: flex; gap: 0.75rem; margin-top: 0.75rem; flex-wrap: wrap; }
|
|
.stat { background: rgba(255,255,255,0.2); padding: 0.35rem 0.75rem; border-radius: 6px; font-size: 0.8rem; }
|
|
.notice {
|
|
background: #fef3c7;
|
|
border: 1px solid #fcd34d;
|
|
border-radius: 8px;
|
|
padding: 1rem;
|
|
margin-bottom: 1.5rem;
|
|
font-size: 0.85rem;
|
|
color: #92400e;
|
|
}
|
|
.notice strong { display: block; margin-bottom: 0.5rem; }
|
|
.notice ul { margin: 0.5rem 0 0 1.25rem; }
|
|
.notice li { margin-bottom: 0.25rem; }
|
|
|
|
details {
|
|
background: white;
|
|
border-radius: 8px;
|
|
margin-bottom: 0.5rem;
|
|
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
|
}
|
|
summary {
|
|
padding: 0.75rem 1rem;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
list-style: none;
|
|
}
|
|
summary::-webkit-details-marker { display: none; }
|
|
summary:hover { background: #f9fafb; border-radius: 8px; }
|
|
summary .icon {
|
|
font-size: 0.7rem;
|
|
color: #6366f1;
|
|
transition: transform 0.15s;
|
|
}
|
|
details[open] summary .icon { transform: rotate(90deg); }
|
|
summary .name { font-weight: 500; font-size: 0.9rem; flex: 1; }
|
|
summary .count {
|
|
background: #e0e7ff;
|
|
color: #4f46e5;
|
|
padding: 0.15rem 0.5rem;
|
|
border-radius: 10px;
|
|
font-size: 0.7rem;
|
|
font-weight: 500;
|
|
}
|
|
.folder-content {
|
|
padding: 0.5rem 1rem 0.75rem 2rem;
|
|
border-top: 1px solid #f0f0f0;
|
|
}
|
|
.folder-desc {
|
|
font-size: 0.8rem;
|
|
color: #666;
|
|
font-style: italic;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.file-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.25rem;
|
|
}
|
|
.file {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
font-size: 0.8rem;
|
|
color: #555;
|
|
}
|
|
.file-ext {
|
|
font-size: 0.6rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
padding: 0.15rem 0.35rem;
|
|
border-radius: 3px;
|
|
min-width: 32px;
|
|
text-align: center;
|
|
}
|
|
.file-ext.xlsx { background: #dcfce7; color: #166534; }
|
|
.file-ext.docx { background: #dbeafe; color: #1e40af; }
|
|
.file-ext.pdf { background: #fee2e2; color: #991b1b; }
|
|
.file-ext.png, .file-ext.jpg { background: #fef3c7; color: #92400e; }
|
|
.file-ext.mov, .file-ext.mp4 { background: #f3e8ff; color: #7c3aed; }
|
|
.file-ext.pptx { background: #ffedd5; color: #c2410c; }
|
|
.file-ext.ttf { background: #f1f5f9; color: #475569; }
|
|
|
|
footer { text-align: center; padding: 2rem; color: #999; font-size: 0.75rem; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="back"><a href="/">← Album</a></div>
|
|
<header>
|
|
<h1>Drive Index</h1>
|
|
<p>Amar Mascotas - Company Drive Structure</p>
|
|
<div class="stats">
|
|
<span class="stat">12 folders</span>
|
|
<span class="stat">~235 files</span>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="notice">
|
|
<strong>Preview Mode</strong>
|
|
This shows the Drive folder structure with placeholder filenames. Real file data will be available once <strong>Google Vein</strong> (Google Drive sync) is implemented in Artery:
|
|
<ul>
|
|
<li>Auto-sync folder structure and file metadata</li>
|
|
<li>Direct links to files (requires Google Workspace login)</li>
|
|
<li>Live updates when Drive contents change</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">01. Identidad</span><span class="count">3 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Brand assets, logos, typography</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext png">png</span> logo_main.png</div>
|
|
<div class="file"><span class="file-ext png">png</span> logo_alt.png</div>
|
|
<div class="file"><span class="file-ext ttf">ttf</span> brand_font.ttf</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">02. Marketing Contenidos</span><span class="count">8 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Social media content, templates, testimonials</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext docx">docx</span> social_template.docx</div>
|
|
<div class="file"><span class="file-ext png">png</span> post_image1.png</div>
|
|
<div class="file"><span class="file-ext png">png</span> post_image2.png</div>
|
|
<div class="file"><span class="file-ext mov">mov</span> event_video.mov</div>
|
|
<div class="file"><span class="file-ext png">png</span> testimonials.png</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">03. Marketing Growth</span><span class="count">8 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Paid media campaigns, performance dashboards</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> dashboard_report.xlsx</div>
|
|
<div class="file"><span class="file-ext png">png</span> ad_1080x1080.png</div>
|
|
<div class="file"><span class="file-ext png">png</span> ad_1200x628.png</div>
|
|
<div class="file"><span class="file-ext png">png</span> ad_stories.png</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">05. ATC - Operaciones</span><span class="count">12 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Process manuals, workflows, support docs</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext docx">docx</span> manual_procesos.docx</div>
|
|
<div class="file"><span class="file-ext jpg">jpg</span> workflow_diagram.jpg</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> contacts_list.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> postal_codes.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> tasks_tracker.xlsx</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">06. Supply</span><span class="count">7 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Vet network, lab partnerships, onboarding</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext pdf">pdf</span> lab_prices.pdf</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> vet_onboarding.xlsx</div>
|
|
<div class="file"><span class="file-ext pdf">pdf</span> vet_cv_sample.pdf</div>
|
|
<div class="file"><span class="file-ext mp4">mp4</span> meeting_recording.mp4</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">07. Finanzas</span><span class="count">7 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Invoices, accounting, finance tracking</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> finance_tracker.xlsx</div>
|
|
<div class="file"><span class="file-ext pdf">pdf</span> invoice_may.pdf</div>
|
|
<div class="file"><span class="file-ext pdf">pdf</span> invoice_jun.pdf</div>
|
|
<div class="file"><span class="file-ext pdf">pdf</span> invoice_jul.pdf</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">08. IT y Producto</span><span class="count">57 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Product specs, feature docs, references</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext docx">docx</span> product_index.docx</div>
|
|
<div class="file"><span class="file-ext docx">docx</span> feature_specs.docx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> platform_states.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> medications_db.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> events_mapping.xlsx</div>
|
|
<div class="file"><span class="file-ext pptx">pptx</span> benchmark.pptx</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">09. DATA</span><span class="count">2 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Database exports, data backups</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> pets_database.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> pets_backup.xlsx</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">Clientes - ventas</span><span class="count">22 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">CRM exports, sales data, client info</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> crm_export.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> churn_analysis.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> leads_2023.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> leads_2024.xlsx</div>
|
|
<div class="file"><span class="file-ext pdf">pdf</span> monthly_report.pdf</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">HR</span><span class="count">17 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Onboarding, job profiles, team docs</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext pptx">pptx</span> onboarding_deck.pptx</div>
|
|
<div class="file"><span class="file-ext docx">docx</span> job_profile_sales.docx</div>
|
|
<div class="file"><span class="file-ext pdf">pdf</span> job_profile_growth.pdf</div>
|
|
<div class="file"><span class="file-ext jpg">jpg</span> team_photo.jpg</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">Pitch Decks</span><span class="count">24 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Investor presentations, company decks</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext pptx">pptx</span> pitch_deck_latest.pptx</div>
|
|
<div class="file"><span class="file-ext docx">docx</span> video_script.docx</div>
|
|
<div class="file"><span class="file-ext pptx">pptx</span> product_timeline.pptx</div>
|
|
<div class="file"><span class="file-ext pptx">pptx</span> investor_update.pptx</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<details>
|
|
<summary><span class="icon">▶</span><span class="name">z.Backup archivos viejos</span><span class="count">46 files</span></summary>
|
|
<div class="folder-content">
|
|
<div class="folder-desc">Legacy files, old exports</div>
|
|
<div class="file-list">
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> old_vets_list.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> org_chart.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> data_room_2023.xlsx</div>
|
|
<div class="file"><span class="file-ext xlsx">xlsx</span> legacy_export.xlsx</div>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
|
|
<footer>pawprint/album</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|