پرش به محتوا

تست: تفاوت میان نسخه‌ها

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌تر
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
 
(۱۱ نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد)
خط ۱: خط ۱:
<!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>
    <meta name="description" content="مطالعه آنلاین کتاب‌های مقدس شامل عیسی، انجیل متی، مزامیر، پیدایش و مقالات تخصصی درباره مسیح، تثلیث، نجات و روح القدس در کتابخانه پدیا بایبل">
    <meta name="keywords" content="کتاب مقدس, انجیل, عیسی مسیح, مقالات مذهبی, کتابخانه آنلاین, مزامیر, پیدایش, تثلیث, روح القدس, نجات, پدیا بایبل">
    <meta name="author" content="پدیا بایبل">
    <meta name="robots" content="index, follow">
    <link rel="canonical" href="https://www.pediabible.com/library" />
   
    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="کتابخانه پدیا بایبل - مطالعه آنلاین کتاب‌ها و مقالات مذهبی">
    <meta property="og:description" content="مطالعه آنلاین کتاب‌های مقدس و مقالات تخصصی مذهبی">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.pediabible.com/library">
    <meta property="og:image" content="https://www.pediabible.com/images/logo.png">
    <meta property="og:locale" content="fa_IR">
   
    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="کتابخانه پدیا بایبل - مطالعه آنلاین کتاب‌ها و مقالات مذهبی">
    <meta name="twitter:description" content="مطالعه آنلاین کتاب‌های مقدس و مقالات تخصصی مذهبی">
   
     <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">
   
    <!-- داده‌های ساختاریافته Schema.org -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "CollectionPage",
        "name": "کتابخانه پدیا بایبل",
        "description": "مطالعه آنلاین کتاب‌ها و مقالات مذهبی",
        "url": "https://www.pediabible.com/library",
        "publisher": {
            "@type": "Organization",
            "name": "پدیا بایبل",
            "url": "https://www.pediabible.com",
            "logo": {
                "@type": "ImageObject",
                "url": "https://www.pediabible.com/images/logo.png"
            }
        },
        "mainEntity": {
            "@type": "ItemList",
            "numberOfItems": 8,
            "itemListElement": [
                {
                    "@type": "Book",
                    "position": 1,
                    "name": "عیسی",
                    "url": "https://www.pediabible.com/index.php/عیسی",
                    "description": "مطالعه کتاب عیسی - زندگی و تعالیم حضرت عیسی مسیح"
                },
                {
                    "@type": "Book",
                    "position": 2,
                    "name": "انجیل متی",
                    "url": "https://www.pediabible.com/index.php/انجیل_متی",
                    "description": "انجیل متی - اولین انجیل از انجیل‌های چهارگانه"
                },
                {
                    "@type": "Book",
                    "position": 3,
                    "name": "مزامیر",
                    "url": "https://www.pediabible.com/index.php/مزامیر",
                    "description": "مزامیر - کتاب نیایش و مناجات"
                },
                {
                    "@type": "Book",
                    "position": 4,
                    "name": "پیدایش",
                    "url": "https://www.pediabible.com/index.php/پیدایش",
                    "description": "پیدایش - اولین کتاب تورات"
                },
                {
                    "@type": "Article",
                    "position": 5,
                    "name": "مسیح",
                    "url": "https://www.pediabible.com/index.php/مسیح",
                    "description": "مقالات تخصصی درباره مسیحشناسی"
                },
                {
                    "@type": "Article",
                    "position": 6,
                    "name": "تثلیث",
                    "url": "https://www.pediabible.com/index.php/تثلیث",
                    "description": "مطالعات تخصصی درباره مفهوم تثلیث"
                },
                {
                    "@type": "Article",
                    "position": 7,
                    "name": "نجات",
                    "url": "https://www.pediabible.com/index.php/نجات",
                    "description": "مقالات درباره نجات و رستگاری"
                },
                {
                    "@type": "Article",
                    "position": 8,
                    "name": "روح القدس",
                    "url": "https://www.pediabible.com/index.php/روح_القدس",
                    "description": "مطالعات تخصصی درباره روح القدس"
                }
            ]
        },
        "breadcrumb": {
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "name": "خانه",
                    "item": "https://www.pediabible.com"
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "کتابخانه",
                    "item": "https://www.pediabible.com/library"
                }
            ]
        }
    }
    </script>
   
     <style>
     <style>
         * {
         * {
خط ۱۱: خط ۱۲۹:
             padding: 0;
             padding: 0;
             box-sizing: border-box;
             box-sizing: border-box;
        }
       
        :root {
            --primary-color: #2c5530;
            --secondary-color: #4a7c59;
            --accent-color: #8fb996;
            --light-color: #f8f9fa;
            --dark-color: #343a40;
            --text-color: #333;
            --border-color: #dee2e6;
            --shadow: 0 4px 12px rgba(0,0,0,0.1);
            --transition: all 0.3s ease;
         }
         }
          
          
         body {
         body {
             font-family: 'Segoe UI', Tahoma, Arial, sans-serif;
             font-family: Tahoma, Arial, sans-serif;
             background: #f0f2f5;
             background-color: #f6f6f6;
             color: var(--text-color);
             color: #333;
             line-height: 1.6;
             line-height: 1.6;
             padding: 10px;
             padding: 0;
             min-height: 100vh;
             margin: 0;
         }
         }
          
          
         .container {
         .container {
             max-width: 1200px;
             max-width: 100%;
             margin: 0 auto;
             margin: 0;
             background: white;
             background: white;
             padding: 15px;
             padding: 0;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
         }
         }
          
          
         .header {
         .header {
             background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
             background: linear-gradient(135deg, #3e6f73, #4a7c59);
             color: white;
             color: white;
             padding: 20px;
             padding: 20px 15px;
            border-radius: 8px;
             margin-bottom: 15px;
             margin-bottom: 20px;
             text-align: center;
             text-align: center;
         }
         }
خط ۵۴: خط ۱۵۷:
         h1 {
         h1 {
             margin: 0;
             margin: 0;
             font-size: 24px;
             font-size: 22px;
             font-weight: 700;
             font-weight: 700;
         }
         }
خط ۶۰: خط ۱۶۳:
         .description {
         .description {
             color: rgba(255,255,255,0.9);
             color: rgba(255,255,255,0.9);
            font-size: 13px;
            margin-top: 8px;
            line-height: 1.5;
        }
       
        .seo-content {
            background: #fff;
            padding: 20px 15px;
            margin: 0 15px 15px;
            border-radius: 8px;
            border: 1px solid #e9ecef;
        }
       
        .seo-content h2 {
            color: #3e6f73;
            margin-bottom: 15px;
            font-size: 18px;
        }
       
        .seo-content p {
            margin-bottom: 15px;
            text-align: justify;
             font-size: 14px;
             font-size: 14px;
             margin-top: 8px;
            line-height: 1.8;
        }
       
        .content-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 15px;
             margin-top: 15px;
         }
         }
          
          
         .stats-bar {
         .content-item {
            display: flex;
             background: #f8f9fa;
            justify-content: space-between;
             padding: 15px;
             background: var(--light-color);
             padding: 10px 15px;
             border-radius: 6px;
             border-radius: 6px;
             margin-bottom: 15px;
             border-left: 4px solid #3e6f73;
            border: 1px solid var(--border-color);
            font-size: 13px;
         }
         }
          
          
         .stat-item {
         .content-item h3 {
             display: flex;
             color: #3e6f73;
             align-items: center;
             margin-bottom: 8px;
             gap: 6px;
             font-size: 15px;
         }
         }
          
          
         .stat-value {
         .content-item p {
             font-weight: bold;
             font-size: 13px;
             color: var(--primary-color);
             color: #666;
            margin: 0;
         }
         }
          
          
         .filter-section {
         .filter-section {
             margin-bottom: 20px;
             margin: 0 15px 15px;
             background: var(--light-color);
             background: #f8f9fa;
             padding: 15px;
             padding: 15px;
            border-radius: 8px;
             border: 1px solid #dee2e6;
             border: 1px solid var(--border-color);
         }
         }
          
          
