67 lines
2.3 KiB
HTML
67 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Brightwheel Exporter</title>
|
|
<link rel="stylesheet" href="popup.css">
|
|
</head>
|
|
<body>
|
|
<div class="popup-container">
|
|
<header class="header">
|
|
<div class="logo-wrapper">
|
|
<div class="logo-icon">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
|
|
<polyline points="7 10 12 15 17 10"></polyline>
|
|
<line x1="12" y1="15" x2="12" y2="3"></line>
|
|
</svg>
|
|
</div>
|
|
<div class="title-group">
|
|
<h1>Brightwheel Exporter</h1>
|
|
<span class="badge">v1.0</span>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="content">
|
|
<div class="status-card" id="statusCard">
|
|
<div class="status-indicator-dot" id="statusDot"></div>
|
|
<div class="status-text-group">
|
|
<div class="status-title" id="statusTitle">Checking Brightwheel...</div>
|
|
<div class="status-subtitle" id="statusSubtitle">Connecting to active tab</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="features-summary">
|
|
<div class="feature-item">
|
|
<span class="feature-bullet">✨</span>
|
|
<span>High-Res Photos & Videos with Captions</span>
|
|
</div>
|
|
<div class="feature-item">
|
|
<span class="feature-bullet">📋</span>
|
|
<span>Daily Care Logs (Meals, Naps, Potty)</span>
|
|
</div>
|
|
<div class="feature-item">
|
|
<span class="feature-bullet">📦</span>
|
|
<span>ZIP Archive + Offline Interactive Timeline</span>
|
|
</div>
|
|
</div>
|
|
|
|
<button id="openDashboardBtn" class="primary-btn">
|
|
<span>Open Exporter Dashboard</span>
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="5" y1="12" x2="19" y2="12"></line>
|
|
<polyline points="12 5 19 12 12 19"></polyline>
|
|
</svg>
|
|
</button>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<span>Runs 100% locally in your browser</span>
|
|
</footer>
|
|
</div>
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|