Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 27703 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Цепочка редиректов для файла robots.txt:
http://newphono.com/robots.txt
301 MovedPermanently
https://al-furqan.online/robots.txt
200 OK
Показать содержимое robots.txt
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="theme-color" content="#0f4c2a">
<meta name="mobile-web-app-capable" content="yes">
<title>Furqan Révision — مركز الفرقان</title>
<link rel="stylesheet" href="/css/style.css?v=30">
<link rel="stylesheet" href="/css/enriched.css?v=2">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+Arabic:wght@400;600;700&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
</head>
<body>
<!-- ═══════════════ AUTH PAGE ═══════════════ -->
<div id="page-auth" class="page active">
<div class="auth-bg">
<div class="auth-pattern"></div>
</div>
<div class="auth-container">
<div class="auth-brand">
<div class="auth-logo">
<span class="auth-logo-text">الفرقان</span>
</div>
<p>Plateforme de révision</p>
</div>
<div class="auth-card">
<form id="form-login" class="auth-form active">
<div class="form-group">
<label><i data-lucide="mail" style="width:14px;height:14px"></i> Email</label>
<input type="email" id="login-email" placeholder="votre@email.com" required>
</div>
<div class="form-group">
<label><i data-lucide="lock" style="width:14px;height:14px"></i> Mot de passe</label>
<input type="password" id="login-password" placeholder="••••••••" required>
</div>
<div id="login-error" class="form-error hidden"></div>
<button type="submit" class="btn-primary full">
<i data-lucide="log-in" style="width:16px;height:16px"></i> Se connecter
</button>
</form>
</div>
</div>
</div>
<!-- ═══════════════ DASHBOARD PAGE ═══════════════ -->
<div id="page-dashboard" class="page hidden" style="display:none!important">
<nav class="navbar">
<div class="nav-brand">
<div class="nav-logo">
<i data-lucide="book-open-check" style="width:20px;height:20px;color:white"></i>
</div>
<span class="brand-name">الفرقان</span>
</div>
<div class="nav-tabs">
<button class="nav-tab active" data-view="dashboard">
<i data-lucide="layout-dashboard" style="width:15px;height:15px"></i> Tableau de bord
</button>
<button class="nav-tab" data-view="learning">
<i data-lucide="graduation-cap" style="width:15px;height:15px"></i> Apprentissage
</button>
<button class="nav-tab hidden" data-view="admin" id="nav-tab-admin">
<i data-lucide="shield" style="width:15px;height:15px"></i> Admin
</button>
<button class="nav-tab hidden" data-view="tracking" id="nav-tab-tracking">
<i data-lucide="bar-chart-3" style="width:15px;height:15px"></i> Suivi
</button>
</div>
<div class="nav-user">
<div class="nav-avatar"><i data-lucide="user-round" style="width:16px;height:16px;color:white"></i></div>
<span id="nav-username"></span>
<button class="btn-logout" id="btn-logout">
<i data-lucide="log-out" style="width:14px;height:14px"></i>
</button>
</div>
</nav>
<!-- Mobile Bottom Nav -->
<nav class="mobile-bottom-nav">
<button class="mob-tab active" data-view="dashboard">
<i data-lucide="layout-dashboard" style="width:20px;height:20px"></i>
<span>Accueil</span>
</button>
<button class="mob-tab" data-view="learning">
<i data-lucide="graduation-cap" style="width:20px;height:20px"></i>
<span>Livres</span>
</button>
<button class="mob-tab hidden" data-view="admin" id="mob-tab-admin">
<i data-lucide="shield" style="width:20px;height:20px"></i>
<span>Admin</span>
</button>
<button class="mob-tab hidden" data-view="tracking" id="mob-tab-tracking">
<i data-lucide="bar-chart-3" style="width:20px;height:20px"></i>
<span>Suivi</span>
</button>
<button class="mob-tab" id="mob-logout">
<i data-lucide="log-out" style="width:20px;height:20px"></i>
<span>Sortir</span>
</button>
</nav>
<!-- Dashboard View -->
<div id="view-dashboard" class="view active">
<div class="container">
<div class="page-header">
<div class="header-text">
<h2>Assalamou 'aleykoum, <span id="dash-username"></span></h2>
<p>Continuez votre progression en arabe classique</p>
</div>
<div class="header-level">
<i data-lucide="layers" style="width:16px;height:16px"></i> Muqaddima B
</div>
</div>
<!-- Doua pour l'apprentissage -->
<div class="dash-doua">
<div class="doua-ar">رَبِّ زِدْنِي عِلْمًا</div>
<div class="doua-fr">« Seigneur, augmente-moi en science »</div>
<div class="doua-ref">— Sourate Taha, v. 114</div>
</div>
<!-- Révision du jour (SRS) -->
<div id="srs-daily"></div>
<!-- Modules progress widgets (dynamically populated) -->
<div id="dash-modules"></div>
<!-- Bouton Continuer -->
<div id="dash-continue" class="dash-continue hidden">
<div class="dash-continue-inner">
<div class="dash-continue-text">
<i data-lucide="play-circle" style="width:20px;height:20px"></i>
<div>
<strong id="continue-title">Reprendre</strong>
<small id="continue-sub"></small>
</div>
</div>
<button class="btn btn-primary btn-sm" id="btn-continue">Continuer</button>
</div>
</div>
<!-- Progression globale -->
<div class="dash-progress-bar-wrap">
<div class="dash-progress-header">
<span class="dash-progress-label">Progression globale</span>
<span class="dash-progress-pct" id="global-pct">0%</span>
</div>
<div class="dash-progress-track">
<div class="dash-progress-fill" id="global-fill" style="width:0%"></div>
</div>
<div class="dash-progress-sub" id="global-sub">0 / 0 leçons</div>
</div>
<!-- Stats cards -->
<div class="stats-grid stats-grid-4">
<div class="stat-card green">
<div class="stat-icon-wrap green-bg">
<i data-lucide="circle-check-big" style="width:22px;height:22px;color:#1a7a4a"></i>
</div>
<div>
<div class="stat-value" id="stat-completed">0</div>
<div class="stat-label">Leçons complétées</div>
</div>
</div>
<div class="stat-card blue">
<div class="stat-icon-wrap blue-bg">
<i data-lucide="pen-line" style="width:22px;height:22px;color:#2563eb"></i>
</div>
<div>
<div class="stat-value" id="stat-attempts">0</div>
<div class="stat-label">Quiz effectués</div>
</div>
</div>
<div class="stat-card purple">
<div class="stat-icon-wrap purple-bg">
<i data-lucide="target" style="width:22px;height:22px;color:#7c3aed"></i>
</div>
<div>
<div class="stat-value" id="stat-avg-score">0%</div>
<div class="stat-label">Score moyen</div>
</div>
</div>
<div class="stat-card gold">
<div class="stat-icon-wrap gold-bg">
<i data-lucide="flame" style="width:22px;height:22px;color:#c9a227"></i>
</div>
<div>
<div class="stat-value" id="stat-streak">0</div>
<div class="stat-label">Jours d'affilée</div>
</div>
</div>
</div>
<!-- Objectif hebdo + Best/Worst -->
<div class="dash-widgets-row">
<!-- Objectif hebdomadaire -->
<div class="dash-widget">
<div class="dash-widget-header">
<i data-lucide="calendar-check" style="width:16px;height:16px"></i> Objectif de la semaine
</div>
<div class="dash-weekly-goal">
<div class="dash-weekly-ring" id="weekly-ring">
<svg viewBox="0 0 36 36">
<path class="ring-bg" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"/>
<path class="ring-fill" id="weekly-ring-fill" stroke-dasharray="0, 100" d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"/>
</svg>
<span class="ring-text" id="weekly-ring-text">0/3</span>
</div>
<div class="dash-weekly-label">quiz cette semaine</div>
</div>
</div>
<!-- Meilleur & pire score -->
<div class="dash-widget">
<div class="dash-widget-header">
<i data-lucide="bar-chart-3" style="width:16px;height:16px"></i> Vos performances
</div>
<div id="dash-performances">
<div class="empty-state small"><p>Pas encore de données</p></div>
</div>
</div>
</div>
<!-- Activité récente -->
<div class="section-title">
<i data-lucide="clock-3" style="width:16px;height:16px"></i> Activité récente
</div>
<div id="recent-activity" class="recent-list">
<div class="empty-state">
<i data-lucide="book-marked" style="width:40px;height:40px;opacity:.3"></i>
<p>Aucune activité encore — commencez le Livre 1 !</p>
</div>
</div>
</div>
</div>
<!-- Learning View -->
<div id="view-learning" class="view hidden">
<div class="container">
<div class="page-header">
<div class="header-text">
<h2>Apprentissage</h2>
<p>Choisissez votre méthode d'étude</p>
</div>
</div>
<!-- Modules grid (même style que les collections) -->
<div class="collections-grid" id="learning-modules-grid">
<div class="collection-card available" id="alifba-entry">
<div class="collection-card-icon"><i data-lucide="pen-tool"></i></div>
<h3 class="collection-card-title">Lire et écrire l'arabe</h3>
<p class="collection-card-ar">تعلّم القراءة والكتابة</p>
<p class="collection-card-desc">Maîtrisez les 28 lettres arabes : tracé, reconnaissance, syllabes et dictée</p>
<div class="collection-card-meta">
<span>10 séances</span>
<span><span id="alifba-entry-badge">0/28</span> lettres</span>
</div>
<div class="book-progress-mini">
<div class="book-progress-mini-fill" id="alifba-entry-progress" style="width:0%"></div>
</div>
</div>
<div class="collection-card available" id="furqan-entry">
<div class="collection-card-icon"><i data-lucide="book-open"></i></div>
<h3 class="collection-card-title">Al-Furqan</h3>
<p class="collection-card-ar">الفرقان</p>
<p class="collection-card-desc">Méthode Al-Furqan — Du niveau Muqaddima au niveau avancé</p>
<div class="collection-card-meta">
<span><span id="furqan-books-count">15 livres</span></span>
<span><span id="furqan-lessons-count">0/0</span> leçons</span>
</div>
<div class="book-progress-mini">
<div class="book-progress-mini-fill" id="furqan-entry-progress" style="width:0%"></div>
</div>
</div>
</div>
<div id="collections-section" style="display:none">
<div class="section-title" style="margin: 0 0 12px">
<button class="btn-ghost" id="btn-back-modules" style="font-size:.85rem;padding:4px 8px">
<i data-lucide="arrow-left" style="width:14px;height:14px"></i> Modules
</button>
</div>
<div id="collections-grid" class="collections-grid">
<div class="loading">
<i data-lucide="loader-circle" style="width:24px;height:24px" class="spin"></i> Chargement...
</div>
</div>
</div>
</div>
</div>
<!-- Admin View -->
<div id="view-admin" class="view hidden">
<div class="container">
<div class="page-header">
<div class="header-text">
<h2><i data-lucide="shield" style="width:22px;height:22px"></i> Administration</h2>
<p>Gérer les utilisateurs et les accès</p>
</div>
</div>
<!-- Create User Form -->
<div class="admin-card">
<h3><i data-lucide="user-plus" style="width:16px;height:16px"></i> Créer un utilisateur</h3>
<form id="admin-create-user" class="admin-form">
<div class="admin-form-row">
<div class="form-group">
<label>Prénom & Nom</label>
<input type="text" id="adm-fullname" placeholder="Ahmed Ben Ali" required>
</div>
<div class="form-group">
<label>Nom d'utilisateur</label>
<input type="text" id="adm-username" placeholder="ahmed123" required>
</div>
</div>
<div class="admin-form-row">
<div class="form-group">
<label>Email</label>
<input type="email" id="adm-email" placeholder="email@example.com" required>
</div>
<div class="form-group">
<label>Mot de passe</label>
<input type="password" id="adm-password" placeholder="Min 6 caractères" required>
</div>
</div>
<div class="form-group">
<label>Accès aux modules</label>
<div class="module-select-grid">
<label class="module-select-item">
<input type="checkbox" id="adm-mod-alifba" value="alifba">
<div class="module-select-box">
<strong>Lire et écrire</strong>
<small>10 séances — Alphabet arabe</small>
</div>
</label>
<label class="module-select-item">
<input type="checkbox" id="adm-mod-furqan" value="furqan">
<div class="module-select-box">
<strong>Al-Furqan</strong>
<small>Livre 1 — Muqaddima B</small>
</div>
</label>
</div>
</div>
<div id="admin-create-error" class="form-error hidden"></div>
<button type="submit" class="btn-primary">
<i data-lucide="user-check" style="width:15px;height:15px"></i> Créer
</button>
</form>
</div>
<!-- Users List -->
<div class="admin-card">
<h3><i data-lucide="users" style="width:16px;height:16px"></i> Utilisateurs</h3>
<div id="admin-users-list" class="admin-table-wrap">
<div class="loading">
<i data-lucide="loader-circle" style="width:24px;height:24px" class="spin"></i> Chargement...
</div>
</div>
</div>
</div>
</div>
<!-- Tracking View (admin only) -->
<div id="view-tracking" class="view hidden">
<div class="container">
<div class="page-header">
<div class="header-text">
<h2><i data-lucide="bar-chart-3" style="width:22px;height:22px"></i> Suivi des élèves</h2>
<p>Progression et résultats de chaque étudiant</p>
</div>
</div>
<div id="tracking-overview" class="admin-card">
<div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px">
<h3 style="margin:0"><i data-lucide="users" style="width:16px;height:16px"></i> Vue d'ensemble</h3>
<div style="position:relative;min-width:220px">
<i data-lucide="search" style="width:14px;height:14px;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999"></i>
<input type="text" id="tracking-search" placeholder="Rechercher un élève..." style="width:100%;padding:8px 12px 8px 32px;border:1px solid #ddd;border-radius:8px;font-size:13px">
</div>
</div>
<div id="tracking-students-list" class="admin-table-wrap">
<div class="loading"><i data-lucide="loader-circle" class="spin"></i> Chargement...</div>
</div>
</div>
</div>
</div>
<!-- Student Detail Modal -->
<div id="modal-student-detail" class="modal-overlay hidden">
<div class="modal-card modal-large">
<div class="modal-header">
<h3><i data-lucide="user-check" style="width:18px;height:18px"></i> Progression — <span id="detail-student-name"></span></h3>
<button class="btn-ghost modal-close" id="close-student-detail">
<i data-lucide="x" style="width:18px;height:18px"></i>
</button>
</div>
<div id="detail-student-body" class="modal-body">
<div class="loading"><i data-lucide="loader-circle" class="spin"></i></div>
</div>
</div>
</div>
<!-- Book Access Modal -->
<div id="modal-book-access" class="modal-overlay hidden">
<div class="modal-card">
<div class="modal-header">
<h3><i data-lucide="key-round" style="width:18px;height:18px"></i> Accès aux contenus — <span id="modal-user-name"></span></h3>
<button class="btn-ghost modal-close" id="close-book-access">
<i data-lucide="x" style="width:18px;height:18px"></i>
</button>
</div>
<div id="modal-book-list" class="modal-body">
<div class="loading"><i data-lucide="loader-circle" class="spin"></i></div>
</div>
</div>
</div>
<!-- Edit User Modal -->
<div id="modal-edit-user" class="modal-overlay hidden">
<div class="modal-card">
<div class="modal-header">
<h3><i data-lucide="user-pen" style="width:18px;height:18px"></i> Modifier l'utilisateur</h3>
<button class="btn-ghost modal-close" id="close-edit-user">
<i data-lucide="x" style="width:18px;height:18px"></i>
</button>
</div>
<div class="modal-body">
<form id="form-edit-user">
<input type="hidden" id="edit-user-id">
<div class="form-group">
<label>Prénom & Nom</label>
<input type="text" id="edit-fullname" required>
</div>
<div class="form-group">
<label>Nom d'utilisateur</label>
<input type="text" id="edit-username" required>
</div>
<div class="form-group">
<label>Rôle</label>
<select id="edit-role" class="form-select">
<option value="student">Étudiant</option>
<option value="admin">Administrateur</option>
</select>
</div>
<div class="form-group">
<label>Nouveau mot de passe <small>(laisser vide pour ne pas changer)</small></label>
<input type="password" id="edit-password" placeholder="Min 6 caractères">
</div>
<div id="edit-user-error" class="form-error hidden"></div>
<div class="modal-actions">
<button type="button" class="btn-secondary" id="cancel-edit-user">Annuler</button>
<button type="submit" class="btn-primary">
<i data-lucide="save" style="width:15px;height:15px"></i> Enregistrer
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- ═══════════════ BOOK DETAIL PAGE ═══════════════ -->
<!-- ═══════════════ COLLECTION PAGE ═══════════════ -->
<div id="page-collection" class="page hidden">
<nav class="navbar">
<button class="btn-back" id="btn-back-collections">
<i data-lucide="arrow-left" style="width:16px;height:16px"></i> Méthodes
</button>
<div class="nav-brand">
<div class="nav-logo"><i data-lucide="library" style="width:18px;height:18px;color:white"></i></div>
<span id="collection-nav-title">Collection</span>
</div>
<div class="nav-user">
<div class="nav-avatar"><i data-lucide="user-round" style="width:16px;height:16px;color:white"></i></div>
<span id="collection-nav-username"></span>
</div>
</nav>
<div class="container">
<div class="collection-header">
<div class="collection-header-info">
<h2 id="collection-title"></h2>
<p class="ar-title" id="collection-title-ar"></p>
<p class="collection-desc" id="collection-desc"></p>
<div class="book-progress-row">
<div class="book-progress-bar">
<div class="book-progress-fill" id="collection-progress-fill"></div>
</div>
<span class="book-progress-text" id="collection-progress-text">0 / 0</span>
</div>
</div>
</div>
<div id="books-grid" class="books-grid">
<div class="loading">
<i data-lucide="loader-circle" style="width:24px;height:24px" class="spin"></i> Chargement...
</div>
</div>
</div>
</div>
<!-- ═══════════════ BOOK PAGE ═══════════════ -->
<div id="page-book" class="page hidden">
<nav class="navbar">
<button class="btn-back" id="btn-back-books">
<i data-lucide="arrow-left" style="width:16px;height:16px"></i> Collection
</button>
<div class="nav-brand">
<div class="nav-logo"><i data-lucide="book-open" style="width:18px;height:18px;color:white"></i></div>
<span id="book-nav-title">Livre 1</span>
</div>
<div class="nav-user">
<div class="nav-avatar"><i data-lucide="user-round" style="width:16px;height:16px;color:white"></i></div>
<span id="book-nav-username"></span>
</div>
</nav>
<div class="container">
<div class="book-header">
<div class="book-icon-large">
<i data-lucide="book-open" style="width:40px;height:40px;color:#1a7a4a"></i>
</div>
<div class="book-header-info">
<div class="book-title-row">
<h2 id="book-title">Livre 1</h2>
<span class="book-level-tag">Muqaddima B</span>
</div>
<p class="ar-title" id="book-title-ar">الكتاب الأول</p>
<p class="book-desc" id="book-desc"></p>
<div class="book-progress-row">
<div class="book-progress-bar">
<div class="book-progress-fill" id="book-progress-fill"></div>
</div>
<span class="book-progress-text" id="book-progress-text">0 / 0</span>
</div>
</div>
</div>
<div id="units-container"></div>
</div>
</div>
<!-- ═══════════════ LESSON PAGE ═══════════════ -->
<div id="page-lesson" class="page hidden">
<nav class="navbar">
<button class="btn-back" id="btn-back-book">
<i data-lucide="arrow-left" style="width:16px;height:16px"></i> Unité
</button>
<div class="nav-brand">
<div class="nav-logo"><i data-lucide="book-open" style="width:18px;height:18px;color:white"></i></div>
<span id="lesson-nav-title" style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"></span>
</div>
<div></div>
</nav>
<div class="container lesson-container">
<!-- Theory -->
<div class="lesson-section" id="section-theory">
<div class="lesson-header">
<div class="lesson-type-chip" id="lesson-type-chip"></div>
<h2 id="lesson-title"></h2>
<p class="ar-title" id="lesson-title-ar"></p>
</div>
<div id="lesson-theory" class="lesson-theory"></div>
<div class="lesson-cta">
<div class="lesson-cta-text">
<i data-lucide="target" style="width:18px;height:18px;color:var(--green)"></i>
<div>
<strong>Prêt à tester vos connaissances ?</strong>
<p>Quiz de révision avec correction détaillée</p>
</div>
</div>
<button class="btn-primary" id="btn-start-quiz">
<i data-lucide="play-circle" style="width:16px;height:16px"></i> Commencer le Quiz
</button>
</div>
</div>
<!-- Quiz -->
<div class="lesson-section hidden" id="section-quiz">
<div class="quiz-header">
<div class="quiz-header-top">
<h3><i data-lucide="brain" style="width:18px;height:18px;color:var(--green)"></i> Quiz de révision</h3>
<div class="quiz-counter">
<span id="quiz-current">1</span>/<span id="quiz-total">1</span>
</div>
</div>
<div class="quiz-bar"><div class="quiz-bar-fill" id="quiz-bar-fill"></div></div>
</div>
<div id="quiz-question-container"></div>
<div class="quiz-nav">
<button class="btn-ghost" id="btn-quiz-back-theory">
<i data-lucide="book-open" style="width:15px;height:15px"></i> Revoir le cours
</button>
<button class="btn-primary" id="btn-next-question">
Question suivante <i data-lucide="chevron-right" style="width:15px;height:15px"></i>
</button>
</div>
</div>
<!-- Results -->
<div class="lesson-section hidden" id="section-results">
<div class="results-wrap">
<div class="results-top">
<div class="results-badge" id="results-badge">
<i data-lucide="trophy" style="width:36px;height:36px"></i>
</div>
<h2 id="results-title">Résultats</h2>
<div class="score-ring" id="score-ring">
<svg viewBox="0 0 120 120">
<circle cx="60" cy="60" r="50" fill="none" stroke="#e2e8f0" stroke-width="10"/>
<circle cx="60" cy="60" r="50" fill="none" stroke="#1a7a4a" stroke-width="10"
stroke-dasharray="314" stroke-dashoffset="314" stroke-linecap="round"
id="score-arc" transform="rotate(-90 60 60)"/>
</svg>
<div class="score-inner">
<span id="score-value">0</span><small>%</small>
</div>
</div>
<p id="results-msg"></p>
<div class="results-stats">
<div class="res-stat green">
<i data-lucide="check" style="width:18px;height:18px"></i>
<span id="res-correct">0</span> correctes
</div>
<div class="res-stat red">
<i data-lucide="x" style="width:18px;height:18px"></i>
<span id="res-wrong">0</span> incorrectes
</div>
</div>
</div>
<div id="results-details" class="results-details"></div>
<div class="results-actions">
<button class="btn-secondary" id="btn-retry-quiz">
<i data-lucide="refresh-cw" style="width:15px;height:15px"></i> Réessayer
</button>
<button class="btn-primary" id="btn-back-to-book">
<i data-lucide="arrow-left" style="width:15px;height:15px"></i> Retour au livre
</button>
</div>
</div>
</div>
</div>
</div>
<!-- ═══════════════ ALIFBA MODULE PAGE ═══════════════ -->
<div id="page-alifba" class="page hidden">
<nav class="navbar">
<button class="btn-back" id="btn-back-alifba">
<i data-lucide="arrow-left" style="width:16px;height:16px"></i> <span id="alifba-back-text">Retour</span>
</button>
<div class="nav-brand">
<span id="alifba-nav-title" style="font-weight:700;font-size:1.05rem">Lire et écrire l'arabe</span>
</div>
<div></div>
</nav>
<div class="container" id="alifba-content"></div>
</div>
<script src="https://unpkg.com/lucide@0.460.0/dist/umd/lucide.min.js"></script>
<script src="https://unpkg.com/dompurify@3.1.6/dist/purify.min.js" integrity="sha384-+VfUPEb0PdtChMwmBcBmykRMDd+v6D/oFmB3rZM/puCMDYcIvF968OimRh4KQY9a" crossorigin="anonymous"></script>
<script src="/js/app.js?v=45"></script>
<script src="/js/tts.js?v=1"></script>
<script src="/js/enriched.js?v=2"></script>
<script src="/js/srs.js?v=1"></script>
</body>
</html>