خط ۹۷: خط ۲۲۵:
             display: flex;
             display: flex;
             gap: 10px;
             gap: 10px;
             margin-bottom: 10px;
             margin-bottom: 0;
         }
         }
          
          
خط ۱۰۸: خط ۲۳۶:
             margin-bottom: 6px;
             margin-bottom: 6px;
             font-weight: 600;
             font-weight: 600;
             color: var(--dark-color);
             color: #495057;
             font-size: 14px;
             font-size: 13px;
         }
         }
          
          
         .custom-select-container {
         select {
            position: relative;
        }
       
        .custom-select {
             width: 100%;
             width: 100%;
             padding: 10px 12px;
             padding: 10px 12px;
             border: 1px solid var(--border-color);
             border: 1px solid #ced4da;
             border-radius: 6px;
             border-radius: 6px;
             font-size: 14px;
             font-size: 13px;
             background: white;
             background: white;
             cursor: pointer;
             cursor: pointer;
             text-align: right;
             transition: all 0.3s ease;
            transition: var(--transition);
             border: 1px solid #e9ecef;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
       
        .custom-select:hover {
            border-color: var(--accent-color);
        }
       
        .custom-select.active {
            border-color: var(--primary-color);
        }
       
        .custom-select i {
            color: var(--primary-color);
            transition: var(--transition);
            font-size: 12px;
        }
       
        .custom-select.active i {
            transform: rotate(180deg);
        }
       
        .custom-select-dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: white;
            border: 1px solid var(--border-color);
            border-radius: 6px;
            margin-top: 5px;
            box-shadow: var(--shadow);
            z-index: 1000;
            display: none;
            max-height: 250px;
            overflow: hidden;
        }
       
        .custom-select-dropdown.show {
            display: block;
        }
       
        .search-box {
            padding: 10px;
             border-bottom: 1px solid var(--border-color);
            background: var(--light-color);
        }
       
        .search-box input {
            width: 100%;
            padding: 8px 10px;
            border: 1px solid var(--border-color);
            border-radius: 4px;
            font-size: 13px;
            transition: var(--transition);
         }
         }
          
          
         .search-box input:focus {
         select:focus {
             outline: none;
             outline: none;
             border-color: var(--accent-color);
             border-color: #3e6f73;
            box-shadow: 0 0 0 2px rgba(62, 111, 115, 0.1);
         }
         }
          
          
         .options-container {
         select:disabled {
            max-height: 200px;
             background-color: #f8f9fa;
            overflow-y: auto;
             color: #6c757d;
        }
             cursor: not-allowed;
       
             border-color: #dee2e6;
        .option-item {
             padding: 10px 12px;
            cursor: pointer;
            border-bottom: 1px solid #f0f0f0;
             font-size: 13px;
             transition: var(--transition);
        }
       
        .option-item:last-child {
             border-bottom: none;
        }
       
        .option-item:hover {
            background-color: #e9ecef;
         }
         }
          
          
        .option-item.selected {
         .content-frame {
            background-color: var(--primary-color);
             margin: 0 15px;
            color: white;
             border: 1px solid #dee2e6;
        }
             border-radius: 0;
       
         .content-section {
             margin-top: 15px;
             border: 1px solid var(--border-color);
             border-radius: 8px;
             overflow: hidden;
             overflow: hidden;
             background: white;
             background: white;
             height: 500px;
             height: calc(100vh - 250px);
            display: flex;
             min-height: 400px;
             flex-direction: column;
         }
         }
          
          
         .content-header {
         .content-header {
             padding: 12px 15px;
             padding: 12px 15px;
             background: var(--light-color);
             background: #f8f9fa;
             border-bottom: 1px solid var(--border-color);
             border-bottom: 1px solid #dee2e6;
             display: flex;
             display: flex;
             justify-content: space-between;
             justify-content: space-between;
خط ۲۳۷: خط ۲۸۶:
         .content-title {
         .content-title {
             font-weight: 600;
             font-weight: 600;
             color: var(--primary-color);
             color: #3e6f73;
             font-size: 16px;
             font-size: 14px;
         }
         }
          
          
خط ۲۴۸: خط ۲۹۷:
         .control-btn {
         .control-btn {
             background: white;
             background: white;
             border: 1px solid var(--border-color);
             border: 1px solid #dee2e6;
             border-radius: 4px;
             border-radius: 4px;
             padding: 5px 10px;
             padding: 6px 12px;
             cursor: pointer;
             cursor: pointer;
             font-size: 12px;
             font-size: 12px;
             transition: var(--transition);
             transition: all 0.3s ease;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             gap: 4px;
             gap: 4px;
            font-weight: 600;
            color: #495057;
         }
         }
          
          
         .control-btn:hover {
         .control-btn:hover {
             background: var(--light-color);
             background: #3e6f73;
            color: white;
            border-color: #3e6f73;
         }
         }
          
          
         .iframe-container {
         .iframe-container {
             width: 100%;
             width: 100%;
             flex: 1;
             height: calc(100% - 50px);
             position: relative;
             position: relative;
         }
         }
خط ۲۸۲: خط ۳۳۵:
             height: 100%;
             height: 100%;
             color: #6c757d;
             color: #6c757d;
             font-size: 15px;
             font-size: 14px;
             text-align: center;
             text-align: center;
             padding: 15px;
             padding: 20px;
             background: white;
             background: white;
            flex-direction: column;
         }
         }
          
          
