-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathalkitab.html
More file actions
1 lines (1 loc) · 23.3 KB
/
Copy pathalkitab.html
File metadata and controls
1 lines (1 loc) · 23.3 KB
1
<!DOCTYPE html><html lang="id"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Alkitab Digital Multi-Versi Paralel | renungan.my.id</title><meta name="description" content="Aplikasi Alkitab Digital Multi-Versi interaktif (TB, AYT, TL, BIS, Jawa, dll) dengan fitur perbandingan paralel, pencarian cepat, dan audio pembaca otomatis. Developed by THEOWEB.DEV"><meta name="keywords" content="Alkitab Digital Multi-Versi, Alkitab Paralel, Alkitab Belah Halaman, Renungan Harian Kristen Karaoke, Alkitab Karaoke, Alkitab Audio, Terjemahan Baru, AYT, Renungan Harian Kristen, Theo Pilus Candra, theoweb.dev, Web Developer Kristen"><meta name="author" content="Theo Pilus Candra"><meta name="publisher" content="theoweb.dev"><meta name="robots" content="index, follow"><meta property="og:type" content="website"><meta property="og:url" content="https://alkitab.renungan.my.id/"><meta property="og:title" content="Alkitab Digital Multi-Versi Paralel"><meta property="og:description" content="Baca, bandingkan multi-versi terjemahan secara paralel, dan dengarkan audio Alkitab interaktif."><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Alkitab Digital Multi-Versi Paralel | Developed by THEOWEB.DEV"><meta name="twitter:description" content="Aplikasi Alkitab interaktif multi-versi dengan fitur perbandingan teks dan audio. Developed by THEOWEB.DEV"><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebApplication", "name": "Alkitab Digital Multi-Versi Paralel", "url": "https://alkitab.renungan.my.id/", "description": "Aplikasi web Alkitab Digital interaktif yang mendukung pembacaan multi-versi terjemahan secara paralel, fitur pencarian global pintar, serta modul audio text-to-speech otomatis per ayat.", "applicationCategory": "EducationalApplication", "operatingSystem": "All", "browserRequirements": "Requires HTML5, JavaScript, LocalStorage", "author": { "@type": "Person", "name": "Theo Pilus Candra", "url": "https://theoweb.dev" }, "maintainer": { "@type": "Person", "name": "Theo Pilus Candra", "url": "https://theoweb.dev" } } </script><style> :root { --bg-color: #ffffff; --text-color: #222222; --header-bg: #f8f9fa; --border-color: #e0e0e0; --button-bg: #2e7d32; --button-text: #ffffff; --input-bg: #ffffff; --highlight-color: #c8e6c9; --card-search-bg: #f9f9f9; --danger-color: #d32f2f; --share-color: #0288d1; --accent-color: #1b5e20; --sidebar-bg: #ffffff; --verse-hover: #f5f5f5; --strong-link-color: #0275d8; --modal-overlay: rgba(0, 0, 0, 0.5); --modal-bg: #ffffff; } [data-theme="dark"] { --bg-color: #121212; --text-color: #e0e0e0; --header-bg: #1e1e1e; --border-color: #2d2d2d; --button-bg: #bb86fc; --button-text: #121212; --input-bg: #2d2d2d; --highlight-color: #1b5e20; --card-search-bg: #1d1d1d; --danger-color: #ff8a80; --accent-color: #bb86fc; --sidebar-bg: #1e1e1e; --verse-hover: #1a1a1a; --strong-link-color: #8ab4f8; --modal-overlay: rgba(0, 0, 0, 0.75); --modal-bg: #1e1e1e; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); margin: 0; padding: 0; line-height: 1.8; transition: background 0.3s, color 0.3s; } .navbar { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background-color: var(--header-bg); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 1000; height: 60px; box-sizing: border-box; } .nav-left { display: flex; align-items: center; width: 40px; } .nav-controls-main { display: flex; align-items: center; gap: 6px; position: absolute; left: 50%; transform: translateX(-50%); width: auto; max-width: 80%; justify-content: center; } .hamburger-btn { background: none; border: none; font-size: 1.5rem; color: var(--text-color); cursor: pointer; padding: 4px 8px; border-radius: 4px; } .hamburger-btn:hover { background-color: var(--border-color); } .nav-controls-main select, .nav-controls-main input { padding: 8px 10px; font-size: 0.95rem; border: 1px solid var(--border-color); border-radius: 6px; background: var(--input-bg); color: var(--text-color); outline: none; } .nav-controls-main input[type="number"] { width: 55px; text-align: center; } .btn-go { background-color: var(--button-bg); color: var(--button-text); border: none; padding: 8px 14px; font-size: 0.95rem; border-radius: 6px; cursor: pointer; font-weight: bold; } .sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 2000; display: none; } .sidebar { position: fixed; top: 0; left: -300px; width: 280px; height: 100%; background-color: var(--sidebar-bg); box-shadow: 2px 0 10px rgba(0,0,0,0.1); z-index: 2001; transition: left 0.3s ease; box-sizing: border-box; padding: 20px; display: flex; flex-direction: column; gap: 20px; overflow-y: auto; } .sidebar.active { left: 0; } .sidebar-overlay.active { display: block; } .sidebar-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; } .sidebar-title { font-weight: bold; font-size: 1.1rem; } .close-sidebar-btn { background: none; border: none; font-size: 1.5rem; color: var(--text-color); cursor: pointer; } .sidebar-section { display: flex; flex-direction: column; gap: 8px; } .sidebar-section label { font-size: 0.85rem; font-weight: bold; color: #777; } .sidebar-section select { padding: 8px; border-radius: 6px; border: 1px solid var(--border-color); background: var(--input-bg); color: var(--text-color); } .search-container { max-width: 640px; margin: 15px auto 0 auto; padding: 0 15px; display: flex; flex-direction: row !important; gap: 8px; box-sizing: border-box; } .search-container input { flex: 1; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 6px; background: var(--input-bg); color: var(--text-color); min-width: 0; } .search-local-container { max-width: 640px; margin: 10px auto 0 auto; padding: 0 15px; box-sizing: border-box; } .search-local-container input { width: 100%; padding: 10px 12px; border: 1px solid var(--border-color); border-radius: 6px; background: var(--input-bg); color: var(--text-color); box-sizing: border-box; } .bible-content { max-width: 900px; margin: 0 auto; padding: 20px 15px; } .chapter-title { font-size: 1.6rem; font-weight: bold; text-align: center; margin-bottom: 5px; } .chapter-version-sub-wrapper { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 20px; } .chapter-version-sub { font-size: 0.95rem; color: #777; text-transform: uppercase; letter-spacing: 1px; margin: 0; } .audio-controls { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; border-bottom: 1px solid var(--border-color); padding-bottom: 15px; } .btn-audio { color: #ffffff; border: none; padding: 8px 18px; font-size: 0.9rem; border-radius: 20px; cursor: pointer; display: flex; align-items: center; gap: 6px; font-weight: bold; } #btnTogglePlay { background-color: #2e7d32; } #btnTogglePlay.playing { background-color: #d32f2f; } #btnStop { background-color: #555555; } #btnShare { background-color: var(--share-color); } .verse-row { display: flex; flex-direction: row; align-items: flex-start; padding: 10px; border-bottom: 1px solid var(--border-color); border-radius: 6px; transition: background 0.2s; position: relative; gap: 12px; } .verse-row:hover { background-color: var(--verse-hover); } .verse-meta { display: flex; align-items: center; font-size: 0.95rem; user-select: none; min-width: 42px; } .verse-number { font-weight: bold; color: var(--accent-color); background: var(--header-bg); padding: 2px 8px; border-radius: 6px; font-size: 1.2rem; } .verse-body-container { display: flex; flex-direction: column; gap: 12px; width: 100%; } .verse-col { flex: 1; width: 100%; text-align: justify; font-size: 1.15rem; position: relative; } .version-tag { font-size: 0.75rem; font-weight: bold; color: #888; display: block; margin-bottom: 2px; text-transform: uppercase; } .strong-link { color: var(--strong-link-color); text-decoration: none; font-size: 0.82rem; font-weight: 500; margin: 0 2px; padding: 0 2px; border-radius: 3px; display: inline-block; transition: background-color 0.15s; } .strong-link:hover { background-color: var(--border-color); text-decoration: underline; } .modal-strong-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--modal-overlay); z-index: 3000; display: none; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; } .modal-strong-content { background-color: var(--modal-bg); color: var(--text-color); width: 100%; max-width: 460px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); padding: 22px; box-sizing: border-box; position: relative; border: 1px solid var(--border-color); animation: modalPopIn 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); } @keyframes modalPopIn { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } } .modal-strong-close { position: absolute; top: 14px; right: 18px; font-size: 1.8rem; background: none; border: none; color: var(--text-color); cursor: pointer; line-height: 1; opacity: 0.6; } .modal-strong-close:hover { opacity: 1; } @media (min-width: 768px) { .layout-side .verse-body-container { flex-direction: row; } .layout-side .verse-col { width: 50%; } .layout-side .verse-col:not(:last-child) { border-right: 1px dashed var(--border-color); padding-right: 15px; } .layout-side .verse-col:last-child { padding-left: 15px; } .layout-auto .verse-body-container { flex-direction: row; } .layout-auto .verse-col { width: 50%; } .layout-auto .verse-col:not(:last-child) { border-right: 1px dashed var(--border-color); padding-right: 15px; } .layout-auto .verse-col:last-child { padding-left: 15px; } } .copy-menu-container { position: relative; display: inline-block; } .copy-btn-trigger { background: none; border: none; cursor: pointer; font-size: 0.85rem; color: #888; padding: 1px 4px; border-radius: 4px; } .copy-btn-trigger:hover { background: var(--border-color); color: var(--text-color); } .copy-dropdown { display: none; position: absolute; top: 100%; right: 0; background-color: var(--sidebar-bg); border: 1px solid var(--border-color); box-shadow: 0px 4px 12px rgba(0,0,0,0.15); border-radius: 6px; z-index: 500; width: 200px; padding: 6px 0; } .copy-dropdown.show { display: block; } .copy-item { padding: 8px 14px; font-size: 0.85rem; text-align: left; cursor: pointer; color: var(--text-color); display: block; white-space: normal; word-wrap: break-word; line-height: 1.3; } .copy-item:hover { background-color: var(--border-color); } .baca-sedang { background-color: var(--highlight-color) !important; color: #000000 !important; border-radius: 4px; padding: 0 4px; } .baca-selesai { background-color: rgba(0,0,0,0.04) !important; color: #777777 !important; border-radius: 4px; padding: 0 4px; } [data-theme="dark"] .baca-selesai { background-color: rgba(255,255,255,0.04) !important; } .highlight-search { background-color: #fff59d; color: #000000; font-weight: bold; } .history-box { max-width: 800px; margin: 20px auto 0 auto; padding: 12px 15px; font-size: 0.9rem; background: var(--header-bg); border-radius: 8px; border: 1px solid var(--border-color); } .history-header { display: flex; justify-content: space-between; align-items: center; font-weight: bold; margin-bottom: 8px; } .btn-clear-all { background: none; border: none; color: var(--danger-color); font-size: 0.8rem; cursor: pointer; font-weight: bold; } .history-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; } .history-item { background: var(--input-bg); padding: 4px 8px; border-radius: 4px; border: 1px solid var(--border-color); font-size: 0.8rem; display: inline-flex; align-items: center; gap: 6px; } .history-text { cursor: pointer; } .btn-delete-partial { background: none; border: none; color: #888888; cursor: pointer; font-weight: bold; } #btnBackToTop { position: fixed; bottom: 25px; right: 25px; width: 45px; height: 45px; background-color: var(--button-bg); color: var(--button-text); border: none; border-radius: 50%; cursor: pointer; display: none; font-size: 1.2rem; z-index: 1000; } .page-navigation { display: flex; justify-content: space-between; max-width: 800px; margin: 30px auto 0 auto; padding: 0 15px; } .btn-nav { background-color: var(--header-bg); color: var(--text-color); border: 1px solid var(--border-color); padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: bold; } .footer-credit { text-align: center; font-size: 0.8rem; color: #777777; margin: 40px 0 20px 0; border-top: 1px dashed var(--border-color); padding-top: 15px; } .setting-checkbox { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; cursor: pointer; } .flash-highlight { animation: flashAnimation 3s ease-out; } @keyframes flashAnimation { 0% { background-color: var(--highlight-color); border-radius: 4px; } 100% { background-color: transparent; } } .btn-theme-nav { background: var(--button-bg); color: var(--button-text); border: none; padding: 0; width: 36px; height: 36px; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; transition: background 0.2s, transform 0.1s; box-sizing: border-box; } .btn-theme-nav:active { transform: scale(0.95); } @media (max-width: 576px) { .navbar { padding: 8px 6px !important; gap: 6px !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; height: auto !important; min-height: 55px !important; } .nav-left { width: auto !important; flex-shrink: 0 !important; display: flex !important; align-items: center !important; } .hamburger-btn { font-size: 1.4rem !important; padding: 4px 6px !important; } .nav-controls-main { position: static !important; transform: none !important; flex: 1 !important; width: auto !important; max-width: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 4px !important; } .nav-controls-main select#inputKitab { flex: 1 !important; min-width: 0 !important; font-size: 0.82rem !important; padding: 6px 4px !important; } .nav-controls-main input[type="number"] { width: 38px !important; font-size: 0.85rem !important; padding: 6px 2px !important; flex-shrink: 0 !important; } .btn-go { padding: 6px 8px !important; font-size: 0.82rem !important; flex-shrink: 0 !important; } .btn-theme-nav { width: 30px !important; height: 30px !important; font-size: 0.9rem !important; flex-shrink: 0 !important; } } </style><script> fetch('/versi.txt?nocache=' + new Date().getTime()) .then(response => response.text()) .then(versi => { const versiClean = versi.trim(); const script = document.createElement('script'); script.src = '/files/script/alkitab.js?v=' + versiClean; script.onload = function() { if (typeof inisialisasiAlkitab === "function") { inisialisasiAlkitab(); } }; document.head.appendChild(script); console.log('Skrip alkitab.js berhasil dimuat dinamis dengan Versi:', versiClean); }) .catch(err => { const script = document.createElement('script'); script.src = '/files/script/alkitab.js?v=fallback'; script.onload = function() { if (typeof inisialisasiAlkitab === "function") { inisialisasiAlkitab(); } }; document.head.appendChild(script); console.error('Gagal membaca versi.txt, menggunakan fallback:', err); }); </script></head><body><div class="navbar"><div class="nav-left"><button class="hamburger-btn" onclick="toggleSidebar()">☰</button></div><div class="nav-controls-main"><select id="inputKitab" onchange="document.getElementById('inputPasal').value=1; muatAlkitab();"><option value="Kej">Kejadian</option><option value="Kel">Keluaran</option><option value="Ima">Imamat</option><option value="Bil">Bilangan</option><option value="Ula">Ulangan</option><option value="Yos">Yosua</option><option value="Hak">Hakim-hakim</option><option value="Rut">Rut</option><option value="1Sa">1 Samuel</option><option value="2Sa">2 Samuel</option><option value="1Ra">1 Raja-raja</option><option value="2Ra">2 Raja-raja</option><option value="1Ta">1 Tawarikh</option><option value="2Ta">2 Tawarikh</option><option value="Ezr">Ezra</option><option value="Neh">Nehemia</option><option value="Est">Ester</option><option value="Ayb">Ayub</option><option value="Mzm" selected>Mazmur</option><option value="Ams">Amsal</option><option value="Pkh">Pengkhotbah</option><option value="Kid">Kidung Agung</option><option value="Yes">Yesaya</option><option value="Yer">Yeremia</option><option value="Rat">Ratapan</option><option value="Yeh">Yehezkiel</option><option value="Dan">Daniel</option><option value="Hos">Hosea</option><option value="Yoe">Yoel</option><option value="Amo">Amos</option><option value="Oba">Obaja</option><option value="Yun">Yunus</option><option value="Mik">Mikha</option><option value="Nah">Nahum</option><option value="Hab">Habakuk</option><option value="Zef">Zefanya</option><option value="Hag">Hagai</option><option value="Zak">Zakharia</option><option value="Mal">Maleakhi</option><option value="Mat">Matius</option><option value="Mrk">Markus</option><option value="Luk">Lukas</option><option value="Yoh">Yohanes</option><option value="Kis">Kisah Para Rasul</option><option value="Rom">Roma</option><option value="1Ko">1 Korintus</option><option value="2Ko">2 Korintus</option><option value="Gal">Galatia</option><option value="Efe">Efesus</option><option value="Flp">Filipi</option><option value="Kol">Kolose</option><option value="1Te">1 Tesalonika</option><option value="2Te">2 Tesalonika</option><option value="1Ti">1 Timotius</option><option value="2Ti">2 Timotius</option><option value="Tit">Titus</option><option value="Flm">Filemon</option><option value="Ibr">Ibrani</option><option value="Yak">Yakobus</option><option value="1Pt">1 Petrus</option><option value="2Pt">2 Petrus</option><option value="1Yo">1 Yohanes</option><option value="2Yo">2 Yohanes</option><option value="3Yo">3 Yohanes</option><option value="Yud">Yudas</option><option value="Why">Wahyu</option></select><input type="number" id="inputPasal" value="23" min="1"><button class="btn-go" onclick="muatAlkitab()">Cari</button><button id="btnThemeToggleNavbar" class="btn-theme-nav" onclick="toggleTheme()">🌙</button></div></div><div class="sidebar-overlay" id="sidebarOverlay" onclick="toggleSidebar()"></div><div class="sidebar" id="sidebar"><div class="sidebar-header"><span class="sidebar-title">Pengaturan & Fitur</span><button class="close-sidebar-btn" onclick="toggleSidebar()">×</button></div><div class="sidebar-section"><label>Versi Utama (Kiri / Atas)</label><select id="inputVersi" onchange="muatAlkitab(); toggleSidebar();"></select></div><div class="sidebar-section"><label>Versi Pembanding (Kanan / Bawah)</label><select id="inputVersiParalel" onchange="simpanPengaturanUI(); muatAlkitab(); toggleSidebar();"><option value="none" selected>🚫 Matikan Mode Paralel</option></select></div><div class="sidebar-section"><label>Mode Tampilan Teks</label><select id="inputLayoutMode" onchange="simpanPengaturanUI(); renderUext(); toggleSidebar();"><option value="auto" selected>📱 Auto (PC Samping, HP Tumpuk)</option><option value="side">↔️ Paksa Kiri-Kanan (PC View)</option><option value="stacked">↕️ Paksa Atas-Bawah (Mobile View)</option></select></div><div class="sidebar-section"><label>Mode Alur Suara (TTS)</label><select id="inputAudioMode" onchange="simpanPengaturanUI(); hentikanAudio(); toggleSidebar();"><option value="utama" selected>🗣️ Hanya Versi Utama</option><option value="pembanding">🗣️ Hanya Versi Pembanding</option><option value="selang">🔄 Gabungan Selang-Seling per Ayat</option></select></div><div class="sidebar-section" style="margin-top: 20px; border-top: 1px solid var(--border-color); padding-top: 15px;"><a href="https://renungan.my.id" rel="noopener noreferrer" style="display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 10px; background-color: var(--share-color, #007bff); color: #fff; text-decoration: none; border-radius: 6px; font-weight: bold; font-size: 0.9rem; text-align: center; box-sizing: border-box;" onclick="toggleSidebar();"> 📖 Renungan Harian </a></div></div><div class="search-container"><input type="text" id="inputSearchGlobal" placeholder="🔍 Cari ayat atau kata (Contoh: Yoh 1:1, teofilus)" onkeypress="if(event.key === 'Enter') cariAlkitabGlobal();"><button class="btn-go" onclick="cariAlkitabGlobal()">Cari</button></div><div class="search-local-container"><input type="search" id="inputSearchChapter" placeholder="📄 Saring kata spesifik di pasal aktif ini..." oninput="searchInChapter()"></div><div class="bible-content"><div id="judulPasal" class="chapter-title">Mazmur 23</div><div class="chapter-version-sub-wrapper"><h4 id="subJudulVersi" class="chapter-version-sub">Versi: Terjemahan Baru (TB)</h4><button id="btnTukarDepan" onclick="tukarPosisiVersi()" style="display: none; padding: 4px 10px; background: var(--button-bg); color: var(--button-text); border: none; border-radius: 6px; cursor: pointer; font-weight: bold; font-size: 0.8rem; align-items: center;">⇄</button></div><div class="audio-controls"><div style="display: flex; gap: 10px; justify-content: center; width: 100%;"><button id="btnTogglePlay" class="btn-audio" onclick="kendalikanAudio()">▶ Putar</button><button id="btnStop" class="btn-audio" onclick="hentikanAudio()">⏹ Berhenti</button><button id="btnShare" class="btn-audio" onclick="sharePasal()">🔗 Bagikan</button></div><div style="width: 100%; text-align: center; margin-top: 8px;"><label class="setting-checkbox" style="display: inline-flex; align-items: center; gap: 6px; font-size: 0.9rem; user-select: none;"><input type="checkbox" id="chkKeepHighlight" onchange="simpanPengaturanHighlight()"> 📌 Tetapkan warna penanda teks saat berhenti </label></div></div><div id="boxAlkitab">Memuat teks Alkitab...</div></div><div class="page-navigation"><button class="btn-nav" onclick="navigasiPasal(-1)">« Sebelumnya</button><button class="btn-nav" onclick="navigasiPasal(1)">Selanjutnya »</button></div><div class="history-box"><div class="history-header"><span>Riwayat Bacaan:</span><button class="btn-clear-all" onclick="clearAllHistory()">Hapus Semua</button></div><ul id="historyList" class="history-list"></ul></div><button id="btnBackToTop" onclick="backToTop()">▲</button><div class="modal-strong-overlay" id="modalStrong" onclick="tutupKamusStrong()"><div class="modal-strong-content" onclick="event.stopPropagation()"><button class="modal-strong-close" onclick="tutupKamusStrong()">×</button><div id="modalStrongBody"></div></div></div><div id="custom-toast" style="position: fixed; bottom: -200px; left: 50%; transform: translateX(-50%); background-color: #222222; color: white; padding: 14px 22px; border-radius: 12px; font-size: 13px; line-height: 1.5; box-shadow: 0 5px 20px rgba(0,0,0,0.3); transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); z-index: 9999; display: flex; align-items: center; gap: 12px; width: 85%; max-width: 450px; box-sizing: border-box;"><span id="toast-icon" style="font-size: 18px; flex-shrink: 0;">🔗</span><span id="toast-message" style="font-weight: 500; flex-grow: 1;">Theoweb.Dev</span></div><div class="footer-credit"> Data dikonversi otomatis via <a href="https://alkitab.mobi" target="_blank" rel="noopener">alkitab.mobi</a>.<br> Izin Hak Cipta data oleh SABDA/YLSA & Lembaga terkait.<br> Developed by <a href="https://theo.my.id" target="_blank">THEOWEB.DEV</a></div></body></html>