76 lines
2.7 KiB
HTML
76 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>hire-me — candidatures</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=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Instrument+Serif:ital@0;1&display=swap"
|
|
rel="stylesheet"
|
|
/>
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
</head>
|
|
<body>
|
|
<div class="bg"></div>
|
|
<main>
|
|
<header class="top">
|
|
<p class="brand">hire-me</p>
|
|
<h1>Offres alignées sur ton profil</h1>
|
|
<p class="lede">
|
|
<strong>Postuler</strong> prépare le mail (destinataire + texte Gemini + CV). Tu
|
|
previews, tu ajustes, puis tu envoies.
|
|
</p>
|
|
<p id="meta" class="meta" hidden></p>
|
|
</header>
|
|
|
|
<section id="status" class="status" aria-live="polite">Chargement des offres…</section>
|
|
<section id="list" class="list" hidden></section>
|
|
</main>
|
|
|
|
<dialog id="preview" class="preview">
|
|
<form method="dialog" id="preview-form" class="preview-sheet">
|
|
<header class="preview-top">
|
|
<div>
|
|
<p class="preview-kicker">Aperçu avant envoi</p>
|
|
<h2 id="preview-title">Candidature</h2>
|
|
</div>
|
|
<button type="submit" value="cancel" class="ghost" id="preview-close">Fermer</button>
|
|
</header>
|
|
|
|
<div class="preview-meta">
|
|
<p><span>De</span> <strong id="preview-from"></strong></p>
|
|
<p><span>Reply-To</span> <strong id="preview-reply"></strong></p>
|
|
<p><span>Pièce jointe</span> <strong id="preview-attach"></strong></p>
|
|
</div>
|
|
|
|
<label>
|
|
Destinataire
|
|
<input type="email" id="preview-to" required />
|
|
</label>
|
|
<label>
|
|
Objet
|
|
<input type="text" id="preview-subject" required />
|
|
</label>
|
|
<label>
|
|
Corps du mail
|
|
<textarea id="preview-text" rows="14" required></textarea>
|
|
</label>
|
|
|
|
<p id="preview-error" class="feedback err" hidden></p>
|
|
|
|
<footer class="preview-actions">
|
|
<button type="button" class="ghost" id="preview-regen">Regénérer</button>
|
|
<div class="preview-actions-right">
|
|
<button type="submit" value="cancel" class="ghost">Annuler</button>
|
|
<button type="button" id="preview-send">Envoyer</button>
|
|
</div>
|
|
</footer>
|
|
</form>
|
|
</dialog>
|
|
|
|
<script type="module" src="/app.js"></script>
|
|
</body>
|
|
</html>
|