خط ۲۹۴: خط ۳۴۶:
             align-items: center;
             align-items: center;
             padding: 12px 15px;
             padding: 12px 15px;
             background-color: var(--light-color);
             background-color: #f8f9fa;
             border-top: 1px solid var(--border-color);
             border-top: 1px solid #dee2e6;
             gap: 10px;
             gap: 8px;
         }
         }
          
          
         .wiki-link, .site-link, .view-link {
         .wiki-link, .site-link, .view-link {
             background: var(--primary-color);
             background: #3e6f73;
             color: white;
             color: white;
             text-decoration: none;
             text-decoration: none;
             font-weight: 600;
             font-weight: 600;
             padding: 8px 15px;
             padding: 10px 15px;
             border-radius: 6px;
             border-radius: 4px;
             border: none;
             border: none;
             cursor: pointer;
             cursor: pointer;
             font-size: 13px;
             font-size: 13px;
             text-align: center;
             text-align: center;
             transition: var(--transition);
             flex: 1;
             display: flex;
             display: flex;
             align-items: center;
             align-items: center;
             justify-content: center;
             justify-content: center;
             gap: 6px;
             gap: 6px;
            transition: all 0.3s ease;
         }
         }
          
          
خط ۳۲۲: خط ۳۷۵:
          
          
         .view-link {
         .view-link {
             background: var(--secondary-color);
             background: #4a7c59;
         }
         }
          
          
         .site-link:hover, .wiki-link:hover, .view-link:hover {
         .wiki-link:hover, .site-link:hover, .view-link:hover {
             opacity: 0.9;
             opacity: 0.9;
             transform: translateY(-1px);
             transform: translateY(-1px);
         }
         }
          
          
         .recent-section {
         .loading-bar {
             margin-top: 20px;
             height: 2px;
             background: var(--light-color);
             background: linear-gradient(90deg, #8fb996, #3e6f73);
             padding: 15px;
             width: 0%;
             border-radius: 8px;
             transition: width 0.4s ease;
             border: 1px solid var(--border-color);
            position: absolute;
            top: 0;
             right: 0;
         }
         }
          
          
         .section-title {
         .breadcrumb {
             font-size: 16px;
             background: #f8f9fa;
             font-weight: 600;
             padding: 10px 15px;
            color: var(--primary-color);
             margin-bottom: 15px;
             margin-bottom: 12px;
             border-bottom: 1px solid #dee2e6;
            display: flex;
            align-items: center;
            gap: 8px;
        }
       
        .recent-items {
            display: flex;
            gap: 10px;
            overflow-x: auto;
            padding: 5px;
        }
       
        .recent-item {
            background: white;
             border-radius: 6px;
            padding: 12px;
            min-width: 150px;
            border: 1px solid var(--border-color);
            cursor: pointer;
            transition: var(--transition);
            text-align: center;
        }
       
        .recent-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }
       
        .recent-title {
            font-weight: 600;
             font-size: 13px;
             font-size: 13px;
            color: var(--dark-color);
         }
         }
          
          
         .recent-category {
         .breadcrumb a {
            font-size: 11px;
             color: #3e6f73;
             color: #6c757d;
             text-decoration: none;
             margin-top: 4px;
         }
         }
          
          
         .empty-recent {
         .breadcrumb a:hover {
             text-align: center;
             text-decoration: underline;
            color: #6c757d;
            padding: 15px;
            font-style: italic;
            width: 100%;
        }
       
        .loading-bar {
            height: 3px;
            background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
            width: 0%;
            transition: width 0.4s ease;
            position: absolute;
            top: 0;
            right: 0;
         }
         }
          
          
         @media (max-width: 768px) {
         @media (max-width: 768px) {
            body {
                padding: 5px;
            }
            .container {
                padding: 10px;
            }
             .filter-row {
             .filter-row {
                 flex-direction: column;
                 flex-direction: column;
             }
             }
             .content-section {
           
                 height: 400px;
             .content-frame {
                 height: calc(100vh - 280px);
                min-height: 350px;
             }
             }
           
             .action-buttons {
             .action-buttons {
                 flex-direction: column;
                 flex-direction: column;
             }
             }
           
             .wiki-link, .site-link, .view-link {
             .wiki-link, .site-link, .view-link {
                 width: 100%;
                 width: 100%;
             }
             }
             .stats-bar {
              
                flex-direction: column;
                gap: 8px;
            }
             .content-header {
             .content-header {
                 flex-direction: column;
                 flex-direction: column;
خط ۴۲۹: خط ۴۳۳:
                 align-items: flex-start;
                 align-items: flex-start;
             }
             }
           
             .content-controls {
             .content-controls {
                 width: 100%;
                 width: 100%;
                 justify-content: space-between;
                 justify-content: space-between;
             }
             }
             .recent-items {
           
                 flex-direction: column;
             .header {
                padding: 15px 10px;
            }
           
            h1 {
                font-size: 20px;
            }
           
            .description {
                 font-size: 12px;
             }
             }
             .recent-item {
           
                 min-width: auto;
             .content-list {
                 grid-template-columns: 1fr;
             }
             }
         }
         }
