a7c15e9fc3
- Nouvelle page /privacy bilingue (FR/EN) avec sélection par Accept-Language
ou ?lang=, sections complètes (données collectées, IA/BYOK, RGPD, sécurité,
contact). Style sombre aligné sur la landing (x.ai premium).
- Liens footer landing.footer.legal.* mis à jour vers /privacy dans les 15 locales.
- Extension Web Clipper rendue cross-browser :
* background.js détecte chrome.sidePanel vs browser.sidebarAction
* sidepanel.js ajoute un shim chrome<->browser pour Firefox
* manifest.json inclut sidebar_action + browser_specific_settings.gecko
+ optional_host_permissions (Chrome les ignore)
- Script scripts/build-firefox.mjs pour produire un .xpi signé pour AMO,
symétrique de build-chrome-store.mjs. Exclusion mutuelle des artefacts
Chrome/Firefox pour éviter la cross-contamination.
- Branding corrigé : 176 occurrences de 'Momento' -> 'Memento' dans le
bundle de traductions embarqué.
- Version bumpée 0.3.1 -> 0.4.0.
61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Memento Web Clipper</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Vazirmatn:wght@400;600;700&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" href="sidepanel.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app" class="shell">
|
|
<header class="header">
|
|
<div class="brand">
|
|
<div class="brand-logo">M</div>
|
|
<div class="brand-text">
|
|
<span class="brand-name">Memento</span>
|
|
<span class="brand-sub">Web Clipper</span>
|
|
</div>
|
|
</div>
|
|
<div class="header-right">
|
|
<div id="connBadge" class="conn-badge" hidden>
|
|
<span class="conn-dot"></span>
|
|
<span id="connLabel"></span>
|
|
</div>
|
|
<button type="button" id="settingsBtn" class="icon-btn" title="" aria-label="">
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="settingsPanel" class="settings-panel" hidden>
|
|
<label class="field">
|
|
<span id="instanceUrlLabel"></span>
|
|
<input id="baseUrl" type="text" spellcheck="false" placeholder="http://localhost:3000" />
|
|
</label>
|
|
<div class="preset-row">
|
|
<button type="button" class="preset-btn" data-url="https://memento-note.com"></button>
|
|
<button type="button" class="preset-btn" data-url="http://localhost:3000">localhost:3000</button>
|
|
<button type="button" class="preset-btn" data-url="http://127.0.0.1:3000">127.0.0.1:3000</button>
|
|
</div>
|
|
<div class="settings-actions">
|
|
<button type="button" id="applyInstanceBtn" class="btn btn-primary btn-sm"></button>
|
|
<button type="button" id="openLoginBtn" class="btn btn-secondary btn-sm"></button>
|
|
</div>
|
|
<p class="settings-hint"></p>
|
|
<p id="settingsStatus" class="settings-status" hidden></p>
|
|
</div>
|
|
|
|
<main id="screen" class="main"></main>
|
|
|
|
<footer class="footer">
|
|
<span class="footer-meta"></span>
|
|
</footer>
|
|
</div>
|
|
<script src="i18n.js"></script>
|
|
<script src="sidepanel.js"></script>
|
|
</body>
|
|
</html>
|