From 0589b33a25961e9aa5d620771f0856f50b74f299 Mon Sep 17 00:00:00 2001 From: Dauren777 Date: Fri, 19 Jun 2026 06:33:18 +0000 Subject: [PATCH] Added Surah Al-Fatihah and Al-Ikhlas with full text, transliteration and word meanings --- index.html | 309 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 308 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 74b6ac8..2e4826e 100644 --- a/index.html +++ b/index.html @@ -388,6 +388,13 @@ body { } .vocab-card .audio-btn:hover { background: var(--quran-gold); border-color: var(--quran-gold); color: #fff; } +.audio-btn { + width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border); + background: var(--bg-card); cursor: pointer; display: inline-flex; align-items: center; + justify-content: center; font-size: 18px; transition: all 0.2s; +} +.audio-btn:hover { background: var(--quran-gold); border-color: var(--quran-gold); color: #fff; } + .vocab-card .fav-btn { position: absolute; top: 16px; left: 16px; width: 36px; height: 36px; border-radius: 50%; border: none; background: transparent; cursor: pointer; @@ -541,6 +548,7 @@ body {
  • Главная
  • Алфавит
  • Огласовки
    • +
  • Суры
  • Словарь
  • Тесты
  • Прогресс
    • @@ -556,6 +564,7 @@ body { Главная Алфавит Огласовки + Суры Словарь Тесты Прогресс @@ -748,6 +757,234 @@ body { + +
    +
    +
    +
    СУРЫ

    Суры для чтения

    Изучите суры Корана с транскрипцией и переводом

    + + +
    + + +
    + + +
    +
    +
    سُورَةُ الْفَاتِحَة
    +

    Сура Аль-Фатиха

    +

    «Открывающая» — 7 аятов, Мекканская сура

    +

    Читается в каждом ракаате молитвы

    +
    + + +
    +
    بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ
    +
    Бисмилляхи ррахмани ррахим
    +
    Во имя Аллаха, Милостивого, Милосердного
    +
    Басмала
    +
    + + +
    +
    +
    Аят 1
    + +
    +
    الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ
    +
    Аль-хамду лилляхи раббиль-‘алямин
    +
    Хвала Аллаху, Господу миров
    +
    +

    الْحَمْدُ (аль-хамд) — хвала | لِلَّهِ (лиллях) — Аллаху | رَبِّ (рабб) — Господь | الْعَالَمِينَ (аль-‘алямин) — миров

    +
    +
    + + +
    +
    +
    Аят 2
    + +
    +
    الرَّحْمَنِ الرَّحِيمِ
    +
    Ар-Рахмани ррахим
    +
    Милостивого, Милосердного
    +
    +

    الرَّحْمَنِ (ар-рахман) — Милостивый | الرَّحِيمِ (ар-рахим) — Милосердный

    +
    +
    + + +
    +
    +
    Аят 3
    + +
    +
    مَالِكِ يَوْمِ الدِّينِ
    +
    Малики йаумид-дин
    +
    Владыке Дня воздаяния
    +
    +

    مَالِكِ (малик) — Владыка | يَوْمِ (йаум) — День | الدِّينِ (ад-дин) — воздаяния, Суда

    +
    +
    + + +
    +
    +
    Аят 4
    + +
    +
    إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ
    +
    Иййака на‘буду ва иййака наста‘ин
    +
    Тебе одному мы поклоняемся и Тебя одного просим о помощи
    +
    +

    إِيَّاكَ (иййака) — Тебе | نَعْبُدُ (на‘буду) — поклоняемся | نَسْتَعِينُ (наста‘ин) — просим помощи

    +
    +
    + + +
    +
    +
    Аят 5
    + +
    +
    اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ
    +
    Ихдина ссыраталь-мустаким
    +
    Веди нас прямым путём
    +
    +

    اهْدِنَا (ихдина) — веди нас | الصِّرَاطَ (ассырат) — путь | الْمُسْتَقِيمَ (аль-мустаким) — прямой

    +
    +
    + + +
    +
    +
    Аят 6
    + +
    +
    صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ
    +
    Сыраталлязина ан‘амта ‘алайхим гайриль-магдуби ‘алайхим валяд-дваллин
    +
    Путь тех, кого Ты облагодетельствовал, не тех, на кого пал гнев, и не заблудших
    +
    +

    الَّذِينَ (аллязина) — тех, кто | أَنْعَمْتَ (ан‘амта) — облагодетельствовал | الْمَغْضُوبِ (аль-магдуб) — разгневанных | الضَّالِّينَ (ад-дваллин) — заблудших

    +
    +
    + + +
    +
    Полный текст суры
    +
    + بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ ﴿١﴾ الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ ﴿٢﴾ الرَّحْمَنِ الرَّحِيمِ ﴿٣﴾ مَالِكِ يَوْمِ الدِّينِ ﴿٤﴾ إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ ﴿٥﴾ اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ ﴿٦﴾ صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ ﴿٧﴾ +
    + +
    +
    + + + + +
    +
    +
    +
    @@ -920,6 +1157,10 @@ const achievementsData = [ {id:"three-streak",icon:"🔥",title:"3 дня",desc:"Занимайтесь 3 дня подряд",condition:p=>p.streak>=3}, {id:"seven-streak",icon:"⚡",title:"Неделя",desc:"7 дней подряд",condition:p=>p.streak>=7}, {id:"bismillah",icon:"🤲",title:"Басмала",desc:"Прочитайте Басмалу",condition:p=>p.bismillahRead}, + {id:"fatihah",icon:"📜",title:"Аль-Фатиха",desc:"Откройте суру Аль-Фатиха",condition:p=>p.fatihahViewed}, + {id:"ikhlas",icon:"💎",title:"Аль-Ихлас",desc:"Откройте суру Аль-Ихлас",condition:p=>p.ikhlasViewed}, + {id:"both-surahs",icon:"🌟",title:"Две суры",desc:"Изучите обе суры",condition:p=>p.fatihahViewed&&p.ikhlasViewed}, + {id:"surah-practice",icon:"🎯",title:"Практика суры",desc:"Практикуйте чтение суры",condition:p=>p.surahPracticed}, ]; let currentFilter = 'all'; @@ -927,7 +1168,7 @@ let currentQuizType = 'letters'; let quizState = {current:0,answers:[],score:0,questions:[]}; function getProgress() { - const def = {lettersLearned:0,harakaatLearned:0,wordsLearned:0,quizzesCompleted:0,perfectQuizzes:0,streak:0,totalScore:0,lastVisit:null,activeDays:[],favorites:[],quizHistory:[],dailyGoal:5,dailyProgress:0,lastGoalDate:null,bismillahRead:false}; + const def = {lettersLearned:0,harakaatLearned:0,wordsLearned:0,quizzesCompleted:0,perfectQuizzes:0,streak:0,totalScore:0,lastVisit:null,activeDays:[],favorites:[],quizHistory:[],dailyGoal:5,dailyProgress:0,lastGoalDate:null,bismillahRead:false,fatihahViewed:false,ikhlasViewed:false,surahPracticed:false}; try {const s=localStorage.getItem('quran-progress');return s?{...def,...JSON.parse(s)}:def;} catch{return def;} } @@ -1251,6 +1492,72 @@ function shuffleArray(arr) { return a; } +// Surah functions +function showSurah(name) { + document.getElementById('surah-fatihah').style.display = name === 'fatihah' ? 'block' : 'none'; + document.getElementById('surah-ikhlas').style.display = name === 'ikhlas' ? 'block' : 'none'; + document.getElementById('btn-fatihah').className = name === 'fatihah' ? 'btn btn-primary' : 'btn btn-secondary'; + document.getElementById('btn-ikhlas').className = name === 'ikhlas' ? 'btn btn-primary' : 'btn btn-secondary'; + + const p = getProgress(); + if (name === 'fatihah' && !p.fatihahViewed) { + p.fatihahViewed = true; + p.totalScore += 10; + p.dailyProgress++; + saveProgress(p); + showToast('Сура Аль-Фатиха открыта! +10 очков', 'success'); + checkAchievements(); + } + if (name === 'ikhlas' && !p.ikhlasViewed) { + p.ikhlasViewed = true; + p.totalScore += 10; + p.dailyProgress++; + saveProgress(p); + showToast('Сура Аль-Ихлас открыта! +10 очков', 'success'); + checkAchievements(); + } +} + +function speakFullSurah(name) { + const surahs = { + fatihah: 'بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ. الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ. الرَّحْمَنِ الرَّحِيمِ. مَالِكِ يَوْمِ الدِّينِ. إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ. اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ. صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ', + ikhlas: 'قُلْ هُوَ اللَّهُ أَحَدٌ. اللَّهُ الصَّمَدُ. لَمْ يَلِدْ وَلَمْ يُولَدْ. وَلَمْ يَكُن لَّهُ كُفُوًا أَحَدٌ' + }; + + if ('speechSynthesis' in window) { + window.speechSynthesis.cancel(); + const text = surahs[name]; + const parts = text.split('. '); + let index = 0; + + function speakNext() { + if (index < parts.length) { + const utterance = new SpeechSynthesisUtterance(parts[index]); + utterance.lang = 'ar-SA'; + utterance.rate = 0.6; + utterance.pitch = 0.9; + utterance.onend = () => { index++; speakNext(); }; + window.speechSynthesis.speak(utterance); + } + } + speakNext(); + } +} + +function markSurahPracticed(id) { + const p = getProgress(); + const key = 'surah-practice-' + id; + if (!localStorage.getItem(key)) { + localStorage.setItem(key, '1'); + p.totalScore += 15; + p.dailyProgress++; + p.surahPracticed = true; + saveProgress(p); + showToast('Отлично! Практика суры выполнена! +15 очков', 'success'); + checkAchievements(); + } +} + function init() { const theme=localStorage.getItem('quran-theme')||'light'; document.documentElement.setAttribute('data-theme',theme);