خط ۴۴۳: خط ۴۵۸:
</head>
</head>
<body>
<body>
    <!-- Breadcrumb Navigation -->
    <nav class="breadcrumb" aria-label="breadcrumb">
        <a href="https://www.pediabible.com">خانه</a> /
        <span>کتابخانه</span>
    </nav>
     <div class="container">
     <div class="container">
         <div class="header">
         <header class="header">
             <h1>کتابخانه پدیا بایبل</h1>
             <h1>کتابخانه پدیا بایبل</h1>
             <div class="description">
             <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 class="content-item">
                    <h3>منابع معتبر</h3>
                    <p>دسترسی به منابع معتبر و مورد تأیید مراجع دینی برای مطالعه و تحقیق</p>
                </div>
             </div>
             </div>
         </div>
         </section>
       
 
         <div class="stats-bar">
         <section class="filter-section" aria-label="فیلترهای جستجو">
            <div class="stat-item">
                <i class="fas fa-book"></i>
                <span>تعداد کتاب‌ها: <span class="stat-value" id="booksCount">4</span></span>
            </div>
            <div class="stat-item">
                <i class="fas fa-file-alt"></i>
                <span>تعداد مقالات: <span class="stat-value" id="articlesCount">4</span></span>
            </div>
            <div class="stat-item">
                <i class="fas fa-history"></i>
                <span>مطالب مطالعه شده: <span class="stat-value" id="readCount">0</span></span>
            </div>
        </div>
       
        <div class="filter-section">
             <div class="filter-row">
             <div class="filter-row">
                 <div class="form-group">
                 <div class="form-group">
                     <label for="categorySelect">دسته‌بندی:</label>
                     <label for="categorySelect"><i class="fas fa-folder"></i> دسته‌بندی:</label>
                     <select id="categorySelect">
                     <select id="categorySelect">
                         <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
                         <option value="">لطفاً دسته‌بندی انتخاب کنید</option>
