/* — CSS GÉNÉRAL POUR L’ARTICLE (WordPress) — */
#fle-content-wrapper {
font-family: ‘Nunito’, Roboto, Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.6;
max-width: 100%;
margin: 0 auto;
}#fle-content-wrapper h1 { font-size: 2.5rem; color: #1e293b; font-weight: 900; }
#fle-content-wrapper h2 {
border-bottom: 3px solid #3b82f6;
display: inline-block;
padding-bottom: 0.5rem;
margin-top: 3rem;
margin-bottom: 1.5rem;
font-size: 1.8rem;
color: #1e293b;
font-weight: 800;
}
#fle-content-wrapper p {
margin-bottom: 1.5rem;
font-size: 1.1rem;
}/* Box Info */
.fle-info-box {
background-color: #eff6ff;
border-left: 4px solid #3b82f6;
padding: 1.5rem;
margin: 2rem 0;
border-radius: 0 8px 8px 0;
}
/* — STYLES DES FICHES THÉMATIQUES (le bloc complet) — */
.theme-block-wrapper {
margin-bottom: 3rem;
padding-bottom: 2rem;
border-bottom: 1px dashed #e2e8f0;
display: flex;
flex-direction: column;
align-items: center;
}/* Le Bloc à capturer (Format A4: 1:1.414) */
.fle-theme-fiche {
background: #fff;
border: 2px solid #000000; /* Bordure noire pour impression */
border-radius: 12px;
box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 600px; /* Base de largeur pour le ratio A4 */
min-height: 848px; /* Hauteur pour obtenir un ratio A4 (600 * 1.414 = 848.4) */
overflow: hidden;
display: flex;
flex-direction: column;
font-family: ‘Nunito’, sans-serif;
}
/* Header du Thème */
.theme-header {
padding: 2rem 1.5rem;
background-color: #3b82f6; /* Bleu Vif */
color: white;
border-bottom: 5px solid #2563eb;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.theme-icon { font-size: 3rem; line-height: 1; }
.theme-title { font-size: 2rem; font-weight: 900; margin-top: 0.5rem; margin-bottom: 0.2rem; }
.theme-subtitle { font-size: 1.1rem; font-weight: 400; opacity: 0.9; }/* Grille de Vocabulaire */
.vocab-grid {
flex-grow: 1; /* Prend l’espace restant dans la colonne A4 */
display: grid;
grid-template-columns: repeat(2, 1fr); /* Deux colonnes plus adaptées à la verticalité */
gap: 1.5rem 1rem;
padding: 2rem 1.5rem;
background-color: #ffffff;
align-content: start; /* Les items commencent en haut */
}.vocab-item {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 0;
}.item-icon { font-size: 1.8rem; line-height: 1; }
.item-text { line-height: 1.2; }
.item-fr { font-weight: 800; font-size: 1.1rem; color: #1e293b; }
.item-en { font-size: 0.9rem; color: #64748b; font-style: italic; }
/* Couleurs des articles */
.text-masc-fr { color: #2563eb; } /* Bleu pour Masculin */
.text-fem-fr { color: #e11d48; } /* Rouge pour Féminin *//* Bouton de téléchargement */
.fle-download-btn {
margin-top: 1.5rem;
background-color: #3b82f6;
color: white;
padding: 0.8rem 1.8rem;
border-radius: 9999px;
font-size: 1rem;
font-weight: 700;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.2s;
border: none;
text-decoration: none !important;
box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
}.fle-download-btn:hover {
background-color: #2563eb;
transform: translateY(-1px);
}
.fle-download-btn svg {
width: 20px;
height: 20px;
}
/* Responsive adjustment for mobile screens */
@media (max-width: 650px) {
.fle-theme-fiche {
min-height: auto; /* Supprime la hauteur fixe sur mobile */
border: 1px solid #e2e8f0;
}
.vocab-grid {
grid-template-columns: 1fr; /* Une colonne sur mobile */
padding: 1rem;
gap: 1rem;
}
.theme-header {
padding: 1.5rem 1rem;
}
}
إتقان المفردات الأساسية هو الخطوة الأولى لتعلم اللغة الفرنسية. سواء كنت مبتدئًا تمامًا أو لديك بعض المعرفة المسبقة، فإن تصور الكلمات يساعدك على حفظها أسرع بمرتين. صممنا أوراق المفردات المصورة هذه خصيصًا لمستوى A1. تغطي هذه الأوراق مواقف الحياة اليومية، وهي مُنسقة لطباعة مثالية على ورق A4.
💡 نصيحة تعليمية: تُعد أوراق A4 هذه مثالية للعرض على الحائط أو لإنشاء بطاقات مراجعة. حمّلها لتكون معك دائمًا، حتى بدون اتصال بالإنترنت. 1. أوراق مفردات قابلة للتحميل (صيغة PNG A4) تحتوي كل ورقة موضوعية أدناه على 12 كلمة من مفردات مستوى A1، بالإضافة إلى جنسها (مذكر/مؤنث) وترجمتها الإنجليزية.
استخدم زر “تحميل” الموجود أسفل كل ورقة للحصول على صورة PNG عالية الدقة جاهزة للطباعة. نتمنى لك التوفيق في رحلة تعلمك للغة الفرنسية كلغة أجنبية!
${article} ${noun}
${item.en} `;
(function() {
// Définition des 20 thèmes de vocabulaire (12 mots chacun)
// Les chaînes de caractères dans ‘title’, ‘fr’ et ‘en’ ne contiennent plus de syntaxe Markdown (**).
const themes = [
{ title: “L’École”, subtitle: “School”, icon: “🎒”, items: [{ fr: “La Classe”, en: “The Classroom”, gender: “f”, icon: “🏫” }, { fr: “Le Cartable”, en: “The Schoolbag”, gender: “m”, icon: “🎒” }, { fr: “La Maîtresse”, en: “The Teacher (f)”, gender: “f”, icon: “👩🏫” }, { fr: “Le Crayon”, en: “The Pencil”, gender: “m”, icon: “✏️” }, { fr: “Le Livre”, en: “The Book”, gender: “m”, icon: “📖” }, { fr: “La Gomme”, en: “The Eraser”, gender: “f”, icon: “🧼” }, { fr: “Le Tableau”, en: “The Board”, gender: “m”, icon: “🧑🏫” }, { fr: “Les Ciseaux”, en: “The Scissors”, gender: “m”, icon: “✂️” }, { fr: “La Règle”, en: “The Ruler”, gender: “f”, icon: “📏” }, { fr: “Le Stylo”, en: “The Pen”, gender: “m”, icon: “🖊️” }, { fr: “Le Bureau”, en: “The Desk”, gender: “m”, icon: “🪑” }, { fr: “L’Élève”, en: “The Student”, gender: “m”, icon: “👦” }] },
{ title: “La Maison”, subtitle: “The House”, icon: “🏠”, items: [{ fr: “La Maison”, en: “The House”, gender: “f”, icon: “🏡” }, { fr: “Le Salon”, en: “The Living Room”, gender: “m”, icon: “🛋️” }, { fr: “La Cuisine”, en: “The Kitchen”, gender: “f”, icon: “🍳” }, { fr: “La Salle de bain”, en: “The Bathroom”, gender: “f”, icon: “🛁” }, { fr: “La Chambre”, en: “The Bedroom”, gender: “f”, icon: “🛏️” }, { fr: “Le Lit”, en: “The Bed”, gender: “m”, icon: “🛌” }, { fr: “La Table”, en: “The Table”, gender: “f”, icon: “🍽️” }, { fr: “La Chaise”, en: “The Chair”, gender: “f”, icon: “🪑” }, { fr: “Le Canapé”, en: “The Sofa”, gender: “m”, icon: “🛋” }, { fr: “La Lampe”, en: “The Lamp”, gender: “f”, icon: “💡” }, { fr: “Le Jardin”, en: “The Garden”, gender: “m”, icon: “🌳” }, { fr: “La Porte”, en: “The Door”, gender: “f”, icon: “🚪” }] },
{ title: “La Famille”, subtitle: “Family”, icon: “👨👩👧👦”, items: [{ fr: “Le Papa”, en: “Dad”, gender: “m”, icon: “👨” }, { fr: “La Maman”, en: “Mom”, gender: “f”, icon: “👩” }, { fr: “Le Frère”, en: “Brother”, gender: “m”, icon: “👦” }, { fr: “La Sœur”, en: “Sister”, gender: “f”, icon: “👧” }, { fr: “Le Bébé”, en: “Baby”, gender: “m”, icon: “👶” }, { fr: “Le Grand-père”, en: “Grandfather”, gender: “m”, icon: “👴” }, { fr: “La Grand-mère”, en: “Grandmother”, gender: “f”, icon: “👵” }, { fr: “La Famille”, en: “Family”, gender: “f”, icon: “👨👩👧” }, { fr: “L’Oncle”, en: “Uncle”, gender: “m”, icon: “👨💼” }, { fr: “La Tante”, en: “Aunt”, gender: “f”, icon: “👩💼” }, { fr: “Le Cousin”, en: “Cousin (m)”, gender: “m”, icon: “🙇” }, { fr: “La Cousine”, en: “Cousin (f)”, gender: “f”, icon: “🙇♀️” }] },
{ title: “La Ville”, subtitle: “The City”, icon: “🏙️”, items: [{ fr: “La Rue”, en: “The Street”, gender: “f”, icon: “🛣️” }, { fr: “Le Magasin”, en: “The Shop”, gender: “m”, icon: “🏪” }, { fr: “Le Parc”, en: “The Park”, gender: “m”, icon: “🌳” }, { fr: “La Mairie”, en: “City Hall”, gender: “f”, icon: “🏛️” }, { fr: “L’Hôpital”, en: “The Hospital”, gender: “m”, icon: “🏥” }, { fr: “L’École”, en: “The School”, gender: “f”, icon: “🏫” }, { fr: “La Poste”, en: “The Post Office”, gender: “f”, icon: “🏤” }, { fr: “Le Cinéma”, en: “The Cinema”, gender: “m”, icon: “🎬” }, { fr: “Le Restaurant”, en: “The Restaurant”, gender: “m”, icon: “🍽️” }, { fr: “L’Immeuble”, en: “The Building”, gender: “m”, icon: “🏢” }, { fr: “Le Trottoir”, en: “The Sidewalk”, gender: “m”, icon: “🚶” }, { fr: “La Place”, en: “The Square”, gender: “f”, icon: “⛲” }] },
{ title: “La Forêt”, subtitle: “The Forest”, icon: “🌲”, items: [{ fr: “L’Arbre”, en: “The Tree”, gender: “m”, icon: “🌳” }, { fr: “La Feuille”, en: “The Leaf”, gender: “f”, icon: “🍃” }, { fr: “Le Champignon”, en: “The Mushroom”, gender: “m”, icon: “🍄” }, { fr: “La Fleur”, en: “The Flower”, gender: “f”, icon: “🌸” }, { fr: “L’Écureuil”, en: “The Squirrel”, gender: “m”, icon: “🐿️” }, { fr: “Le Loup”, en: “The Wolf”, gender: “m”, icon: “🐺” }, { fr: “L’Oiseau”, en: “The Bird”, gender: “m”, icon: “🐦” }, { fr: “Le Bois”, en: “The Wood”, gender: “m”, icon: “🪵” }, { fr: “Le Chemin”, en: “The Path”, gender: “m”, icon: “🛤️” }, { fr: “La Rivière”, en: “The River”, gender: “f”, icon: “🏞️” }, { fr: “Le Hibou”, en: “The Owl”, gender: “m”, icon: “🦉” }, { fr: “Le Renard”, en: “The Fox”, gender: “m”, icon: “🦊” }] },
{ title: “La Mer”, subtitle: “The Sea”, icon: “🏖️”, items: [{ fr: “La Plage”, en: “The Beach”, gender: “f”, icon: “🏖️” }, { fr: “Le Sable”, en: “The Sand”, gender: “m”, icon: “🏜️” }, { fr: “Le Coquillage”, en: “The Shell”, gender: “m”, icon: “🐚” }, { fr: “Le Poisson”, en: “The Fish”, gender: “m”, icon: “🐟” }, { fr: “Le Bateau”, en: “The Boat”, gender: “m”, icon: “⛵” }, { fr: “La Mer”, en: “The Sea”, gender: “f”, icon: “🌊” }, { fr: “Le Soleil”, en: “The Sun”, gender: “m”, icon: “☀️” }, { fr: “Le Parasol”, en: “The Umbrella”, gender: “m”, icon: “⛱️” }, { fr: “La Serviette”, en: “The Towel”, gender: “f”, icon: “🧖” }, { fr: “Le Crabe”, en: “The Crab”, gender: “m”, icon: “🦀” }, { fr: “Le Château”, en: “The Castle”, gender: “m”, icon: “🏰” }, { fr: “La Vague”, en: “The Wave”, gender: “f”, icon: “🌊” }] },
{ title: “Les Transports”, subtitle: “Transport”, icon: “🚆”, items: [{ fr: “La Voiture”, en: “The Car”, gender: “f”, icon: “🚗” }, { fr: “Le Bus”, en: “The Bus”, gender: “m”, icon: “🚌” }, { fr: “Le Train”, en: “The Train”, gender: “m”, icon: “🚆” }, { fr: “Le Vélo”, en: “The Bicycle”, gender: “m”, icon: “🚲” }, { fr: “L’Avion”, en: “The Plane”, gender: “m”, icon: “✈️” }, { fr: “Le Bateau”, en: “The Boat”, gender: “m”, icon: “🚢” }, { fr: “Le Camion”, en: “The Truck”, gender: “m”, icon: “🚚” }, { fr: “Le Taxi”, en: “The Taxi”, gender: “m”, icon: “🚕” }, { fr: “La Moto”, en: “The Motorcycle”, gender: “f”, icon: “🏍️” }, { fr: “L’Hélicoptère”, en: “The Helicopter”, gender: “m”, icon: “🚁” }, { fr: “Le Métro”, en: “The Subway”, gender: “m”, icon: “🚇” }, { fr: “La Trottinette”, en: “The Scooter”, gender: “f”, icon: “🛴” }] },
{ title: “Les Métiers”, subtitle: “Jobs”, icon: “👨⚕️”, items: [{ fr: “Le Docteur”, en: “The Doctor”, gender: “m”, icon: “👨⚕️” }, { fr: “Le Pompier”, en: “The Firefighter”, gender: “m”, icon: “👨🚒” }, { fr: “Le Boulanger”, en: “The Baker”, gender: “m”, icon: “👨🍳” }, { fr: “Le Professeur”, en: “The Teacher”, gender: “m”, icon: “👨🏫” }, { fr: “Le Policier”, en: “The Police Officer”, gender: “m”, icon: “👮” }, { fr: “Le Vendeur”, en: “The Salesman”, gender: “m”, icon: “🧑💼” }, { fr: “Le Coiffeur”, en: “The Hairdresser”, gender: “m”, icon: “💇” }, { fr: “Le Cuisinier”, en: “The Cook”, gender: “m”, icon: “👨🍳” }, { fr: “L’Artiste”, en: “The Artist”, gender: “m”, icon: “🎨” }, { fr: “Le Chanteur”, en: “The Singer”, gender: “m”, icon: “🎤” }, { fr: “Le Fermier”, en: “The Farmer”, gender: “m”, icon: “👨🌾” }, { fr: “Le Juge”, en: “The Judge”, gender: “m”, icon: “👨⚖️” }] },
{ title: “Le Supermarché”, subtitle: “Supermarket”, icon: “🛒”, items: [{ fr: “Le Rayon”, en: “The Aisle”, gender: “m”, icon: “🏪” }, { fr: “Le Chariot”, en: “The Cart”, gender: “m”, icon: “🛒” }, { fr: “La Caisse”, en: “The Checkout”, gender: “f”, icon: “📠” }, { fr: “Le Panier”, en: “The Basket”, gender: “m”, icon: “🧺” }, { fr: “L’Argent”, en: “Money”, gender: “m”, icon: “💶” }, { fr: “Le Sac”, en: “The Bag”, gender: “m”, icon: “🛍️” }, { fr: “Le Fruit”, en: “The Fruit”, gender: “m”, icon: “🍎” }, { fr: “Le Légume”, en: “The Vegetable”, gender: “m”, icon: “🥦” }, { fr: “Le Lait”, en: “The Milk”, gender: “m”, icon: “🥛” }, { fr: “Le Pain”, en: “The Bread”, gender: “m”, icon: “🥖” }, { fr: “La Viande”, en: “The Meat”, gender: “f”, icon: “🥩” }, { fr: “Le Poisson”, en: “The Fish”, gender: “m”, icon: “🐟” }] },
{ title: “La Cuisine”, subtitle: “Kitchen”, icon: “🍳”, items: [{ fr: “La Fourchette”, en: “The Fork”, gender: “f”, icon: “🍴” }, { fr: “Le Couteau”, en: “The Knife”, gender: “m”, icon: “🔪” }, { fr: “La Cuillère”, en: “The Spoon”, gender: “f”, icon: “🥄” }, { fr: “L’Assiette”, en: “The Plate”, gender: “f”, icon: “🍽️” }, { fr: “Le Verre”, en: “The Glass”, gender: “m”, icon: “🥛” }, { fr: “La Casserole”, en: “The Pot”, gender: “f”, icon: “🥘” }, { fr: “La Poêle”, en: “The Pan”, gender: “f”, icon: “🍳” }, { fr: “Le Frigo”, en: “The Fridge”, gender: “m”, icon: “🧊” }, { fr: “Le Four”, en: “The Oven”, gender: “m”, icon: “🔥” }, { fr: “Le Bol”, en: “The Bowl”, gender: “m”, icon: “🥣” }, { fr: “La Tasse”, en: “The Cup”, gender: “f”, icon: “☕” }, { fr: “Le Repas”, en: “The Meal”, gender: “m”, icon: “🍝” }] },
{ title: “Les Vêtements”, subtitle: “Clothes”, icon: “👕”, items: [{ fr: “Le Pantalon”, en: “The Trousers”, gender: “m”, icon: “👖” }, { fr: “La Robe”, en: “The Dress”, gender: “f”, icon: “👗” }, { fr: “Le T-shirt”, en: “The T-shirt”, gender: “m”, icon: “👕” }, { fr: “Le Pull”, en: “The Sweater”, gender: “m”, icon: “🧶” }, { fr: “La Chaussure”, en: “The Shoe”, gender: “f”, icon: “👞” }, { fr: “La Chaussette”, en: “The Sock”, gender: “f”, icon: “🧦” }, { fr: “Le Manteau”, en: “The Coat”, gender: “m”, icon: “🧥” }, { fr: “Le Chapeau”, en: “The Hat”, gender: “m”, icon: “👒” }, { fr: “L’Écharpe”, en: “The Scarf”, gender: “f”, icon: “🧣” }, { fr: “Les Lunettes”, en: “The Glasses”, gender: “f”, icon: “👓” }, { fr: “La Chemise”, en: “The Shirt”, gender: “f”, icon: “👔” }, { fr: “La Jupe”, en: “The Skirt”, gender: “f”, icon: “👗” }] },
{ title: “Le Corps Humain”, subtitle: “Body”, icon: “💪”, items: [{ fr: “La Tête”, en: “The Head”, gender: “f”, icon: “👤” }, { fr: “Le Bras”, en: “The Arm”, gender: “m”, icon: “💪” }, { fr: “La Main”, en: “The Hand”, gender: “f”, icon: “✋” }, { fr: “Le Doigt”, en: “The Finger”, gender: “m”, icon: “👆” }, { fr: “La Jambe”, en: “The Leg”, gender: “f”, icon: “🦵” }, { fr: “Le Pied”, en: “The Foot”, gender: “m”, icon: “🦶” }, { fr: “L’Œil”, en: “The Eye”, gender: “m”, icon: “👁️” }, { fr: “Le Nez”, en: “The Nose”, gender: “m”, icon: “👃” }, { fr: “La Bouche”, en: “The Mouth”, gender: “f”, icon: “👄” }, { fr: “L’Oreille”, en: “The Ear”, gender: “f”, icon: “👂” }, { fr: “Les Cheveux”, en: “The Hair”, gender: “m”, icon: “💇” }, { fr: “Le Ventre”, en: “The Belly”, gender: “m”, icon: “🧍” }] },
{ title: “Saisons & Météo”, subtitle: “Weather”, icon: “🌦️”, items: [{ fr: “Le Soleil”, en: “The Sun”, gender: “m”, icon: “☀️” }, { fr: “La Pluie”, en: “The Rain”, gender: “f”, icon: “🌧️” }, { fr: “La Neige”, en: “The Snow”, gender: “f”, icon: “❄️” }, { fr: “Le Vent”, en: “The Wind”, gender: “m”, icon: “💨” }, { fr: “Le Nuage”, en: “The Cloud”, gender: “m”, icon: “☁️” }, { fr: “L’Orage”, en: “The Storm”, gender: “m”, icon: “⛈️” }, { fr: “L’Hiver”, en: “Winter”, gender: “m”, icon: “⛄” }, { fr: “Le Printemps”, en: “Spring”, gender: “m”, icon: “🌱” }, { fr: “L’Été”, en: “Summer”, gender: “m”, icon: “🏖️” }, { fr: “L’Automne”, en: “Autumn”, gender: “m”, icon: “🍂” }, { fr: “Le Froid”, en: “Cold”, gender: “m”, icon: “🥶” }, { fr: “Le Chaud”, en: “Heat”, gender: “m”, icon: “🥵” }] },
{ title: “Fêtes”, subtitle: “Party”, icon: “🎂”, items: [{ fr: “Le Cadeau”, en: “The Gift”, gender: “m”, icon: “🎁” }, { fr: “Le Gâteau”, en: “The Cake”, gender: “m”, icon: “🎂” }, { fr: “La Bougie”, en: “The Candle”, gender: “f”, icon: “🕯️” }, { fr: “Le Ballon”, en: “The Balloon”, gender: “m”, icon: “🎈” }, { fr: “La Fête”, en: “The Party”, gender: “f”, icon: “🥳” }, { fr: “L’Anniversaire”, en: “Birthday”, gender: “m”, icon: “🎉” }, { fr: “Noël”, en: “Christmas”, gender: “m”, icon: “🎄” }, { fr: “La Musique”, en: “Music”, gender: “f”, icon: “🎵” }, { fr: “La Danse”, en: “Dance”, gender: “f”, icon: “💃” }, { fr: “L’Invité”, en: “The Guest”, gender: “m”, icon: “👋” }, { fr: “La Carte”, en: “The Card”, gender: “f”, icon: “💌” }, { fr: “Les Confettis”, en: “Confetti”, gender: “m”, icon: “🎊” }] },
{ title: “Le Sport”, subtitle: “Sports”, icon: “⚽”, items: [{ fr: “Le Ballon”, en: “The Ball”, gender: “m”, icon: “⚽” }, { fr: “Le Football”, en: “Football”, gender: “m”, icon: “🥅” }, { fr: “Le Tennis”, en: “Tennis”, gender: “m”, icon: “🎾” }, { fr: “Le Vélo”, en: “Cycling”, gender: “m”, icon: “🚴” }, { fr: “La Course”, en: “Running”, gender: “f”, icon: “🏃” }, { fr: “La Natation”, en: “Swimming”, gender: “f”, icon: “🏊” }, { fr: “L’Équipe”, en: “The Team”, gender: “f”, icon: “👕” }, { fr: “Le Stade”, en: “The Stadium”, gender: “m”, icon: “🏟️” }, { fr: “La Médaille”, en: “The Medal”, gender: “f”, icon: “🥇” }, { fr: “Le Sport”, en: “Sport”, gender: “m”, icon: “🏆” }, { fr: “Le Joueur”, en: “The Player”, gender: “m”, icon: “⛹️” }, { fr: “L’Arbitre”, en: “The Referee”, gender: “m”, icon: “🏁” }] },
{ title: “La Montagne”, subtitle: “Mountains”, icon: “🏔️”, items: [{ fr: “La Montagne”, en: “The Mountain”, gender: “f”, icon: “⛰️” }, { fr: “La Neige”, en: “The Snow”, gender: “f”, icon: “🌨️” }, { fr: “Le Ski”, en: “Skiing”, gender: “m”, icon: “🎿” }, { fr: “Le Chalet”, en: “The Chalet”, gender: “m”, icon: “🏚️” }, { fr: “L’Ours”, en: “The Bear”, gender: “m”, icon: “🐻” }, { fr: “L’Aigle”, en: “The Eagle”, gender: “m”, icon: “🦅” }, { fr: “La Randonnée”, en: “Hiking”, gender: “f”, icon: “🥾” }, { fr: “Le Lac”, en: “The Lake”, gender: “m”, icon: “🏞️” }, { fr: “La Pierre”, en: “The Stone”, gender: “f”, icon: “🪨” }, { fr: “Le Sapin”, en: “The Fir Tree”, gender: “m”, icon: “🌲” }, { fr: “Le Froid”, en: “The Cold”, gender: “m”, icon: “❄️” }, { fr: “La Vallée”, en: “The Valley”, gender: “f”, icon: “🌄” }] },
{ title: “Le Parc”, subtitle: “Playground”, icon: “🎡”, items: [{ fr: “Le Toboggan”, en: “The Slide”, gender: “m”, icon: “🛝” }, { fr: “La Balançoire”, en: “The Swing”, gender: “f”, icon: “🛖” }, { fr: “Le Jeu”, en: “The Game”, gender: “m”, icon: “🧩” }, { fr: “Le Sable”, en: “The Sand”, gender: “m”, icon: “🏖️” }, { fr: “Le Banc”, en: “The Bench”, gender: “m”, icon: “🪑” }, { fr: “L’Arbre”, en: “The Tree”, gender: “m”, icon: “🌳” }, { fr: “L’Enfant”, en: “The Child”, gender: “m”, icon: “🧒” }, { fr: “Le Ballon”, en: “The Ball”, gender: “m”, icon: “⚽” }, { fr: “L’Herbe”, en: “The Grass”, gender: “f”, icon: “🌿” }, { fr: “La Fleur”, en: “The Flower”, gender: “f”, icon: “🌻” }, { fr: “Le Soleil”, en: “The Sun”, gender: “m”, icon: “☀️” }, { fr: “Le Vélo”, en: “The Bike”, gender: “m”, icon: “🚲” }] },
{ title: “Animaux Domestiques”, subtitle: “Pets”, icon: “🐶”, items: [{ fr: “Le Chien”, en: “The Dog”, gender: “m”, icon: “🐕” }, { fr: “Le Chat”, en: “The Cat”, gender: “m”, icon: “🐈” }, { fr: “Le Poisson”, en: “The Fish”, gender: “m”, icon: “🐠” }, { fr: “Le Hamster”, en: “The Hamster”, gender: “m”, icon: “🐹” }, { fr: “L’Oiseau”, en: “The Bird”, gender: “m”, icon: “🦜” }, { fr: “La Tortue”, en: “The Turtle”, gender: “f”, icon: “🐢” }, { fr: “Le Lapin”, en: “The Rabbit”, gender: “m”, icon: “🐇” }, { fr: “La Souris”, en: “The Mouse”, gender: “f”, icon: “🐁” }, { fr: “Le Cheval”, en: “The Horse”, gender: “m”, icon: “🐎” }, { fr: “Le Perroquet”, en: “The Parrot”, gender: “m”, icon: “🦜” }, { fr: “La Cage”, en: “The Cage”, gender: “f”, icon: “🥅” }, { fr: “La Laisse”, en: “The Leash”, gender: “f”, icon: “〰️” }] },
{ title: “Les Émotions”, subtitle: “Emotions”, icon: “🎭”, items: [{ fr: “La Joie”, en: “Joy”, gender: “f”, icon: “😄” }, { fr: “La Tristesse”, en: “Sadness”, gender: “f”, icon: “😢” }, { fr: “La Colère”, en: “Anger”, gender: “f”, icon: “😡” }, { fr: “La Peur”, en: “Fear”, gender: “f”, icon: “😱” }, { fr: “La Surprise”, en: “Surprise”, gender: “f”, icon: “😲” }, { fr: “L’Amour”, en: “Love”, gender: “m”, icon: “😍” }, { fr: “Le Rire”, en: “Laughter”, gender: “m”, icon: “😂” }, { fr: “Le Pleur”, en: “Crying”, gender: “m”, icon: “😭” }, { fr: “Le Sourire”, en: “Smile”, gender: “m”, icon: “🙂” }, { fr: “La Fatigue”, en: “Tiredness”, gender: “f”, icon: “😴” }, { fr: “Le Dégoût”, en: “Disgust”, gender: “m”, icon: “🤢” }, { fr: “Le Bisou”, en: “The Kiss”, gender: “m”, icon: “😘” }] },
{ title: “Communication”, subtitle: “Communication”, icon: “📱”, items: [{ fr: “Le Téléphone”, en: “The Phone”, gender: “m”, icon: “📱” }, { fr: “La Lettre”, en: “The Letter”, gender: “f”, icon: “✉️” }, { fr: “L’Ordinateur”, en: “The Computer”, gender: “m”, icon: “💻” }, { fr: “Le Journal”, en: “The Newspaper”, gender: “m”, icon: “📰” }, { fr: “La Radio”, en: “The Radio”, gender: “f”, icon: “📻” }, { fr: “La Télé”, en: “The TV”, gender: “f”, icon: “📺” }, { fr: “Internet”, en: “Internet”, gender: “m”, icon: “🌐” }, { fr: “Le Message”, en: “The Message”, gender: “m”, icon: “💬” }, { fr: “La Photo”, en: “The Photo”, gender: “f”, icon: “📷” }, { fr: “Le Stylo”, en: “The Pen”, gender: “m”, icon: “🖊️” }, { fr: “Le Livre”, en: “The Book”, gender: “m”, icon: “📚” }, { fr: “La Tablette”, en: “The Tablet”, gender: “f”, icon: “📲” }] },
{ title: “La Nourriture”, subtitle: “Food”, icon: “🍎”, items: [{ fr: “Le Fruit”, en: “The Fruit”, gender: “m”, icon: “🍎” }, { fr: “Le Légume”, en: “The Vegetable”, gender: “m”, icon: “🥦” }, { fr: “Le Pain”, en: “The Bread”, gender: “m”, icon: “🥖” }, { fr: “L’Eau”, en: “Water”, gender: “f”, icon: “💧” }, { fr: “Le Lait”, en: “Milk”, gender: “m”, icon: “🥛” }, { fr: “Le Fromage”, en: “Cheese”, gender: “m”, icon: “🧀” }, { fr: “La Soupe”, en: “Soup”, gender: “f”, icon: “🥣” }, { fr: “Le Sucre”, en: “Sugar”, gender: “m”, icon: “🍬” }, { fr: “Le Sel”, en: “Salt”, gender: “m”, icon: “🧂” }, { fr: “Le Café”, en: “Coffee”, gender: “m”, icon: “☕” }, { fr: “Le Thé”, en: “Tea”, gender: “m”, icon: “🍵” }, { fr: “Le Restaurant”, en: “Restaurant”, gender: “m”, icon: “🍽️” }] },
{ title: “Les Couleurs”, subtitle: “Colors”, icon: “🎨”, items: [{ fr: “Le Rouge”, en: “Red”, gender: “m”, icon: “🔴” }, { fr: “Le Bleu”, en: “Blue”, gender: “m”, icon: “🔵” }, { fr: “Le Vert”, en: “Green”, gender: “m”, icon: “🟢” }, { fr: “Le Jaune”, en: “Yellow”, gender: “m”, icon: “🟡” }, { fr: “L’Orange”, en: “Orange”, gender: “m”, icon: “🟠” }, { fr: “Le Rose”, en: “Pink”, gender: “m”, icon: “🌸” }, { fr: “Le Violet”, en: “Purple”, gender: “m”, icon: “🟣” }, { fr: “Le Noir”, en: “Black”, gender: “m”, icon: “⚫” }, { fr: “Le Blanc”, en: “White”, gender: “m”, icon: “⚪” }, { fr: “Le Gris”, en: “Gray”, gender: “m”, icon: “⚫” }, { fr: “Le Marron”, en: “Brown”, gender: “m”, icon: “🟤” }, { fr: “La Couleur”, en: “Color”, gender: “f”, icon: “🌈” }] },
{ title: “Les Nombres”, subtitle: “Numbers”, icon: “🔟”, items: [{ fr: “Un”, en: “One”, gender: “m”, icon: “1️⃣” }, { fr: “Deux”, en: “Two”, gender: “m”, icon: “2️⃣” }, { fr: “Trois”, en: “Three”, gender: “m”, icon: “3️⃣” }, { fr: “Quatre”, en: “Four”, gender: “m”, icon: “4️⃣” }, { fr: “Cinq”, en: “Five”, gender: “m”, icon: “5️⃣” }, { fr: “Six”, en: “Six”, gender: “m”, icon: “6️⃣” }, { fr: “Sept”, en: “Seven”, gender: “m”, icon: “7️⃣” }, { fr: “Huit”, en: “Eight”, gender: “m”, icon: “8️⃣” }, { fr: “Neuf”, en: “Nine”, gender: “m”, icon: “9️⃣” }, { fr: “Dix”, en: “Ten”, gender: “m”, icon: “🔟” }, { fr: “Zéro”, en: “Zero”, gender: “m”, icon: “0️⃣” }, { fr: “Le Chiffre”, en: “The Digit”, gender: “m”, icon: “🔢” }] },
{ title: “Les Dates”, subtitle: “Dates”, icon: “📅”, items: [{ fr: “Le Jour”, en: “The Day”, gender: “m”, icon: “🗓️” }, { fr: “La Semaine”, en: “The Week”, gender: “f”, icon: “📆” }, { fr: “Le Mois”, en: “The Month”, gender: “m”, icon: “📅” }, { fr: “L’Année”, en: “The Year”, gender: “f”, icon: “🎉” }, { fr: “Hier”, en: “Yesterday”, gender: “m”, icon: “⬅️” }, { fr: “Aujourd’hui”, en: “Today”, gender: “m”, icon: “➡️” }, { fr: “Demain”, en: “Tomorrow”, gender: “m”, icon: “🔜” }, { fr: “Le Matin”, en: “The Morning”, gender: “m”, icon: “☀️” }, { fr: “L’Après-midi”, en: “The Afternoon”, gender: “m”, icon: “🌤️” }, { fr: “Le Soir”, en: “The Evening”, gender: “m”, icon: “🌙” }, { fr: “La Nuit”, en: “The Night”, gender: “f”, icon: “🌃” }, { fr: “Le Temps”, en: “Time”, gender: “m”, icon: “⏱️” }] },
{ title: “L’Argent”, subtitle: “Money”, icon: “💰”, items: [{ fr: “L’Argent”, en: “Money”, gender: “m”, icon: “💵” }, { fr: “L’Euro”, en: “Euro”, gender: “m”, icon: “💶” }, { fr: “La Pièce”, en: “The Coin”, gender: “f”, icon: “🪙” }, { fr: “Le Billet”, en: “The Bill”, gender: “m”, icon: “💸” }, { fr: “Le Prix”, en: “The Price”, gender: “m”, icon: “🏷️” }, { fr: “La Banque”, en: “The Bank”, gender: “f”, icon: “🏦” }, { fr: “Le Compte”, en: “The Account”, gender: “m”, icon: “💳” }, { fr: “Payer”, en: “To Pay”, gender: “m”, icon: “🛍️” }, { fr: “Acheter”, en: “To Buy”, gender: “m”, icon: “🛒” }, { fr: “Vendre”, en: “To Sell”, gender: “m”, icon: “🏷️” }, { fr: “Cher”, en: “Expensive”, gender: “m”, icon: “📈” }, { fr: “Bon Marché”, en: “Cheap”, gender: “m”, icon: “📉” }] }
];
// Fonction de génération des fiches thématiques complètes
function renderThemes() {
const container = document.getElementById(‘themes-container’);
if(!container) return;themes.forEach((theme, index) => {
const uniqueId = `theme-fiche-${index}`;
let vocabItemsHTML = ”;
// Construction de la grille de 12 mots
theme.items.forEach(item => {
const frParts = item.fr.split(‘ ‘);
// Sépare l’article (Le, La, L’, Les, Un, Une…) du nom.
const article = frParts[0];
const noun = frParts.slice(1).join(‘ ‘);
const textColor = item.gender === ‘m’ ? ‘text-masc-fr’ : ‘text-fem-fr’;vocabItemsHTML += `
${item.icon}
const themeHTML = `
${theme.icon}${theme.title.toUpperCase()}
container.innerHTML += themeHTML;
});
}// دالة التنزيل العامة (يمكن الوصول إليها عبر النقر)
window.downloadFiche = function(elementId, fileName) {
const element = document.getElementById(elementId);
const btn = element.parentNode.querySelector(‘button’);
const originalText = btn.innerHTML;
btn.innerHTML = ‘⏳ جارٍ تحضير ملف PNG…’;
btn.style.opacity = ‘0.7’;
// html2canvas لالتقاط صور PNG عالية الدقة
// يُنصح باستخدام المقياس 5 للحصول على جودة طباعة A4
html2canvas(element, {
scale: 5,
backgroundColor: “#ffffff”,
logging: false,
useCORS: true
}).then(canvas => {const link = document.createElement(‘a’);
// اسم ملف مُحسَّن
link.download = `Fiche_A4_FLE_${fileName.replace(/s+/g, ‘_’).replace(/’/g, ”).replace(/&/g, ‘et’)}.png`;
link.href = canvas.toDataURL(“image/png”);link.click();
// زر إعادة الضبط
setTimeout(() => {
btn.innerHTML = originalText;
btn.style.opacity = ‘1’;
}، 700)؛
}).catch(err => {console.error(“خطأ في تحميل الصورة:”, err);// عرض رسالة للمستخدم في حال فشل التحميل
const errorMessage = document.createElement(‘div’);
errorMessage.textContent = “حدث خطأ أثناء إنشاء الصورة. يرجى المحاولة مرة أخرى.”;errorMessage.style.color = ‘#e11d48′;
errorMessage.style.marginTop = ’10px’;btn.parentNode.insertBefore(errorMessage, btn.nextSibling);