Jenn est un prénom féminin, souvent une forme abrégée (hypocoristique) de Jennifer. Comme diminutif, il est apparu parallèlement à la popularité de Jennifer au XXe siècle, notamment dans les régions anglophones.
Étymologie et histoire
Le prénom racine Jennifer dérive d'une forme cornique du nom gallois Gwenhwyfar, le nom original de la reine Guenièvre de la légende arthurienne. Alors que Jennifer était rare en dehors des Cornouailles avant le début des années 1900, il a gagné une large reconnaissance après être apparu dans la pièce de George Bernard Shaw The Doctor's Dilemma (1906). Le prénom a connu un essor de popularité aux États-Unis au milieu du XXe siècle, devenant le prénom le plus populaire pour les filles entre 1970 et 1984. La forme tronquée Jenn a naturellement suivi cette tendance comme une version affectueuse plus courte.
Porteuses notables
Culture et arts
<![CDATA[Jenn Bostic (née en 1986), chanteuse country américaine</plaintext><plaintext>Jenn Grant (née en 1980), chanteuse folk-pop canadienne</plaintext><plaintext>Jenn Colella, actrice et chanteuse américaine</plaintext><plaintext>Jenn Ashworth (née en 1982), écrivaine anglaise</plaintext><h3>Autres domaines</h3><plaintext>Jenn Robinson (née en 1991), mannequin de mode canadienne</plaintext><plaintext>Jenn Stone, journaliste spécialisée dans les jeux vidéo américaine</plaintext><h2>Noms apparentés</h2><p>Les variantes de Jenn incluent <a href="/name/jen">Jen</a>, <a href="/name/jena">Jena</a>, et <a href="/name/jenni">Jenni</a>. Le nom partage également des racines avec des formes plus longues telles que <a href="/name/guinevere">Guinevere</a> (mythologie galloise) et <a href="/name/gwenhwyfar">Gwenhwyfar</a> (gallois).</p><ul><li><strong>Signification :</strong> Forme courte de Jennifer</li><li><strong>Origine :</strong> Cornique/galloise (via Guenièvre)</li><li><strong>Type :</strong> Diminutif/hypocoristique</li><li><strong>Régions d'usage :</strong> Pays anglophones (notamment États-Unis et Royaume-Uni)</li></ul>
</div>
</div>
</section>
<section class="mb-8">
<div class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-bronze-700 mb-4">Prénoms associés</div>
<div class="space-y-4">
<div class="bg-bg-elevated border border-border rounded-xl p-6">
<h3 class="font-display font-medium text-lg text-ink-900 tracking-[-0.015em] mb-3">Variants</h3>
<div class="flex flex-wrap items-baseline gap-x-2 gap-y-2 leading-relaxed">
<a href="https://namehub.info/fr/name/jen" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jen</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jena" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jena</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenelle" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenelle</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jeni" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jeni</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenna" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenna</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenni" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenni</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jennie" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennie</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenny" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenny</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenae" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenae</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenessa" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenessa</a> </div>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-6">
<h3 class="font-display font-medium text-lg text-ink-900 tracking-[-0.015em] mb-3">Other Languages & Cultures</h3>
<div class="flex flex-wrap items-baseline gap-x-2 gap-y-2 leading-relaxed">
<span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Welsh Mythology)</span>
<a href="https://namehub.info/fr/name/gwenhwyfar" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Gwenhwyfar</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Arthurian Cycle)</span>
<a href="https://namehub.info/fr/name/guenevere" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Guenevere</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/guinevere" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Guinevere</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Spanish)</span>
<a href="https://namehub.info/fr/name/jenifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenifer</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Swedish)</span>
<a href="https://namehub.info/fr/name/jennifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennifer</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jenny" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenny</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(French)</span>
<a href="https://namehub.info/fr/name/jenna" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenna</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Finnish)</span>
<a href="https://namehub.info/fr/name/jenni" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenni</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(French)</span>
<a href="https://namehub.info/fr/name/guenie11vre" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Guenièvre</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/jennah" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennah</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Hungarian)</span>
<a href="https://namehub.info/fr/name/dzsenifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Dzsenifer</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Icelandic)</span>
<a href="https://namehub.info/fr/name/jenny10" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jenný</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Italian)</span>
<a href="https://namehub.info/fr/name/ginevra" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Ginevra</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Spanish (Latin American))</span>
<a href="https://namehub.info/fr/name/ye10nifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Yénifer</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/ye10nnifer" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Yénnifer</a><span class="text-ink-300">,</span> <a href="https://namehub.info/fr/name/yenny" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Yenny</a> <span class="basis-full"></span> <span class="text-[10px] font-sans font-semibold uppercase tracking-[0.10em] text-ink-500">(Swedish)</span>
<a href="https://namehub.info/fr/name/jennie" class="font-display text-lg name-link hover:underline decoration-1 underline-offset-4">Jennie</a> </div>
</div>
</div>
</section>
<p class="mt-10 pt-4 border-t border-border font-serif text-sm text-ink-500 leading-relaxed">
<span class="font-display text-ink-700">Sources:</span>
<a href="https://en.wikipedia.org/wiki/Jenn" rel="nofollow noopener" target="_blank" class="text-blue-700 hover:text-blue-900 underline underline-offset-2 decoration-blue-300">Wikipedia — Jenn</a> </p>
</main>
<aside class="w-full lg:w-80 shrink-0 space-y-4">
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">En un coup d'œil</h4>
<dl class="text-sm">
<div class="flex justify-between items-baseline py-2 border-t border-border first:border-t-0">
<dt class="text-ink-500">Origine</dt>
<dd class="font-display text-ink-900 text-right">Anglais</dd>
</div>
<div class="flex justify-between items-baseline py-2 border-t border-border first:border-t-0">
<dt class="text-ink-500">Genre</dt>
<dd class="font-display text-ink-900">Féminin</dd>
</div>
<div class="flex justify-between items-baseline py-2 border-t border-border">
<dt class="text-ink-500">Prénoms associés</dt>
<dd class="font-display text-ink-900 tabular-nums">27</dd>
</div>
</dl>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">Télécharger</h4>
<a href="https://namehub.info/fr/certificate/preview/jenn"
class="flex items-center gap-3 px-4 py-3 rounded-lg border border-border text-sm text-ink-700 hover:border-bronze-300 hover:bg-bronze-50 hover:text-bronze-700 transition group">
<svg class="w-4 h-4 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.8"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"/></svg>
<span class="flex-1 font-display">Certificat de Nom</span>
<span class="inline-flex items-center px-1.5 py-0.5 rounded-full text-[10px] font-bold uppercase tracking-[0.06em] bg-bronze-50 text-bronze-700">Gratuit</span>
</a>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">Partager</h4>
<div class="flex flex-wrap gap-2">
<a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fnamehub.info%2Ffr%2Fname%2Fjenn" target="_blank" rel="noopener"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition" title="Facebook">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
</a>
<a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fnamehub.info%2Ffr%2Fname%2Fjenn&text=Jenn+%E2%80%94+Signification%2C+origine+et+popularit%C3%A9+du+pr%C3%A9nom" target="_blank" rel="noopener"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition" title="X">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
</a>
<a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fnamehub.info%2Ffr%2Fname%2Fjenn&description=Jenn+%E2%80%94+Signification%2C+origine+et+popularit%C3%A9+du+pr%C3%A9nom" target="_blank" rel="noopener"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition" title="Pinterest">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.017 24c6.624 0 11.99-5.367 11.99-11.988C24.007 5.367 18.641 0 12.017 0z"/></svg>
</a>
<button id="copy-link-btn" type="button"
class="inline-flex items-center justify-center w-10 h-10 rounded-lg border border-border text-ink-500 hover:border-bronze-300 hover:text-bronze-700 transition cursor-pointer" title="Copier le lien">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 5H6a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2v-1M8 5a2 2 0 002 2h2a2 2 0 002-2M8 5a2 2 0 012-2h2a2 2 0 012 2m0 0h2a2 2 0 012 2v3m2 4H10m0 0l3-3m-3 3l3 3"/></svg>
</button>
<script>
document.getElementById('copy-link-btn')?.addEventListener('click', function() {
const btn = this;
navigator.clipboard.writeText('https://namehub.info/fr/name/jenn').then(function() {
btn.classList.add('bg-bronze-50', 'border-bronze-300', 'text-bronze-700');
setTimeout(function() { btn.classList.remove('bg-bronze-50', 'border-bronze-300', 'text-bronze-700'); }, 2000);
});
});
</script>
</div>
</div>
<div class="bg-bg-elevated border border-border rounded-xl p-5">
<h4 class="text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-ink-500 mb-3">Catégories</h4>
<div class="flex flex-wrap gap-1.5">
<a href="https://namehub.info/fr/names/tag/youtubers"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
YouTubeurs
</a>
<a href="https://namehub.info/fr/names/tag/the_west_wing_characters"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
Les personnages de l'aile ouest
</a>
<a href="https://namehub.info/fr/names/tag/short_forms"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
formes courtes
</a>
<a href="https://namehub.info/fr/names/tag/family_ties_characters"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
Personnages de liens familiaux
</a>
<a href="https://namehub.info/fr/names/tag/rappers"
class="inline-flex items-center px-3 py-1 text-xs font-medium rounded-full border border-border text-ink-700 hover:border-bronze-300 hover:text-bronze-700 hover:bg-bronze-50 transition">
rappeurs
</a>
</div>
</div>
<a href="https://namehub.info/fr/ask" class="block relative overflow-hidden rounded-xl bg-blue-900 text-parchment-50 p-5 group">
<div class="absolute -top-12 -right-12 w-40 h-40 rounded-full bg-bronze-500/20 blur-2xl pointer-events-none"></div>
<h4 class="relative text-[11px] font-sans font-semibold uppercase tracking-[0.12em] text-bronze-300 mb-3">Demander à l'IA</h4>
<p class="relative font-serif italic text-sm text-parchment-50/85 leading-relaxed mb-4">Quelles histoires portent le nom Jenn ?</p>
<span class="relative inline-flex items-center gap-1.5 text-xs font-bold uppercase tracking-[0.04em] text-bronze-300 group-hover:text-bronze-100 group-hover:gap-2.5 transition-all">
Ouvrir le chat
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/></svg>
</span>
</a>
</aside>
</div>
</main>
<footer class="nh-footer">
<div class="nh-footer-inner">
<div>
<a href="https://namehub.info/fr" class="nh-footer-brand">
<img src="/img/brand/logo-mark-light.svg" alt="" width="32" height="32">
<span>Name<em>Hub</em></span>
</a>
<p class="nh-footer-tag mt-2 mb-4">Une base de données croissante de prénoms et noms de famille avec leurs origines, significations et histoires issues des cultures du monde entier.</p>
<a href="https://buy.stripe.com/6oU5kE6OM1ct0g35ed7Zu00" target="_blank" rel="noopener" class="nh-donate">
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
Donner
</a>
</div>
<div>
<h3 class="nh-footer-h">Découvrir</h3>
<ul class="nh-footer-list">
<li><a href="https://namehub.info/fr/names" class="nh-footer-link">Prénoms</a></li>
<li><a href="https://namehub.info/fr/names/list" class="nh-footer-link">Origine</a></li>
<li><a href="https://namehub.info/fr/top" class="nh-footer-link">Prénoms populaires</a></li>
<li><a href="https://namehub.info/fr/namesakes" class="nh-footer-link">Homonymes</a></li>
<li><a href="https://namehub.info/fr/glossary" class="nh-footer-link">Glossaire</a></li>
</ul>
</div>
<div>
<h3 class="nh-footer-h">Outils</h3>
<ul class="nh-footer-list">
<li><a href="https://namehub.info/fr/ask" class="nh-footer-link">Demander à l'IA</a></li>
<li><a href="https://namehub.info/fr/name-combiner" class="nh-footer-link">Combinez vos prénoms</a></li>
<li><a href="https://namehub.info/fr/names/random" class="nh-footer-link">Générateur de Prénoms</a></li>
<li><a href="https://namehub.info/fr/family-tree" class="nh-footer-link">Arbre Généalogique</a></li>
<li><a href="https://namehub.info/fr/members" class="nh-footer-link">Membres</a></li>
</ul>
</div>
<div>
<h3 class="nh-footer-h">Ressources</h3>
<ul class="nh-footer-list">
<li><a href="https://namehub.info/fr/pages" class="nh-footer-link">Articles</a></li>
<li><a href="https://namehub.info/fr/contact" class="nh-footer-link">Contact</a></li>
<li>
<a href="https://surnames.namehub.info/fr/names" class="nh-footer-link inline-flex items-center gap-1">
Noms de famille
<svg class="w-3 h-3 opacity-60" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"/></svg>
</a>
</li>
</ul>
</div>
</div>
<div class="nh-footer-legal">
<span>© 2026 NameHub. Tous droits réservés.</span>
<nav class="flex flex-wrap items-center gap-x-5 gap-y-2">
<a href="https://namehub.info/fr/page/privacy-policy">Politique de confidentialité</a>
<a href="https://namehub.info/fr/page/terms-of-service">Conditions d'utilisation</a>
</nav>
</div>
</footer>
<div class="js-cookie-consent cookie-consent fixed bottom-0 inset-x-0 z-50 p-4">
<div class="max-w-3xl mx-auto">
<div class="bg-bg-elevated rounded-xl shadow-lg border border-border px-5 py-4 flex flex-col sm:flex-row items-start sm:items-center gap-4">
<div class="flex items-start gap-3 flex-1">
<div class="w-10 h-10 rounded-lg bg-bronze-50 flex items-center justify-center shrink-0 mt-0.5">
<svg class="w-5 h-5 text-bronze-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5Z"/><circle cx="8.5" cy="10.5" r="1" fill="currentColor"/><circle cx="14" cy="14.5" r="1" fill="currentColor"/><circle cx="9.5" cy="15.5" r="1" fill="currentColor"/></svg>
</div>
<div>
<p class="font-display text-base font-medium text-ink-900 mb-0.5 leading-tight">Nous utilisons des cookies</p>
<p class="text-xs text-ink-500 leading-relaxed">Nous utilisons des cookies essentiels pour faire fonctionner NameHub. Nous aimerions aussi définir des cookies analytiques pour comprendre comment vous utilisez le site. <a href="https://namehub.info/fr/page/privacy-policy" class="text-blue-700 hover:text-blue-900 underline decoration-blue-300 underline-offset-2">Politique de confidentialité</a></p>
</div>
</div>
<div class="flex items-center gap-2 shrink-0">
<button class="js-cookie-consent-agree cookie-consent__agree btn btn-primary cursor-pointer">
Accepter
</button>
<button onclick="document.querySelector('.js-cookie-consent').style.display='none'" class="cursor-pointer px-4 py-2 bg-bg-subtle text-ink-700 text-sm font-medium rounded-lg hover:bg-border transition">
Refuser
</button>
</div>
</div>
</div>
</div>
<script>
window.laravelCookieConsent = (function () {
const COOKIE_VALUE = 1;
const COOKIE_DOMAIN = '.namehub.info';
function consentWithCookies() {
setCookie('laravel_cookie_consent', COOKIE_VALUE, 7300);
hideCookieDialog();
}
function cookieExists(name) {
return (document.cookie.split('; ').indexOf(name + '=' + COOKIE_VALUE) !== -1);
}
function hideCookieDialog() {
const dialogs = document.getElementsByClassName('js-cookie-consent');
for (let i = 0; i < dialogs.length; ++i) {
dialogs[i].style.display = 'none';
}
}
function setCookie(name, value, expirationInDays) {
const date = new Date();
date.setTime(date.getTime() + (expirationInDays * 24 * 60 * 60 * 1000));
document.cookie = name + '=' + value
+ ';expires=' + date.toUTCString()
+ ';domain=' + COOKIE_DOMAIN
+ ';path=/;secure'
+ ';samesite=lax';
}
if (cookieExists('laravel_cookie_consent')) {
hideCookieDialog();
}
const buttons = document.getElementsByClassName('js-cookie-consent-agree');
for (let i = 0; i < buttons.length; ++i) {
buttons[i].addEventListener('click', consentWithCookies);
}
return {
consentWithCookies: consentWithCookies,
hideCookieDialog: hideCookieDialog
};
})();
</script>
<script>
document.getElementById('mobile-menu-btn')?.addEventListener('click', function() {
document.getElementById('mobile-menu')?.classList.toggle('hidden');
document.getElementById('mobile-lang-menu')?.classList.add('hidden');
});
document.getElementById('mobile-lang-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('mobile-lang-menu')?.classList.toggle('hidden');
document.getElementById('mobile-menu')?.classList.add('hidden');
});
document.getElementById('lang-switcher-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('lang-switcher-menu')?.classList.toggle('hidden');
document.getElementById('tools-dropdown-menu')?.classList.add('hidden');
});
document.getElementById('tools-dropdown-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('tools-dropdown-menu')?.classList.toggle('hidden');
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
});
document.getElementById('profile-dropdown-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('profile-dropdown-menu')?.classList.toggle('hidden');
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
});
document.getElementById('auth-dropdown-btn')?.addEventListener('click', function(e) {
e.stopPropagation();
document.getElementById('auth-dropdown-menu')?.classList.toggle('hidden');
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
});
document.addEventListener('click', function() {
document.getElementById('lang-switcher-menu')?.classList.add('hidden');
document.getElementById('tools-dropdown-menu')?.classList.add('hidden');
document.getElementById('profile-dropdown-menu')?.classList.add('hidden');
document.getElementById('auth-dropdown-menu')?.classList.add('hidden');
document.getElementById('mobile-lang-menu')?.classList.add('hidden');
});
</script>
<script>
(function() {
const toggle = document.getElementById('header-search-toggle');
const box = document.getElementById('header-search-box');
const input = document.getElementById('header-search-input');
const results = document.getElementById('header-search-results');
if (!toggle) return;
const noNamesText = "Aucun pr\u00e9nom trouv\u00e9";
const currentLocale = "fr";
const headerSpinner = document.getElementById('header-search-spinner');
const setLoading = (on) => headerSpinner?.classList.toggle('hidden', !on);
let timeout;
toggle.addEventListener('click', function(e) {
e.stopPropagation();
box.classList.toggle('hidden');
if (!box.classList.contains('hidden')) {
input.focus();
}
});
input?.addEventListener('input', function() {
clearTimeout(timeout);
const q = this.value.trim();
if (q.length < 2) { results.innerHTML = ''; setLoading(false); return; }
setLoading(true);
timeout = setTimeout(async () => {
const requestedQuery = q;
let names;
try {
const res = await fetch(`https://namehub.info/api/names/search?q=${encodeURIComponent(q)}`);
names = await res.json();
} catch (_) {
names = [];
}
if (input.value.trim() !== requestedQuery) return;
setLoading(false);
const genderColors = { m: 'bg-sky-100 text-sky-600', f: 'bg-rose-100 text-rose-600', mf: 'bg-amber-100 text-amber-600' };
const genderLabels = { m: 'M', f: 'F', mf: 'M&F' };
if (names.length === 0) {
results.innerHTML = '<div class="px-4 py-3 text-sm text-gray-400">' + noNamesText + '</div>';
} else {
results.innerHTML = names.map(n => {
const gc = genderColors[n.gender] || 'bg-gray-100 text-gray-500';
const gl = genderLabels[n.gender] || '';
const usages = n.usages ? `<div class="text-[11px] text-gray-400 truncate">${n.usages}</div>` : '';
return `<a href="/${currentLocale}/name/${n.slug}" class="flex items-center gap-3 px-4 py-2 hover:bg-indigo-50 transition border-b border-gray-50 last:border-0">
<div class="w-8 h-8 rounded-full ${gc} flex items-center justify-center font-bold text-[10px] shrink-0">${gl || n.name.charAt(0)}</div>
<div class="min-w-0 flex-1 overflow-hidden">
<div class="text-sm font-medium text-gray-800 truncate">${n.name}</div>
${usages}
</div>
</a>`;
}).join('');
}
}, 250);
});
input?.addEventListener('keydown', function(e) {
if (e.key === 'Escape') { box.classList.add('hidden'); results.innerHTML = ''; }
});
document.addEventListener('click', function(e) {
if (!document.getElementById('header-search-wrapper')?.contains(e.target)) {
box?.classList.add('hidden');
}
});
})();
</script>
<a href="https://namehub.info/fr/ask"
class="fixed bottom-4 right-4 z-[60] inline-flex items-center gap-2 rounded-full bg-bronze-500 hover:bg-bronze-700 text-ink-900 px-4 py-2.5 shadow-lg shadow-bronze-500/30 transition-colors"
aria-label="Ouvrir le chat">
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.86 9.86 0 0 1-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>
</svg>
<span class="text-xs font-bold uppercase tracking-[0.04em]">Demander à l'IA</span>
</a>
</body>
</html>
]]></plaintext></div></div> 