پرش به محتوا

کتابخانه دانشنامه کتاب مقدس: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۳۶ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
     <meta charset="UTF-8">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>سایت مذهبی - صفحه اصلی</title>
     <title>کتابخانه انتشارات دانشنامه کتاب مقدس</title>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
     <style>
خط ۱۴: خط ۱۳:
          
          
         body {
         body {
             font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
             font-family: Tahoma, Arial, sans-serif;
             background: linear-gradient(135deg, #f8f6f0 0%, #e8e6df 100%);
             background-color: #f6f6f6;
             color: #333;
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
            min-height: 100vh;
         }
         }
          
          
خط ۲۴: خط ۲۲:
             max-width: 1200px;
             max-width: 1200px;
             margin: 0 auto;
             margin: 0 auto;
             padding: 0 20px;
             background: white;
         }
         }
          
          
        /* هدر با اثر هنری */
         .header {
         .header {
             background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
             color: white;
             color: white;
             padding: 80px 0 60px 0;
             padding: 20px 15px;
             text-align: center;
             text-align: center;
            position: relative;
            overflow: hidden;
         }
         }
          
          
         .header::before {
         h1 {
             content: '';
             margin: 0;
             position: absolute;
             font-size: 22px;
             top: 0;
             font-weight: 700;
             left: 0;
        }
             right: 0;
       
             bottom: 0;
        .description {
             background:  
             color: rgba(255,255,255,0.9);
                radial-gradient(circle at 20% 50%, rgba(255,255,255,0.1) 0%, transparent 50%),
             font-size: 13px;
                radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);
             margin-top: 8px;
             opacity: 0.3;
        }
       
        .seo-content {
             background: #fff;
            padding: 20px 15px;
            margin: 0 15px 15px;
            border-radius: 8px;
             border: 1px solid #e9ecef;
         }
         }
          
          
        /* اثر هنری صلیب و تاب مقدس */
         .seo-content h2 {
         .holy-symbols {
             color: #3e6f73;
             position: absolute;
             margin-bottom: 15px;
             top: 50%;
             font-size: 18px;
            left: 50%;
             transform: translate(-50%, -50%);
            width: 300px;
            height: 200px;
            opacity: 0.1;
         }
         }
          
          
         .cross {
         .seo-content p {
             position: absolute;
             margin-bottom: 15px;
             top: 50%;
             text-align: justify;
            left: 50%;
             font-size: 14px;
             transform: translate(-50%, -50%);
            width: 80px;
            height: 120px;
         }
         }
          
          
         .cross::before, .cross::after {
         .content-list {
             content: '';
            display: grid;
             position: absolute;
             grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
             background: rgba(255,255,255,0.8);
             gap: 15px;
             margin-top: 15px;
         }
         }
          
          
         .cross::before {
         .content-item {
             width: 4px;
             background: #f8f9fa;
             height: 100%;
             padding: 15px;
             left: 50%;
             border-radius: 6px;
             transform: translateX(-50%);
             border-left: 4px solid #3e6f73;
         }
         }
          
          
         .cross::after {
         .content-item h3 {
             width: 60px;
             color: #3e6f73;
             height: 4px;
             margin-bottom: 8px;
             top: 50%;
             font-size: 15px;
            left: 50%;
            transform: translate(-50%, -50%);
         }
         }
          
          
         .ark {
         .content-item p {
             position: absolute;
             font-size: 13px;
            top: 30%;
             color: #666;
            left: 30%;
             width: 100px;
            height: 60px;
            border: 2px solid rgba(255,255,255,0.6);
            border-radius: 8px;
         }
         }
          
          
         .ark::before {
         .filter-section {
             content: '';
             margin: 0 15px 15px;
             position: absolute;
             background: #f8f9fa;
            top: -10px;
             padding: 15px;
            left: 50%;
             border: 1px solid #dee2e6;
            transform: translateX(-50%);
            width: 40px;
            height: 10px;
             background: rgba(255,255,255,0.6);
             border-radius: 4px 4px 0 0;
         }
         }
          
          
         .site-title {
         .filter-row {
             font-size: 3.5rem;
             display: flex;
            font-weight: 300;
             gap: 10px;
             margin-bottom: 15px;
            position: relative;
            z-index: 2;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
         }
         }
          
          
         .site-subtitle {
         .form-group {
             font-size: 1.4rem;
             flex: 1;
            font-weight: 300;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto;
             position: relative;
             position: relative;
            z-index: 2;
            line-height: 1.8;
         }
         }
          
          
         /* منوی ناوبری */
         label {
        .nav-menu {
             display: block;
             background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%);
             margin-bottom: 6px;
             padding: 0;
             font-weight: 600;
             box-shadow: 0 4px 20px rgba(0,0,0,0.1);
             color: #495057;
             position: sticky;
             font-size: 13px;
            top: 0;
             z-index: 1000;
         }
         }
          
          
         .nav-container {
         select {
             max-width: 1200px;
            width: 100%;
             margin: 0 auto;
            padding: 10px 12px;
             padding: 0 20px;
            border: 1px solid #ced4da;
            border-radius: 6px;
             font-size: 13px;
             background: white;
             cursor: pointer;
         }
         }
          
          
         .nav-list {
         .searchable-select {
             display: flex;
             position: relative;
            list-style: none;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
         }
         }
          
          
         .nav-item {
         .select-display {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #ced4da;
            border-radius: 6px;
            font-size: 13px;
            background: white;
            cursor: pointer;
            text-align: right;
             position: relative;
             position: relative;
         }
         }
          
          
         .nav-link {
         .select-display:after {
             display: flex;
             content: "▼";
             align-items: center;
            position: absolute;
             gap: 8px;
            left: 12px;
             color: white;
            top: 50%;
             text-decoration: none;
            transform: translateY(-50%);
             padding: 18px 25px;
            font-size: 10px;
             transition: all 0.3s ease;
             color: #6c757d;
             font-weight: 500;
        }
             border-bottom: 3px solid transparent;
       
        .options-list {
            position: absolute;
            top: 100%;
            left: 0;
             right: 0;
             background: white;
             border: 1px solid #ced4da;
            border-radius: 6px;
             max-height: 400px;
             overflow-y: auto;
             z-index: 1000;
            display: none;
             box-shadow: 0 4px 12px rgba(0,0,0,0.1);
         }
         }
          
          
         .nav-link:hover {
         .search-box {
             background: rgba(255,255,255,0.1);
             padding: 10px;
             border-bottom-color: #D4AF37;
             border-bottom: 1px solid #e9ecef;
            background: #f8f9fa;
            position: sticky;
            top: 0;
         }
         }
          
          
         .nav-link i {
         .search-input {
             font-size: 1.1rem;
            width: 100%;
            padding: 8px 12px;
            border: 1px solid #ced4da;
            border-radius: 4px;
             font-size: 13px;
         }
         }
          
          
         .nav-link.active {
         .options-container {
             background: rgba(255,255,255,0.15);
             max-height: 300px;
             border-bottom-color: #D4AF37;
             overflow-y: auto;
         }
         }
          
          
        /* بخش باکس‌ها */
         .option-item {
         .boxes-section {
             padding: 10px 12px;
             padding: 80px 0;
            cursor: pointer;
             background: white;
             border-bottom: 1px solid #f1f1f1;
            font-size: 13px;
         }
         }
          
          
         .section-title {
         .option-item:hover {
             text-align: center;
             background: #f0f8f0;
            font-size: 2.2rem;
            color: #2c3e50;
            margin-bottom: 50px;
            font-weight: 300;
         }
         }
          
          
        /* گرید Responsive */
         .highlight {
         .boxes-grid {
             background: #fff3cd;
             display: grid;
             font-weight: bold;
             grid-template-columns: repeat(4, 1fr);
            padding: 1px 2px;
             gap: 30px;
             border-radius: 2px;
         }
         }
          
          
         .box {
         .no-results {
             background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
             color: #6c757d;
             border-radius: 15px;
             font-style: italic;
            padding: 35px 30px;
             text-align: center;
             text-align: center;
             box-shadow: 0 10px 30px rgba(0,0,0,0.08);
             padding: 15px;
             border: 1px solid #e9ecef;
        }
            transition: all 0.3s ease;
       
            position: relative;
        .content-frame {
            margin: 0 15px;
             border: 1px solid #dee2e6;
             overflow: hidden;
             overflow: hidden;
            background: white;
            height: 500px;
        }
        .content-header {
            padding: 12px 15px;
            background: #f8f9fa;
            border-bottom: 1px solid #dee2e6;
            display: flex;
            justify-content: space-between;
            align-items: center;
         }
         }
          
          
         .box::before {
         .content-title {
             content: '';
             font-weight: 600;
             position: absolute;
             color: #3e6f73;
             top: 0;
             font-size: 14px;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #8B4513, #A52A2A, #D4AF37);
         }
         }
          
          
         .box:hover {
         .content-controls {
             transform: translateY(-10px);
             display: flex;
             box-shadow: 0 20px 40px rgba(0,0,0,0.15);
             gap: 8px;
         }
         }
          
          
         .box-icon {
         .control-btn {
             font-size: 3rem;
            background: white;
             color: #8B4513;
            border: 1px solid #dee2e6;
             margin-bottom: 20px;
            border-radius: 4px;
            padding: 6px 12px;
            cursor: pointer;
             font-size: 12px;
             display: flex;
             align-items: center;
            gap: 4px;
         }
         }
          
          
         .box-title {
         .iframe-container {
             font-size: 1.5rem;
             width: 100%;
             color: #2c3e50;
             height: calc(100% - 50px);
            margin-bottom: 15px;
             position: relative;
             font-weight: 600;
         }
         }
          
          
         .box-description {
         .clean-frame {
             color: #666;
             width: 100%;
             margin-bottom: 25px;
             height: 100%;
             line-height: 1.7;
             border: none;
             font-size: 1.05rem;
             background: white;
         }
         }
          
          
         .box-btn {
         .iframe-placeholder {
             display: inline-block;
             display: flex;
             padding: 12px 30px;
             align-items: center;
             background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%);
             justify-content: center;
            color: white;
             height: 100%;
             text-decoration: none;
             color: #6c757d;
             border-radius: 8px;
             font-size: 14px;
             font-weight: 500;
             text-align: center;
             transition: all 0.3s ease;
             padding: 20px;
             border: none;
             background: white;
             cursor: pointer;
            font-size: 1rem;
         }
         }
          
          
         .box-btn:hover {
         .action-buttons {
             background: linear-gradient(135deg, #A52A2A 0%, #8B4513 100%);
            display: flex;
             transform: translateY(-2px);
             justify-content: space-between;
             box-shadow: 0 5px 15px rgba(165, 42, 42, 0.3);
            align-items: center;
             padding: 12px 15px;
            background-color: #f8f9fa;
             border-top: 1px solid #dee2e6;
            gap: 8px;
         }
         }
          
          
         /* فوتر */
         .wiki-link, .site-link, .view-link {
        .footer {
             background: #3e6f73;
             background: #2c3e50;
             color: white;
             color: white;
            text-decoration: none;
            font-weight: 600;
            padding: 10px 15px;
            border-radius: 4px;
            font-size: 13px;
             text-align: center;
             text-align: center;
             padding: 40px 0;
             flex: 1;
             margin-top: 60px;
             display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
        }
       
        .site-link {
            background: #6c757d;
         }
         }
          
          
        /* منوی موبایل */
         .view-link {
         .mobile-menu-btn {
             background: #4a7c59;
            display: none;
             background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            padding: 10px;
         }
         }
          
          
         /* رسپانسیو برای تبلت - 2 ستون */
         .loading-bar {
        @media (max-width: 1024px) {
            height: 2px;
             .boxes-grid {
             background: linear-gradient(90deg, #8fb996, #3e6f73);
                grid-template-columns: repeat(2, 1fr);
            width: 0%;
                gap: 25px;
             transition: width 0.4s ease;
             }
             position: absolute;
           
             top: 0;
            .site-title {
            right: 0;
                font-size: 3rem;
             }
           
            .site-subtitle {
                font-size: 1.3rem;
             }
           
            .nav-link {
                padding: 15px 20px;
                font-size: 0.95rem;
            }
         }
         }
          
          
        /* رسپانسیو برای موبایل - 1 ستون */
         @media (max-width: 768px) {
         @media (max-width: 768px) {
             .boxes-grid {
             .filter-row {
                 grid-template-columns: 1fr;
                 flex-direction: column;
                gap: 20px;
                max-width: 500px;
                margin: 0 auto;
             }
             }
              
              
             .site-title {
             .content-frame {
                 font-size: 2.5rem;
                 height: 400px;
             }
             }
              
              
             .site-subtitle {
             .action-buttons {
                 font-size: 1.2rem;
                 flex-direction: column;
                padding: 0 20px;
             }
             }
              
              
             .box {
             .wiki-link, .site-link, .view-link {
                 padding: 30px 25px;
                 width: 100%;
             }
             }
              
              
             .box-icon {
             .content-header {
                 font-size: 2.5rem;
                 flex-direction: column;
                gap: 8px;
                align-items: flex-start;
             }
             }
              
              
             .box-title {
             .content-controls {
                 font-size: 1.3rem;
                 width: 100%;
                justify-content: space-between;
             }
             }
        }
    </style>
</head>
<body>
    <div class="container">
        <header class="header">
            <h1>کتابخانه دانشنامه کتاب مقدس</h1>
            <p class="description">مطالعه آنلاین کتاب‌ها و مقالات مسیحی</p>
        </header>
        <section class="seo-content">
            <h2>کتابخانه جامع منابع مسیحی</h2>
            <p>کتابخانهٔ دانشنامهٔ کتاب مقدس مرجع کامل و تخصصی برای مطالعهٔ آنلاین کتاب‌ها و مقالات مسیحی است.</p>
           
            <div class="content-list">
                <div class="content-item">
                    <h3>کتاب‌ها</h3>
                    <p>انتشار همهٔ کتاب‌ها در دانشنامه با اجازهٔ رسمی نویسندگان یا ناشران انجام شده است، و برای برخی آثار، مجوز چاپ مجدد نیز دریافت گردیده است. تمامی حقوق برای انتشارات دانشنامهٔ کتاب مقدس محفوظ است.
نویسندگان و ناشران مسیحی می‌توانند برای همکاری و انتشار آثار خود با ما در ارتباط باشند.</p>
                </div>
                <div class="content-item">
                    <h3>مقالات</h3>
                    <p>مقالات دانشنامه با اجازهٔ نویسندگان یا بر اساس منابع عمومی و بدون حق کپی‌رایت منتشر می‌شوند. در همهٔ موارد، اصول امانت‌داری و احترام به منبع اصلی رعایت شده است.
پژوهشگران و نویسندگان مسیحی می‌توانند برای انتشار مقالات خود با ما همکاری کنند</p>
                </div>
                <div class="content-item">
                    <h3>فروشگاه کتاب</h3>
                    <p>در فروشگاه کتاب دانشنامه، امکان خرید کتاب‌های چاپی و الکترونیکی فراهم شده است.</p>
                </div>
            </div>
        </section>
        <section class="filter-section">
            <div class="filter-row">
                <div class="form-group">
                    <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                    <select id="categorySelect">
                        <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                        <option value="کتاب">کتاب</option>
                        <option value="مقاله">مقاله</option>
                        <option value="فروشگاه کتاب">فروشگاه کتاب</option>
                    </select>
                </div>
               
                <div class="form-group">
                    <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label>
                    <div class="searchable-select">
                        <div class="select-display" id="selectDisplay">لطفاً دسته‌بندی انتخاب کنید</div>
                        <div class="options-list" id="optionsList">
                            <div class="search-box">
                                <input type="text" class="search-input" id="searchInput" placeholder="جستجو در محتواها...">
                            </div>
                            <div class="options-container" id="optionsContainer">
                                <div class="no-results">لطفاً ابتدا یک دسته‌بندی انتخاب کنید</div>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="selectedContentValue">
                </div>
            </div>
        </section>
       
        <section class="content-frame">
            <div class="content-header">
                <div class="content-title" id="contentTitle">هیچ محتوایی انتخاب نشده است</div>
                <div class="content-controls">
                    <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچک‌نمایی</button>
                    <button class="control-btn" id="zoomIn"><i class="fas fa-search-plus"></i> بزرگ‌نمایی</button>
                    <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button>
                </div>
            </div>
            <div class="loading-bar" id="loadingBar"></div>
            <div class="iframe-container">
                <div class="iframe-placeholder" id="iframePlaceholder">
                    <div>
                        <i class="fas fa-book-open" style="font-size: 2rem; color: #6c757d; margin-bottom: 10px;"></i>
                        <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                    </div>
                </div>
                <iframe id="contentFrame" class="clean-frame" src="about:blank" style="display: none;" title="محتوای مطالعه"></iframe>
            </div>
            <div class="action-buttons">
                <a id="siteLink" href="#" class="site-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                    <i class="fas fa-home"></i>
                    مشاهده صفحه در سایت اصلی
                </a>
                <a id="wikiLink" href="#" class="wiki-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                    <i class="fab fa-wikipedia-w"></i>
                    مشاهده صفحه کامل در ویکی
                </a>
                <a id="viewLink" href="#" class="view-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                    <i class="fas fa-eye"></i>
                    مشاهده صفحه
                </a>
            </div>
        </section>
    </div>
    <script>
        // داده‌های واقعی
        const booksData = {
            'کتاب': [
                { value: 'کتاب_مسیحیت_در_ایران_تا_صدر_اسلام', text: 'کتاب مسیحیت در ایران تا صدر اسلام' },
                { value: '...', text: 'بزودی' },
                { value: '...', text: 'بزودی' }
            ],
            'مقاله': [
                { value: 'مقاله_۸_تفاوت_کلیدی_بین_کاتولیک‌ها_و_پروتستان‌ها_نویسنده', text: 'مقاله: ۸ تفاوت کلیدی بین کاتولیک‌ها و پروتستان‌ها' },
                { value: 'مقاله_برادران،_ما_تحلیل%E2%80%8Cگران_سیاسی_نیستیم', text: 'مقاله: برادران، ما تحلیل‌گران سیاسی نیستیم' },
                { value: 'مقاله_گناه_آدمی_را_نادان_می‌کند', text: 'مقاله: گناه آدمی را نادان می‌کند' },
                { value: 'مقاله_۴_دلیل_که_چرا_کتاب_مقدس_از_تراجنسیتی_بودن_حمایت_نمی%E2%80%8Cکند', text: 'مقاله: ۴ دلیل که چرا کتاب مقدس از تراجنسیتی بودن حمایت نمی‌کند' },
                { value: '۱۰_معنای_یهوه', text: 'مقاله: ۱۰ معنای یهوه' },
                { value: 'تدریس،_آموزش_و_مطالعه', text: 'مقاله: تدریس، آموزش و مطالعه' },
                { value: 'خدمت_به_خدا_یعنی_چه', text: 'مقاله: خدمت به خدا یعنی چه' },
                { value: '...', text: 'بزودی' },
                { value: '...', text: 'بزودی' },
                { value: '...', text: 'بزودی' }
            ],
            'فروشگاه کتاب': [
                { value: 'کتاب_اسلحه_هایی_در_جنگ_علیه_نیروهای_شیطانی', text: 'اسلحه هایی در جنگ علیه نیروهای شیطانی' },
                { value: 'کتاب_شناخت_عطیه_های_روح_القدس_در_تعلیم_و_عمل', text: 'شناخت عطیه های روح القدس در تعلیم و عمل' },
                { value: 'کتاب_کشف_عطیه_های_روح_القدس_در_خود', text: 'کشف عطیه های روح القدس در خود' },
                { value: 'کتاب_اسلحه_هایی_در_جنگ_علیه_نیروهای_شیطانی', text: 'اسلحه هایی در جنگ علیه نیروهای شیطانی' },
                { value: 'کتاب_گشودن_وعده_های_ابراهیم', text: 'گشودن وعده های ابراهیم' },
                { value: 'کتاب_رهبری_روحانی', text: 'کتاب رهبری روحانی' },
                { value: 'کتاب_ژنرالهای_خدا', text: 'ژنرال های خدا' },
                { value: 'بزودی', text: 'بزودی' },
                { value: 'بزودی', text: 'بزودی' },
                { value: 'بزودی', text: 'بزودی' }
            ]
        };
        // عناصر DOM
        const categorySelect = document.getElementById('categorySelect');
        const selectDisplay = document.getElementById('selectDisplay');
        const searchInput = document.getElementById('searchInput');
        const optionsList = document.getElementById('optionsList');
        const optionsContainer = document.getElementById('optionsContainer');
        const selectedContentValue = document.getElementById('selectedContentValue');
        const contentFrame = document.getElementById('contentFrame');
        const iframePlaceholder = document.getElementById('iframePlaceholder');
        const wikiLink = document.getElementById('wikiLink');
        const siteLink = document.getElementById('siteLink');
        const viewLink = document.getElementById('viewLink');
        const contentTitle = document.getElementById('contentTitle');
        const zoomIn = document.getElementById('zoomIn');
        const zoomOut = document.getElementById('zoomOut');
        const directView = document.getElementById('directView');
        const loadingBar = document.getElementById('loadingBar');
        let currentZoom = 100;
        let currentContent = '';
        let currentItems = [];
        // وقتی دسته‌بندی تغییر کرد
        categorySelect.addEventListener('change', function() {
            const selectedCategory = this.value;
              
              
             .section-title {
             if (!selectedCategory) {
                 font-size: 1.8rem;
                selectDisplay.textContent = 'لطفاً دسته‌بندی انتخاب کنید';
                 margin-bottom: 30px;
                selectDisplay.style.color = '#6c757d';
                selectedContentValue.value = '';
                 optionsList.style.display = 'none';
                resetContent();
                 return;
             }
             }
              
              
             .boxes-section {
             // فعال کردن نمایش
                padding: 60px 0;
            selectDisplay.textContent = 'برای مشاهده محتوا کلیک کنید';
             }
            selectDisplay.style.color = '#333';
             selectedContentValue.value = '';
            currentItems = booksData[selectedCategory];
              
              
             /* منوی موبایل */
             resetContent();
             .mobile-menu-btn {
        });
                 display: block;
 
                 position: absolute;
        // وقتی روی نمایش کلیک می‌شود
                left: 20px;
        selectDisplay.addEventListener('click', function() {
                 top: 50%;
             if (!categorySelect.value) {
                transform: translateY(-50%);
                 alert('لطفاً ابتدا یک دسته‌بندی انتخاب کنید');
                 categorySelect.focus();
                 return;
             }
             }
              
              
             .nav-list {
             if (optionsList.style.display === 'block') {
                 display: none;
                 optionsList.style.display = 'none';
                 flex-direction: column;
            } else {
                 position: absolute;
                 optionsList.style.display = 'block';
                 top: 100%;
                 searchInput.value = '';
                 left: 0;
                  
                 right: 0;
                 // در اینجا تابع populateOptions فراخوانی می‌شود
                 background: linear-gradient(135deg, #8B4513 0%, #A52A2A 100%);
                populateOptions(currentItems);
                 box-shadow: 0 4px 20px rgba(0,0,0,0.2);
                  
                 setTimeout(() => {
                    searchInput.focus();
                 }, 100);
             }
             }
        });
        // وقتی کاربر در فیلد جستجو تایپ می‌کند
        searchInput.addEventListener('input', function() {
            const searchTerm = this.value.toLowerCase();
            const filteredItems = currentItems.filter(item =>
                item.text.toLowerCase().includes(searchTerm)
            );
            populateOptions(filteredItems, searchTerm);
        });
        // پر کردن لیست گزینه‌ها - این تابع اکنون به درستی فراخوانی می‌شود
        function populateOptions(itemsList, searchTerm = '') {
            console.log('populateOptions فراخوانی شد با', itemsList.length, 'آیتم');
              
              
             .nav-list.active {
             optionsContainer.innerHTML = '';
                display: flex;
            }
              
              
             .nav-item {
             if (itemsList.length === 0) {
                 width: 100%;
                const noResult = document.createElement('div');
                noResult.className = 'no-results';
                noResult.textContent = 'نتیجه‌ای یافت نشد';
                optionsContainer.appendChild(noResult);
                 return;
             }
             }
              
              
             .nav-link {
             itemsList.forEach(item => {
                 padding: 15px 20px;
                 const option = document.createElement('div');
                 justify-content: center;
                 option.className = 'option-item';
                 border-bottom: 1px solid rgba(255,255,255,0.1);
                  
             }
                if (searchTerm) {
                    // هایلایت کردن متن جستجو شده
                    const regex = new RegExp(`(${searchTerm})`, 'gi');
                    const highlightedText = item.text.replace(regex, '<span class="highlight">$1</span>');
                    option.innerHTML = highlightedText;
                } else {
                    option.textContent = item.text;
                }
               
                option.addEventListener('click', function() {
                    selectDisplay.textContent = item.text;
                    selectDisplay.style.color = '#333';
                    selectedContentValue.value = item.value;
                    optionsList.style.display = 'none';
                   
                    // نمایش محتوا
                    currentContent = item.value;
                    showContent(item.value, item.text);
                });
               
                optionsContainer.appendChild(option);
             });
         }
         }
       
 
         /* برای موبایل‌های خیلی کوچک */
         // نمایش محتوا
         @media (max-width: 480px) {
         function showContent(bookValue, bookText) {
             .site-title {
            const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
                 font-size: 2rem;
            const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
             }
             const siteUrl = `https://www.pediabible.com/index.php/${bookValue}`;
           
            contentTitle.textContent = bookText;
           
            // نمایش loading
            contentFrame.style.display = 'none';
            iframePlaceholder.style.display = 'flex';
            iframePlaceholder.innerHTML = `
                 <div>
                    <i class="fas fa-spinner fa-spin" style="font-size: 1.5rem; color: #3e6f73; margin-bottom: 10px;"></i>
                    <p>در حال بارگذاری "${bookText}"...</p>
                </div>
            `;
           
            // نوار پیشرفت
            let progress = 0;
            const progressInterval = setInterval(() => {
                progress += Math.random() * 15;
                if (progress > 90) progress = 90;
                loadingBar.style.width = `${progress}%`;
            }, 200);
           
            // بارگذاری محتوا
            contentFrame.src = contentUrl;
           
            contentFrame.onload = function() {
                clearInterval(progressInterval);
                loadingBar.style.width = '100%';
                setTimeout(() => {
                    loadingBar.style.width = '0%';
                }, 500);
               
                contentFrame.style.display = 'block';
                iframePlaceholder.style.display = 'none';
                applyZoom();
             };
              
              
             .site-subtitle {
             contentFrame.onerror = function() {
                 font-size: 1.1rem;
                 clearInterval(progressInterval);
             }
                loadingBar.style.width = '0%';
                iframePlaceholder.style.display = 'flex';
                iframePlaceholder.innerHTML = `
                    <div>
                        <i class="fas fa-exclamation-triangle" style="font-size: 1.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                        <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                    </div>
                `;
                contentFrame.style.display = 'none';
             };
              
              
             .box {
             // به‌روزرسانی لینک‌ها
                padding: 25px 20px;
            wikiLink.href = wikiUrl;
             }
             wikiLink.style.display = 'flex';
              
              
             .box-btn {
             siteLink.href = siteUrl;
                padding: 10px 25px;
            siteLink.style.display = 'flex';
                font-size: 0.9rem;
            }
              
              
             .nav-link {
             viewLink.href = contentUrl;
                padding: 12px 15px;
            viewLink.style.display = 'flex';
                font-size: 0.9rem;
            }
         }
         }
    </style>
</head>
<body>
    <!-- هدر -->
    <header class="header">
        <div class="holy-symbols">
            <div class="cross"></div>
            <div class="ark"></div>
        </div>
        <div class="container">
            <h1 class="site-title">نام سایت مذهبی</h1>
            <p class="site-subtitle">
                به وبسایت تخصصی مطالعات مذهبی خوش آمدید. اینجا مکانی برای کشف عمیق‌تر مفاهیم دینی،
                مطالعه متون مقدس و بهره‌مندی از منابع غنی معنوی است.
            </p>
        </div>
    </header>


    <!-- منوی ناوبری -->
         // مشاهده مستقیم
    <nav class="nav-menu">
        directView.addEventListener('click', function() {
         <div class="nav-container">
             if (currentContent) {
            <button class="mobile-menu-btn">
                 const directUrl = `https://www.pediabible.com/index.php/${currentContent}`;
                <i class="fas fa-bars"></i>
                 window.open(directUrl, '_blank', 'noopener,noreferrer');
            </button>
             }
             <ul class="nav-list">
         });
                <li class="nav-item">
                    <a href="#" class="nav-link active">
                        <i class="fas fa-home"></i>
                        صفحه اصلی
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-book"></i>
                        کتابخانه
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-pray"></i>
                        مطالب معنوی
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-hands-praying"></i>
                        ادعیه و مناجات
                    </a>
                 </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-question-circle"></i>
                        پرسش و پاسخ
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-users"></i>
                        جامعه معنوی
                    </a>
                 </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-info-circle"></i>
                        درباره ما
                    </a>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link">
                        <i class="fas fa-phone"></i>
                        تماس با ما
                    </a>
                </li>
             </ul>
         </div>
    </nav>


    <!-- بخش باکس‌ها -->
         // کنترل بزرگ‌نمایی
    <section class="boxes-section">
        function applyZoom() {
         <div class="container">
            contentFrame.style.zoom = `${currentZoom}%`;
            <h2 class="section-title">بخش‌های اصلی سایت</h2>
        }
            <div class="boxes-grid">
                <!-- باکس ۱ -->
                <div class="box">
                    <div class="box-icon">
                        <i class="fas fa-book"></i>
                    </div>
                    <h3 class="box-title">کتابخانه دیجیتال</h3>
                    <p class="box-description">
                        دسترسی به مجموعه کامل کتاب‌های مذهبی، تفسیرها و منابع مطالعاتی
                        در زمینه‌های مختلف دینی و معنوی
                    </p>
                    <a href="#" class="box-btn">ورود به کتابخانه</a>
                </div>


                <!-- باکس ۲ -->
        zoomIn.addEventListener('click', function() {
                 <div class="box">
            if (currentZoom < 150) {
                    <div class="box-icon">
                 currentZoom += 10;
                        <i class="fas fa-pray"></i>
                applyZoom();
                    </div>
            }
                    <h3 class="box-title">مطالب معنوی</h3>
        });
                    <p class="box-description">
                        مقالات تخصصی، داستان‌های آموزنده و مطالب عمیق در زمینه سیر و سلوک
                        و رشد معنوی
                    </p>
                    <a href="#" class="box-btn">مطالعه مطالب</a>
                </div>


                <!-- باکس ۳ -->
        zoomOut.addEventListener('click', function() {
                 <div class="box">
            if (currentZoom > 50) {
                    <div class="box-icon">
                 currentZoom -= 10;
                        <i class="fas fa-hands-praying"></i>
                applyZoom();
                    </div>
            }
                    <h3 class="box-title">مناجات و ادعیه</h3>
        });
                    <p class="box-description">
                        مجموعه کامل ادعیه، مناجات‌ها و اذکار با ترجمه و تفسیر برای
                        استفاده در اوقات مختلف
                    </p>
                    <a href="#" class="box-btn">مشاهده ادعیه</a>
                </div>


                <!-- باکس ۴ -->
        function resetContent() {
                 <div class="box">
            currentContent = '';
                     <div class="box-icon">
            contentTitle.textContent = 'هیچ محتوایی انتخاب نشده است';
                        <i class="fas fa-users"></i>
            contentFrame.style.display = 'none';
                    </div>
            iframePlaceholder.style.display = 'flex';
                    <h3 class="box-title">جامعه معنوی</h3>
            iframePlaceholder.innerHTML = `
                     <p class="box-description">
                 <div>
                        ارتباط با دیگر علاقه‌مندان، پرسش و پاسخ دینی و مشارکت در
                     <i class="fas fa-book-open" style="font-size: 1.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                        بحث‌های سازنده معنوی
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                    </p>
                    <a href="#" class="box-btn">پیوستن به جامعه</a>
                 </div>
                 </div>
             </div>
             `;
         </div>
            wikiLink.style.display = 'none';
    </section>
            siteLink.style.display = 'none';
            viewLink.style.display = 'none';
            contentFrame.src = 'about:blank';
            loadingBar.style.width = '0%';
         }


    <!-- فوتر -->
        // بستن لیست وقتی کاربر در جای دیگری کلیک می‌کند
    <footer class="footer">
        document.addEventListener('click', function(event) {
        <div class="container">
            if (!event.target.closest('.searchable-select')) {
             <p>© 2024 نام سایت مذهبی. تمامی حقوق محفوظ است.</p>
                optionsList.style.display = 'none';
         </div>
             }
    </footer>
         });


    <script>
         // مدیریت کلیدهای کیبورد
         // منوی موبایل
         searchInput.addEventListener('keydown', function(event) {
         document.addEventListener('DOMContentLoaded', function() {
             if (event.key === 'Escape') {
             const mobileMenuBtn = document.querySelector('.mobile-menu-btn');
                 optionsList.style.display = 'none';
            const navList = document.querySelector('.nav-list');
             }
           
            mobileMenuBtn.addEventListener('click', function() {
                navList.classList.toggle('active');
            });
           
            // بستن منو هنگام کلیک روی لینک
            const navLinks = document.querySelectorAll('.nav-link');
            navLinks.forEach(link => {
                link.addEventListener('click', function() {
                    navList.classList.remove('active');
                });
            });
           
            // بستن منو هنگام کلیک خارج از منو
            document.addEventListener('click', function(event) {
                 if (!event.target.closest('.nav-menu')) {
                    navList.classList.remove('active');
                }
             });
         });
         });
        // لاگ برای دیباگ
        console.log('سیستم بارگذاری شد. حالا می‌توانید تست کنید:');
        console.log('1. یک دسته‌بندی انتخاب کنید');
        console.log('2. روی "برای مشاهده محتوا کلیک کنید" کلیک کنید');
        console.log('3. لیست محتواها نمایش داده می‌شود');
     </script>
     </script>
</body>
</body>
</html>
</html>

نسخهٔ کنونی تا ‏۱۶ اکتبر ۲۰۲۵، ساعت ۱۷:۵۶

کتابخانه انتشارات دانشنامه کتاب مقدس

کتابخانه دانشنامه کتاب مقدس

مطالعه آنلاین کتاب‌ها و مقالات مسیحی

کتابخانه جامع منابع مسیحی

کتابخانهٔ دانشنامهٔ کتاب مقدس مرجع کامل و تخصصی برای مطالعهٔ آنلاین کتاب‌ها و مقالات مسیحی است.

کتاب‌ها

انتشار همهٔ کتاب‌ها در دانشنامه با اجازهٔ رسمی نویسندگان یا ناشران انجام شده است، و برای برخی آثار، مجوز چاپ مجدد نیز دریافت گردیده است. تمامی حقوق برای انتشارات دانشنامهٔ کتاب مقدس محفوظ است. نویسندگان و ناشران مسیحی می‌توانند برای همکاری و انتشار آثار خود با ما در ارتباط باشند.

مقالات

مقالات دانشنامه با اجازهٔ نویسندگان یا بر اساس منابع عمومی و بدون حق کپی‌رایت منتشر می‌شوند. در همهٔ موارد، اصول امانت‌داری و احترام به منبع اصلی رعایت شده است. پژوهشگران و نویسندگان مسیحی می‌توانند برای انتشار مقالات خود با ما همکاری کنند

فروشگاه کتاب

در فروشگاه کتاب دانشنامه، امکان خرید کتاب‌های چاپی و الکترونیکی فراهم شده است.

لطفاً دسته‌بندی انتخاب کنید
لطفاً ابتدا یک دسته‌بندی انتخاب کنید
هیچ محتوایی انتخاب نشده است

لطفاً یک کتاب یا مقاله از لیست انتخاب کنید

برگرفته از «https://www.pediabible.com/index.php?title=کتابخانه_دانشنامه_کتاب_مقدس&oldid=4501»