خط ۴۷۹: خط ۵۰۷:
                  
                  
                 <div class="form-group">
                 <div class="form-group">
                     <label for="bookSelect">انتخاب محتوا:</label>
                     <label for="contentSelect"><i class="fas fa-book-open"></i> انتخاب محتوا:</label>
                    <div class="custom-select-container">
                    <select id="contentSelect" disabled>
                        <div class="custom-select" id="customSelectDisplay">
                        <option value="">ابتدا دسته‌بندی را انتخاب کنید</option>
                            <span>ابتدا دسته‌بندی را انتخاب کنید</span>
                     </select>
                            <i class="fas fa-chevron-down"></i>
                        </div>
                       
                        <div class="custom-select-dropdown" id="customDropdown">
                            <div class="search-box">
                                <input type="text" id="dropdownSearch" placeholder="جستجو در محتواها...">
                            </div>
                            <div class="options-container" id="optionsContainer">
                                <!-- محتواها اینجا نمایش داده خواهند شد -->
                            </div>
                        </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </section>
          
          
         <div class="content-section">
         <section class="content-frame" aria-label="محتوای مطالعه">
             <div class="content-header">
             <div class="content-header">
                 <div class="content-title" id="contentTitle">هیچ محتوایی انتخاب نشده است</div>
                 <div class="content-title" id="contentTitle">هیچ محتوایی انتخاب نشده است</div>
خط ۵۰۵: خط ۵۲۱:
                     <button class="control-btn" id="zoomOut"><i class="fas fa-search-minus"></i> کوچک‌نمایی</button>
                     <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="zoomIn"><i class="fas fa-search-plus"></i> بزرگ‌نمایی</button>
                     <button class="control-btn" id="refreshBtn"><i class="fas fa-redo"></i> بارگذاری مجدد</button>
                     <button class="control-btn" id="directView"><i class="fas fa-external-link-alt"></i> مشاهده مستقیم</button>
                 </div>
                 </div>
             </div>
             </div>
