Initial import of hire-me.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-04 20:08:12 +00:00
commit 9c734470b3
23 changed files with 2463 additions and 0 deletions
@@ -0,0 +1,75 @@
+<!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>