stanig2106/cv-generator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ajouter le système i18n frontend (FR/EN)

Browse Source
This commit is contained in:
stanig2106
2026-04-05 21:54:22 +01:00
parent f0cf9a605f
commit bfb1ad9163
6 changed files with 177 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+19 -8
View File
@@ -10,8 +10,15 @@
<body>
<div class="container">
<header>
<h1>CV Generator</h1>
<p>Remplissez vos informations pour générer votre CV</p>
<div class="header-top">
<h1 data-i18n="header.title">CV Generator</h1>
<div class="lang-switcher">
<button class="lang-btn" data-lang="fr">FR</button>
<span class="lang-sep">|</span>
<button class="lang-btn" data-lang="en">EN</button>
</div>
</div>
<p data-i18n="header.subtitle">Remplissez vos informations pour générer votre CV</p>
</header>
<div class="card">
@@ -20,11 +27,12 @@
<!-- ── Section Identité ── -->
<!-- Voir sections/identite/identite.html pour le découpage complet -->
<div class="form-group">
<label for="nom">Nom</label>
<label for="nom" data-i18n="form.nom">Nom</label>
<input
type="text"
id="nom"
name="nom"
data-i18n-placeholder="form.nomPlaceholder"
placeholder="Dupont"
autocomplete="family-name"
required
@@ -34,11 +42,12 @@
</div>
<div class="form-group">
<label for="prenom">Prénom</label>
<label for="prenom" data-i18n="form.prenom">Prénom</label>
<input
type="text"
id="prenom"
name="prenom"
data-i18n-placeholder="form.prenomPlaceholder"
placeholder="Jean"
autocomplete="given-name"
required
@@ -48,11 +57,12 @@
</div>
<div class="form-group">
<label for="email">Email</label>
<label for="email" data-i18n="form.email">Email</label>
<input
type="email"
id="email"
name="email"
data-i18n-placeholder="form.emailPlaceholder"
placeholder="jean.dupont@email.com"
autocomplete="email"
required
@@ -61,11 +71,12 @@
</div>
<div class="form-group">
<label for="titre">Titre du poste</label>
<label for="titre" data-i18n="form.titre">Titre du poste</label>
<input
type="text"
id="titre"
name="titre"
data-i18n-placeholder="form.titrePlaceholder"
placeholder="Développeur Full Stack"
autocomplete="organization-title"
required
@@ -81,14 +92,14 @@
- Hobbies → sections/hobbies/
-->
<button type="submit" class="btn-generate">Générer mon CV</button>
<button type="submit" class="btn-generate" data-i18n="form.submit">Générer mon CV</button>
<p class="success-message" id="success"></p>
</form>
</div>
<footer>
<p>CV Generator &copy; 2026</p>
<p data-i18n="footer">CV Generator &copy; 2026</p>
</footer>
</div>