خط ۵۱۲: خط ۵۲۸:
                 <div class="iframe-placeholder" id="iframePlaceholder">
                 <div class="iframe-placeholder" id="iframePlaceholder">
                     <div>
                     <div>
                         <i class="fas fa-book-open" style="font-size: 2.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                         <i class="fas fa-book-open" style="font-size: 2rem; color: #6c757d; margin-bottom: 10px;"></i>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                         <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     </div>
                     </div>
                 </div>
                 </div>
                 <iframe id="contentFrame" class="clean-frame" src="about:blank" style="display: none;"></iframe>
                 <iframe id="contentFrame" class="clean-frame" src="about:blank" style="display: none;" title="محتوای مطالعه"></iframe>
             </div>
             </div>
             <div class="action-buttons">
             <div class="action-buttons">
                 <a id="siteLink" href="#" class="site-link" target="_blank" style="display: none;">
                 <a id="siteLink" href="#" class="site-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                     <i class="fas fa-external-link-alt"></i>
                     <i class="fas fa-home"></i>
                     مشاهده صفحه در سایت اصلی
                     مشاهده صفحه در سایت اصلی
                 </a>
                 </a>
                 <a id="wikiLink" href="#" class="wiki-link" target="_blank" style="display: none;">
                 <a id="wikiLink" href="#" class="wiki-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                     <i class="fab fa-wikipedia-w"></i>
                     <i class="fab fa-wikipedia-w"></i>
                     مشاهده صفحه کامل در ویکی
                     مشاهده صفحه کامل در ویکی
                 </a>
                 </a>
                 <a id="viewLink" href="#" class="view-link" target="_blank" style="display: none;">
                 <a id="viewLink" href="#" class="view-link" target="_blank" rel="noopener noreferrer" style="display: none;">
                     <i class="fas fa-eye"></i>
                     <i class="fas fa-eye"></i>
                     مشاهده صفحه
                     مشاهده صفحه
                 </a>
                 </a>
             </div>
             </div>
         </div>
         </section>
       
        <div class="recent-section">
            <div class="section-title">
                <i class="fas fa-history"></i>
                مطالب مطالعه شده اخیر
            </div>
            <div class="recent-items" id="recentItems">
                <div class="empty-recent">هیچ مطلبی اخیراً مطالعه نشده است</div>
            </div>
        </div>
     </div>
     </div>


     <script>
     <script>
        // داده‌های ساده
         const booksData = {
         const booksData = {
             'کتاب': [
             'کتاب': [
خط ۵۶۱: خط ۵۶۸:
         };
         };


         const elements = {
        // عناصر
            categorySelect: document.getElementById('categorySelect'),
         const categorySelect = document.getElementById('categorySelect');
            customSelectDisplay: document.getElementById('customSelectDisplay'),
        const contentSelect = document.getElementById('contentSelect');
            customDropdown: document.getElementById('customDropdown'),
        const contentFrame = document.getElementById('contentFrame');
            dropdownSearch: document.getElementById('dropdownSearch'),
        const iframePlaceholder = document.getElementById('iframePlaceholder');
            optionsContainer: document.getElementById('optionsContainer'),
        const wikiLink = document.getElementById('wikiLink');
            contentFrame: document.getElementById('contentFrame'),
        const siteLink = document.getElementById('siteLink');
            iframePlaceholder: document.getElementById('iframePlaceholder'),
        const viewLink = document.getElementById('viewLink');
            wikiLink: document.getElementById('wikiLink'),
        const contentTitle = document.getElementById('contentTitle');
            siteLink: document.getElementById('siteLink'),
        const zoomIn = document.getElementById('zoomIn');
            viewLink: document.getElementById('viewLink'),
        const zoomOut = document.getElementById('zoomOut');
            contentTitle: document.getElementById('contentTitle'),
        const directView = document.getElementById('directView');
            booksCount: document.getElementById('booksCount'),
        const loadingBar = document.getElementById('loadingBar');
            articlesCount: document.getElementById('articlesCount'),
            readCount: document.getElementById('readCount'),
            zoomIn: document.getElementById('zoomIn'),
            zoomOut: document.getElementById('zoomOut'),
            refreshBtn: document.getElementById('refreshBtn'),
            loadingBar: document.getElementById('loadingBar'),
            recentItems: document.getElementById('recentItems')
        };


        let currentCategory = '';
        let currentSelection = { value: '', text: '' };
         let currentZoom = 100;
         let currentZoom = 100;
         let readItems = JSON.parse(localStorage.getItem('readItems')) || [];
         let currentContent = '';


         function init() {
         // وقتی دسته‌بندی تغییر کرد
            updateStats();
         categorySelect.addEventListener('change', function() {
            updateRecentItems();
            const selectedCategory = this.value;
            setupEventListeners();
              
         }
             if (!selectedCategory) {
 
                 contentSelect.disabled = true;
        function setupEventListeners() {
                 contentSelect.innerHTML = '<option value="">ابتدا دسته‌بندی را انتخاب کنید</option>';
            elements.categorySelect.addEventListener('change', function() {
                resetContent();
                currentCategory = this.value;
                updateBookList();
             });
 
             elements.customSelectDisplay.addEventListener('click', function(e) {
                e.stopPropagation();
                if (!currentCategory) {
                    alert('لطفاً ابتدا یک دسته‌بندی انتخاب کنید');
                    return;
                 }
                toggleDropdown();
            });
 
            document.addEventListener('click', function() {
                elements.customDropdown.classList.remove('show');
                elements.customSelectDisplay.classList.remove('active');
            });
 
            elements.customDropdown.addEventListener('click', function(e) {
                e.stopPropagation();
            });
 
            elements.dropdownSearch.addEventListener('input', function() {
                populateDropdownOptions(this.value);
            });
 
            elements.zoomIn.addEventListener('click', () => {
                if (currentZoom < 150) {
                    currentZoom += 10;
                    applyZoom();
                }
            });
 
            elements.zoomOut.addEventListener('click', () => {
                if (currentZoom > 50) {
                    currentZoom -= 10;
                    applyZoom();
                }
            });
 
            elements.refreshBtn.addEventListener('click', () => {
                if (currentSelection.value) {
                    showContent(currentSelection.value, currentSelection.text);
                }
            });
        }
 
        function updateStats() {
            elements.booksCount.textContent = booksData['کتاب'].length;
            elements.articlesCount.textContent = booksData['مقاله'].length;
            elements.readCount.textContent = readItems.length;
        }
 
        function updateRecentItems() {
            if (readItems.length === 0) {
                 elements.recentItems.innerHTML = '<div class="empty-recent">هیچ مطلبی اخیراً مطالعه نشده است</div>';
                 return;
                 return;
             }
             }
              
              
             elements.recentItems.innerHTML = '';
             // پر کردن لیست محتواها
            const recentToShow = readItems.slice(-5).reverse();
            contentSelect.disabled = false;
            contentSelect.innerHTML = '<option value="">لطفاً محتوا انتخاب کنید</option>';
              
              
             recentToShow.forEach(item => {
             booksData[selectedCategory].forEach(item => {
                 const recentItem = document.createElement('div');
                 const option = document.createElement('option');
                 recentItem.className = 'recent-item';
                 option.value = item.value;
                recentItem.innerHTML = `
                option.textContent = item.text;
                    <div class="recent-title">${item.text}</div>
                 contentSelect.appendChild(option);
                    <div class="recent-category">${item.category}</div>
                `;
               
                recentItem.addEventListener('click', () => {
                    currentCategory = item.category;
                    elements.categorySelect.value = currentCategory;
                    currentSelection = { value: item.value, text: item.text };
                    elements.customSelectDisplay.innerHTML = `<span>${item.text}</span><i class="fas fa-chevron-down"></i>`;
                    showContent(item.value, item.text);
                });
                  
                elements.recentItems.appendChild(recentItem);
             });
             });
         }
           
            resetContent();
         });


         function toggleDropdown() {
         // وقتی محتوا تغییر کرد
            const isOpen = elements.customDropdown.classList.contains('show');
        contentSelect.addEventListener('change', function() {
            if (!isOpen) {
             const selectedValue = this.value;
                elements.customDropdown.classList.add('show');
             const selectedText = this.options[this.selectedIndex].text;
                elements.customSelectDisplay.classList.add('active');
              
                populateDropdownOptions();
             if (!selectedValue) {
                elements.dropdownSearch.value = '';
                setTimeout(() => elements.dropdownSearch.focus(), 100);
            } else {
                elements.customDropdown.classList.remove('show');
                elements.customSelectDisplay.classList.remove('active');
            }
        }
 
        function populateDropdownOptions(searchTerm = '') {
            if (!currentCategory || !booksData[currentCategory]) {
                elements.optionsContainer.innerHTML = '<div class="option-item" style="color:#999;">دسته‌بندی نامعتبر است</div>';
                return;
            }
 
             const books = booksData[currentCategory];
            const searchLower = searchTerm.toLowerCase().trim();
            elements.optionsContainer.innerHTML = '';
 
             const filteredBooks = books.filter(book =>
                book.text.toLowerCase().includes(searchLower)
            );
 
            if (filteredBooks.length === 0) {
                const noResult = document.createElement('div');
                noResult.className = 'option-item';
                noResult.textContent = 'نتیجه‌ای یافت نشد';
                noResult.style.color = '#999';
                elements.optionsContainer.appendChild(noResult);
                return;
            }
 
            filteredBooks.forEach(book => {
                const optionItem = document.createElement('div');
                optionItem.className = 'option-item';
                optionItem.textContent = book.text;
                optionItem.dataset.value = book.value;
                optionItem.dataset.text = book.text;
 
                if (book.value === currentSelection.value) {
                    optionItem.classList.add('selected');
                }
 
                optionItem.addEventListener('click', () => {
                    const value = optionItem.dataset.value;
                    const text = optionItem.dataset.text;
 
                    currentSelection = { value, text };
                    elements.customSelectDisplay.innerHTML = `<span>${text}</span><i class="fas fa-chevron-down"></i>`;
                    elements.customSelectDisplay.style.color = '#333';
 
                    elements.customDropdown.classList.remove('show');
                    elements.customSelectDisplay.classList.remove('active');
 
                    showContent(value, text);
                });
 
                elements.optionsContainer.appendChild(optionItem);
             });
        }
 
        function updateBookList() {
             if (!currentCategory) {
                elements.customSelectDisplay.innerHTML = '<span>ابتدا دسته‌بندی را انتخاب کنید</span><i class="fas fa-chevron-down"></i>';
                elements.customSelectDisplay.style.color = '#6c757d';
                 resetContent();
                 resetContent();
                elements.optionsContainer.innerHTML = '';
                 return;
                 return;
             }
             }
           
            currentContent = selectedValue;
            showContent(selectedValue, selectedText);
        });


            elements.customSelectDisplay.innerHTML = '<span>لطفاً محتوا انتخاب کنید</span><i class="fas fa-chevron-down"></i>';
        // نمایش محتوا
            elements.customSelectDisplay.style.color = '#333';
            resetContent();
            // مهم: لیست را همین‌جا پر کن تا هنگام باز شدن آماده باشد
            populateDropdownOptions();
        }
 
         function showContent(bookValue, bookText) {
         function showContent(bookValue, bookText) {
            if (!bookValue || !bookText) {
             const contentUrl = `https://www.pediabible.com/index.php/${bookValue}?action=render`;
                resetContent();
             const wikiUrl = `https://www.pediabible.com/index.php/${bookValue}`;
                return;
             const siteUrl = `https://www.pediabible.com/index.php/${bookValue}`;
            }
           
 
             contentTitle.textContent = bookText;
             const newItem = { value: bookValue, text: bookText, category: currentCategory };
              
            if (!readItems.some(item => item.value === bookValue && item.category === currentCategory)) {
            // نمایش loading
                readItems.push(newItem);
            contentFrame.style.display = 'none';
                localStorage.setItem('readItems', JSON.stringify(readItems));
             iframePlaceholder.style.display = 'flex';
                updateStats();
             iframePlaceholder.innerHTML = `
                updateRecentItems();
            }
 
            // ✅ URL بدون فاصله اضافه
            const baseUrl = 'https://www.pediabible.com/index.php/';
            const contentUrl = `${baseUrl}${bookValue}?action=render`;
             const wikiUrl = `${baseUrl}${bookValue}`;
             const siteUrl = `${baseUrl}${bookValue}`;
 
             elements.contentTitle.textContent = bookText;
             elements.contentFrame.style.display = 'none';
             elements.iframePlaceholder.style.display = 'flex';
             elements.iframePlaceholder.innerHTML = `
                 <div>
                 <div>
                     <i class="fas fa-spinner fa-spin" style="font-size: 2.5rem; color: #2c5530; margin-bottom: 10px;"></i>
                     <i class="fas fa-spinner fa-spin" style="font-size: 1.5rem; color: #3e6f73; margin-bottom: 10px;"></i>
                     <p>در حال بارگذاری "${bookText}"...</p>
                     <p>در حال بارگذاری "${bookText}"...</p>
                 </div>
                 </div>
             `;
             `;
 
           
            // نوار پیشرفت
             let progress = 0;
             let progress = 0;
             const progressInterval = setInterval(() => {
             const progressInterval = setInterval(() => {
                 progress += Math.random() * 15;
                 progress += Math.random() * 15;
                 if (progress > 90) progress = 90;
                 if (progress > 90) progress = 90;
                 elements.loadingBar.style.width = `${progress}%`;
                 loadingBar.style.width = `${progress}%`;
             }, 200);
             }, 200);
 
           
             elements.contentFrame.src = contentUrl;
            // بارگذاری محتوا
 
             contentFrame.src = contentUrl;
             elements.contentFrame.onload = function() {
           
             contentFrame.onload = function() {
                 clearInterval(progressInterval);
                 clearInterval(progressInterval);
                 elements.loadingBar.style.width = '100%';
                 loadingBar.style.width = '100%';
                 setTimeout(() => elements.loadingBar.style.width = '0%', 500);
                 setTimeout(() => {
                 elements.contentFrame.style.display = 'block';
                    loadingBar.style.width = '0%';
                 elements.iframePlaceholder.style.display = 'none';
                }, 500);
                  
                contentFrame.style.display = 'block';
                 iframePlaceholder.style.display = 'none';
                 applyZoom();
                 applyZoom();
             };
             };
 
           
             elements.contentFrame.onerror = function() {
             contentFrame.onerror = function() {
                 clearInterval(progressInterval);
                 clearInterval(progressInterval);
                 elements.loadingBar.style.width = '0%';
                 loadingBar.style.width = '0%';
                 elements.iframePlaceholder.style.display = 'flex';
                 iframePlaceholder.style.display = 'flex';
                 elements.iframePlaceholder.innerHTML = `
                 iframePlaceholder.innerHTML = `
                     <div>
                     <div>
                         <i class="fas fa-exclamation-triangle" style="font-size: 2.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                         <i class="fas fa-exclamation-triangle" style="font-size: 1.5rem; color: #dc3545; margin-bottom: 10px;"></i>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                         <p>خطا در بارگذاری "${bookText}". لطفاً دوباره تلاش کنید.</p>
                     </div>
                     </div>
                 `;
                 `;
                 elements.contentFrame.style.display = 'none';
                 contentFrame.style.display = 'none';
             };
             };
           
            // به‌روزرسانی لینک‌ها
            wikiLink.href = wikiUrl;
            wikiLink.style.display = 'flex';
           
            siteLink.href = siteUrl;
            siteLink.style.display = 'flex';
           
            viewLink.href = contentUrl;
            viewLink.style.display = 'flex';
        }


            elements.wikiLink.href = wikiUrl;
        // مشاهده مستقیم
            elements.wikiLink.style.display = 'flex';
        directView.addEventListener('click', function() {
             elements.siteLink.href = siteUrl;
             if (currentContent) {
            elements.siteLink.style.display = 'flex';
                const directUrl = `https://www.pediabible.com/index.php/${currentContent}`;
             elements.viewLink.href = contentUrl;
                window.open(directUrl, '_blank', 'noopener,noreferrer');
             elements.viewLink.style.display = 'flex';
             }
        });
 
        // کنترل بزرگ‌نمایی
        function applyZoom() {
             contentFrame.style.zoom = `${currentZoom}%`;
         }
         }
        zoomIn.addEventListener('click', function() {
            if (currentZoom < 150) {
                currentZoom += 10;
                applyZoom();
            }
        });
        zoomOut.addEventListener('click', function() {
            if (currentZoom > 50) {
                currentZoom -= 10;
                applyZoom();
            }
        });


         function resetContent() {
         function resetContent() {
             currentSelection = { value: '', text: '' };
             currentContent = '';
             elements.contentTitle.textContent = 'هیچ محتوایی انتخاب نشده است';
             contentTitle.textContent = 'هیچ محتوایی انتخاب نشده است';
             elements.contentFrame.style.display = 'none';
             contentFrame.style.display = 'none';
             elements.iframePlaceholder.style.display = 'flex';
             iframePlaceholder.style.display = 'flex';
             elements.iframePlaceholder.innerHTML = `
             iframePlaceholder.innerHTML = `
                 <div>
                 <div>
                     <i class="fas fa-book-open" style="font-size: 2.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                     <i class="fas fa-book-open" style="font-size: 1.5rem; color: #6c757d; margin-bottom: 10px;"></i>
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                     <p>لطفاً یک کتاب یا مقاله از لیست انتخاب کنید</p>
                 </div>
                 </div>
             `;
             `;
             elements.wikiLink.style.display = 'none';
             wikiLink.style.display = 'none';
             elements.siteLink.style.display = 'none';
             siteLink.style.display = 'none';
             elements.viewLink.style.display = 'none';
             viewLink.style.display = 'none';
             elements.contentFrame.src = 'about:blank';
             contentFrame.src = 'about:blank';
        }
             loadingBar.style.width = '0%';
 
        function applyZoom() {
             elements.contentFrame.style.zoom = `${currentZoom}%`;
         }
         }
        init();
     </script>
     </script>
</body>
</body>
</html>
</html>

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

کتابخانه پدیا بایبل - مطالعه آنلاین کتاب‌ها و مقالات مذهبی | پدیا بایبل

کتابخانه پدیا بایبل

مطالعه آنلاین کتاب‌ها و مقالات مذهبی شامل کتاب‌های مقدس و مقالات تخصصی

کتابخانه جامع منابع مذهبی

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

کتاب‌های مقدس

مطالعه کتاب‌های مقدس از جمله عیسی، انجیل متی، مزامیر، پیدایش و دیگر متون مذهبی با ترجمه‌های معتبر

مقالات تخصصی

مقالات متعدد درباره موضوعات مذهبی مانند مسیح، تثلیث، نجات، روح القدس و دیگر مفاهیم دینی

مطالعه آنلاین

امکان مطالعه تمامی منابع به صورت آنلاین با قابلیت‌های پیشرفته مانند بزرگ‌نمایی و مشاهده مستقیم

منابع معتبر

دسترسی به منابع معتبر و مورد تأیید مراجع دینی برای مطالعه و تحقیق

هیچ محتوایی انتخاب نشده است

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

برگرفته از «https://www.pediabible.com/index.php?title=تست&oldid=4435»