پرش به محتوا

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

از دانشنامه کتاب مقدس
→ تفاوت با ویرایش قدیمی‌ترتفاوت با ویرایش جدیدتر ←
دیداریویکی‌متن
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<!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">
     <style>
     <style>
         * {
         body {
            font-family: Tahoma, Arial, sans-serif;
            background-color: #f6f6f6;
             margin: 0;
             margin: 0;
             padding: 0;
             padding: 20px;
            box-sizing: border-box;
             color: #333;
        }
       
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: #f8faf9;
             color: #3c6d71;
            line-height: 1.6;
            min-height: 100vh;
         }
         }
       
         .container {
         .container {
             max-width: 1400px;
             max-width: 1200px;
             margin: 0 auto;
             margin: 0 auto;
             padding: 40px 20px;
            background: white;
             padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
         }
         }
          
         h1 {
        /* حروف باستانی در کل صفحه اما با محدودیت */
             text-align: center;
        .ancient-letters-overlay {
             color: #2c3e50;
             position: fixed;
             margin-bottom: 30px;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.03;
            font-size: 100px;
            display: flex;
            justify-content: space-around;
            align-items: center;
             flex-wrap: wrap;
            padding: 50px;
             font-family: 'Times New Roman', serif;
            pointer-events: none;
            z-index: -1;
         }
         }
       
         .search-section {
         .letter {
             margin-bottom: 30px;
             margin: 15px 25px;
            padding: 20px;
             color: #3c6d71;
             background: #f8f9fa;
             animation: float 10s ease-in-out infinite;
             border-radius: 8px;
            border: 1px solid #dee2e6;
         }
         }
       
         .form-group {
         .letter:nth-child(2n) {
             margin-bottom: 15px;
             animation-delay: 2s;
         }
         }
          
         label {
        .letter:nth-child(3n) {
            display: block;
             animation-delay: 4s;
            margin-bottom: 5px;
             font-weight: bold;
            color: #495057;
         }
         }
          
         select, input[type="text"] {
        @keyframes float {
             width: 100%;
             0%, 100% { transform: translateY(0px) rotate(0deg); }
            padding: 10px;
             50% { transform: translateY(-15px) rotate(3deg); }
            border: 1px solid #ced4da;
            border-radius: 4px;
            font-size: 16px;
             box-sizing: border-box;
         }
         }
          
         button {
        /* بخش باکس‌ها */
            background-color: #007bff;
        .boxes-section {
            color: white;
             position: relative;
            padding: 10px 20px;
             z-index: 1;
            border: none;
            border-radius: 4px;
             cursor: pointer;
             font-size: 16px;
            margin: 5px;
         }
         }
          
         button:hover {
        .section-title {
             background-color: #0056b3;
             text-align: center;
            font-size: 3rem;
            color: #3c6d71;
            margin-bottom: 60px;
            font-weight: 600;
         }
         }
       
         .button-group {
        /* گرید برای کامپیوتر - 3 ستون در 2 ردیف با فضای بیشتر */
             display: flex;
         .boxes-grid {
             justify-content: flex-start;
             display: grid;
             flex-wrap: wrap;
             grid-template-columns: repeat(3, 1fr);
             margin-top: 10px;
             grid-template-rows: repeat(2, auto);
             gap: 35px;
         }
         }
       
         .iframe-container {
         .box {
             margin-top: 20px;
             background: linear-gradient(135deg, #ffffff 0%, #f8fbfb 100%);
             border: 1px solid #dee2e6;
            border-radius: 20px;
             border-radius: 8px;
            padding: 40px 35px;
            text-align: center;
            box-shadow: 0 12px 40px rgba(60, 109, 113, 0.1);
             border: 2px solid #e8f0f1;
             transition: all 0.4s ease;
            position: relative;
             overflow: hidden;
             overflow: hidden;
         }
         }
          
         iframe {
        .box::before {
             width: 100%;
             content: '';
             height: 600px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 5px;
            background: linear-gradient(90deg, #3c6d71, #5a8d91, #7aadb1);
        }
       
        .box:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 50px rgba(60, 109, 113, 0.15);
            border-color: #d4e6e8;
        }
       
        .box-icon {
            font-size: 3.5rem;
            color: #3c6d71;
            margin-bottom: 25px;
        }
       
        .box-title {
            font-size: 1.8rem;
            color: #3c6d71;
            margin-bottom: 20px;
            font-weight: 600;
        }
       
        .box-description {
            color: #5a8d91;
            margin-bottom: 30px;
            line-height: 1.8;
            font-size: 1.1rem;
        }
       
        /* دکمه‌ها با تضمین رنگ سفید */
        .box-btn {
            display: inline-block;
            padding: 12px 35px;
            background: linear-gradient(135deg, #3c6d71 0%, #5a8d91 100%);
             color: white !important; /* استفاده از !important برای تضمین */
            text-decoration: none;
            border-radius: 8px;
            font-weight: 600; /* ضخیم‌تر برای خوانایی بهتر */
            transition: all 0.3s ease;
             border: none;
             border: none;
            cursor: pointer;
            font-size: 1.1rem;
            position: relative;
            z-index: 10;
         }
         }
       
         .help-text {
         .box-btn:hover {
             font-size: 14px;
             background: linear-gradient(135deg, #2a4d50 0%, #3c6d71 100%);
             color: #6c757d;
             transform: translateY(-3px);
             margin-top: 5px;
             box-shadow: 0 6px 20px rgba(60, 109, 113, 0.4);
            color: white !important; /* تضمین سفید در hover */
         }
         }
          
         .create-new {
        /* رسپانسیو برای تبلت - 2 ستون */
             background-color: #28a745;
        @media (max-width: 1200px) {
            .boxes-grid {
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: repeat(3, auto);
                gap: 30px;
            }
           
             .section-title {
                font-size: 2.5rem;
                margin-bottom: 50px;
            }
           
            .box {
                padding: 35px 30px;
            }
           
            .container {
                padding: 30px 20px;
            }
         }
         }
          
         .create-new:hover {
        /* رسپانسیو برای موبایل - 1 ستون */
             background-color: #218838;
        @media (max-width: 768px) {
            .boxes-grid {
                grid-template-columns: 1fr;
                grid-template-rows: repeat(6, auto);
                gap: 25px;
                max-width: 600px;
                margin: 0 auto;
            }
           
            .section-title {
                font-size: 2.2rem;
                margin-bottom: 40px;
            }
           
            .box {
                padding: 30px 25px;
            }
           
            .box-icon {
                font-size: 3rem;
            }
           
            .box-title {
                font-size: 1.6rem;
            }
           
            .ancient-letters-overlay {
                font-size: 70px;
                padding: 30px;
            }
           
            .container {
                padding: 25px 15px;
            }
        }
       
        /* برای موبایل‌های خیلی کوچک */
        @media (max-width: 480px) {
            .section-title {
                font-size: 1.8rem;
            }
           
            .box {
                padding: 25px 20px;
            }
           
            .box-btn {
                padding: 10px 25px;
                font-size: 1rem;
             }
           
            .ancient-letters-overlay {
                font-size: 50px;
            }
         }
         }
     </style>
     </style>
</head>
</head>
<body>
<body>
    <!-- حروف باستانی در کل صفحه -->
    <div class="ancient-letters-overlay">
        <span class="letter">α</span>
        <span class="letter">β</span>
        <span class="letter">γ</span>
        <span class="letter">δ</span>
        <span class="letter">א</span>
        <span class="letter">ב</span>
        <span class="letter">ג</span>
        <span class="letter">ד</span>
        <span class="letter">𐤀</span>
        <span class="letter">𐤁</span>
        <span class="letter">𐤂</span>
        <span class="letter">Δ</span>
        <span class="letter">Θ</span>
        <span class="letter">Λ</span>
        <span class="letter">Σ</span>
        <span class="letter">Ψ</span>
        <span class="letter">Ω</span>
    </div>
    <!-- محتوای اصلی -->
     <div class="container">
     <div class="container">
          <section class="boxes-section">
         <h1>کتابخانه پدیا بایبل</h1>
         <h2 class="section-title">
          
            دانشنامهٔ کتاب مقدس | مرجع تخصصی پژوهش و تحلیل زبانی، تاریخی و الاهیاتی کتاب مقدس برای پژوهشگران و ایمانداران
         <div class="search-section">
        </h2>
            <div class="form-group">
         <p style="font-size:16px; line-height:1.9; color:#333; text-align:justify; margin-top:10px;">
                <label for="bookSelect">انتخاب کتاب از لیست:</label>
    دانشنامه کتاب مقدس پایگاهی بی‌طرف و تخصصی است که با هدف تحلیل مفاهیم، شخصیت‌ها و متون کتاب مقدس بر پایهٔ منابع کتاب مقدسی، تاریخی و الاهیاتی معتبر تأسیس شده است.
                 <select id="bookSelect">
بخش واژه‌نامهٔ کتاب مقدس در این دانشنامه، به بررسی دقیق ریشه‌شناسی و معناشناسی واژگان کتاب مقدسی و تحلیل کاربرد آن‌ها در کتاب مقدس و الاهیات مسیحی می‌پردازد.
                     <option value="">-- لطفاً یک کتاب انتخاب کنید --</option>
         </p>
                     <option value="کتاب_اول">کتاب اول</option>
    </section>
                     <option value="کتاب_دوم">کتاب دوم</option>
            <div class="boxes-grid">
                     <option value="کتاب_سوم">کتاب سوم</option>
                <!-- باکس ۱ -->
                     <option value="انجیل">انجیل</option>
                <div class="box">
                     <option value="تورات">تورات</option>
                    <div class="box-icon">
                     <!-- می‌توانید کتاب‌های بیشتری به این لیست اضافه کنید -->
                        <i class="fas fa-book"></i>
                 </select>
                    </div>
            </div>
                    <h3 class="box-title">کتاب مقدس </h3>
           
                    <p class="box-description">
            <div class="form-group">
دسترسی به متن کامل ترجمه‌های پارسی کتاب مقدس، همراه با پیوند مستقیم هر واژه به مدخل مربوط در واژه‌نامهٔ دانشنامهٔ کتاب مقدس</p>
                <label for="bookSearch">یا جستجوی کتاب جدید:</label>
                    <a href="https://www.pediabible.com/index.php/کتاب_مقدس_آنلاین" class="box-btn">مشاهده</a>
                 <input type="text" id="bookSearch" placeholder="نام کتاب را وارد کنید...">
                </div>
                 <div class="help-text">اگر کتاب مورد نظر در لیست بالا نیست، نام آن را در اینجا وارد کنید</div>
 
            </div>
                 <!-- باکس ۲ -->
           
                <div class="box">
            <div class="button-group">
                     <div class="box-icon">
                <button id="showBook">نمایش کتاب</button>
                        <i class="fas fa-feather-alt"></i>
                <button id="createNew" class="create-new">ایجاد صفحه جدید</button>
                    </div>
                    <h3 class="box-title">نویسندگان و انتشارات</h3>
                     <p class="box-description">
                        در این بخش، مقالات و کتاب‌های هر نویسنده به زبان فارسی یا ترجمه شده در اختیار پژوهشگران و علاقه‌مندان قرار گرفته است. تمامی مطالب ارائه‌شده با اجازهٔ رسمی از نویسندگان _ انتشارات و تحت نظارت دانشنامهٔ کتاب مقدس منتشر می‌شوند.
                    </p>
                     <a href="https://www.pediabible.com/index.php/نویسندگان" class="box-btn">مطالعه </a>
                </div>
 
                <!-- باکس ۳ -->
                <div class="box">
                     <div class="box-icon">
                        <i class="fas fa-robot"></i>
                    </div>
                     <h3 class="box-title">دستیار پژوهش دانشنامه کتاب مقدس</h3>
                     <p class="box-description">
                        یک ابزار مجازی آنلاین، که پاسخ پرسش‌های شما درباره واژگان، شخصیت‌ها و مفاهیم کتاب مقدس را به‌صورت لحظه‌ای ارائه می‌دهد، با بهره‌گیری از هوش مصنوعی اختصاصی دانشنامه جستجو می‌شوند و این دستیار همواره در حال ارتقا و بهبود است.
                    </p>
                     <a href="https://www.pediabible.com/index.php/Ai-pediabible" class="box-btn">استفاده</a>
                </div>
 
                <!-- باکس ۴ -->
                 <div class="box">
                    <div class="box-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <h3 class="box-title">فایل آماده</h3>
                    <p class="box-description">
                        مجموعه‌ای از دفترچه‌های طراحی‌شده برای نظم، تمرکز و رشد شخصی و خدمت، که به‌صورت رایگان برای همه کاربران در دسترس است. این دفترچه‌ها ابزارهایی کاربردی برای مدیریت زمان، توسعه فردی و ارتقای زندگی معنوی و حرفه‌ای فراهم می‌کنند.
                    </p>
                    <a href="https://www.pediabible.com/index.php/دستیار" class="box-btn">مشاهده</a>
                </div>
 
                <!-- باکس 5-->
                 <div class="box">
                    <div class="box-icon">
                        <i class="fas fa-church"></i>
                    </div>
                    <h3 class="box-title">سازمان ها و رسانه های مسیحی</h3>
                    <p class="box-description">
                        صفحات سازمان‌ها، رسانه‌ها و خدمت‌های آنلاین مسیحی که در دانشنامه کتاب مقدس ثبت شده‌اند، به معرفی مأموریت، منابع و فعالیت‌های خادمانهٔ این مجموعه‌ها می‌پردازند. مسئولیت محتوای ارائه شده بر عهده خود سازمان‌ها و خادمان مربوطه است
                    </p>
                    <a href="https://www.pediabible.com/index.php/سازمان_ها" class="box-btn">مشاهده</a>
                 </div>
 
                <!-- باکس ۶ -->
                <div class="box">
                    <div class="box-icon">
                        <i class="fas fa-download"></i>
                    </div>
                    <h3 class="box-title">دانلود اپلیکیشن</h3>
                    <p class="box-description">
                        این وب‌اپلیکیشن پیش‌رونده دانشنامهٔ کتاب مقدس به کاربران امکان می‌دهد تا سایت را مانند یک اپلیکیشن روی گوشی، لپ تائ و کامپیوتر خود داشته باشند، این روش استفاده امن و به‌روز از دانشنامه کتاب مقدس را تضمین می‌کند
                    </p>
                    <a href="https://www.pediabible.com/index.php/APP" class="box-btn">مشاهده</a>
                </div>
             </div>
             </div>
         </section>
         </div>
       
        <div class="iframe-container">
            <iframe id="contentFrame" src="about:blank"></iframe>
        </div>
     </div>
     </div>


     <script>
     <script>
        // انیمیشن حروف
         document.addEventListener('DOMContentLoaded', function() {
         document.addEventListener('DOMContentLoaded', function() {
             const letters = document.querySelectorAll('.letter');
             const bookSelect = document.getElementById('bookSelect');
             letters.forEach((letter, index) => {
            const bookSearch = document.getElementById('bookSearch');
                 letter.style.animationDelay = `${index * 0.8}s`;
            const showBookBtn = document.getElementById('showBook');
             const createNewBtn = document.getElementById('createNew');
            const contentFrame = document.getElementById('contentFrame');
           
            // هنگام تغییر در select، مقدار جستجو را به روز می‌کند
            bookSelect.addEventListener('change', function() {
                if (this.value) {
                    bookSearch.value = this.options[this.selectedIndex].text;
                }
            });
           
            // هنگام تغییر در جستجو، select را ریست می‌کند
            bookSearch.addEventListener('input', function() {
                bookSelect.selectedIndex = 0;
            });
           
            // نمایش کتاب انتخاب شده
            showBookBtn.addEventListener('click', function() {
                 let bookName = bookSearch.value.trim();
                if (!bookName) {
                    bookName = bookSelect.value;
                }
               
                if (bookName) {
                    const encodedBookName = encodeURIComponent(bookName);
                    contentFrame.src = `https://www.pediabible.com/index.php/${encodedBookName}`;
                } else {
                    alert('لطفاً نام کتاب را انتخاب یا وارد کنید');
                }
            });
           
            // ایجاد صفحه جدید برای کتاب
            createNewBtn.addEventListener('click', function() {
                let bookName = bookSearch.value.trim();
                if (!bookName) {
                    alert('لطفاً نام کتاب را وارد کنید');
                    return;
                }
               
                const encodedBookName = encodeURIComponent(bookName);
                const newPageUrl = `https://www.pediabible.com/index.php/${encodedBookName}`;
               
                // باز کردن صفحه جدید در تب جدید
                window.open(newPageUrl, '_blank');
               
                // همچنین محتوای صفحه را در iframe نمایش می‌دهد
                contentFrame.src = newPageUrl;
             });
             });
         });
         });

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

<!DOCTYPE html> کتابخانه - پدیا بایبل

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

اگر کتاب مورد نظر در لیست بالا نیست، نام آن را در اینجا وارد کنید

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