کتاب مقدس آنلاین: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۳۴: | خط ۳۴: | ||
max-width: 1200px; | max-width: 1200px; | ||
margin: 0 auto; | margin: 0 auto; | ||
padding: 15px; | padding: 10px 15px; | ||
} | } | ||
header { | header { | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 20px; | ||
padding: | padding: 15px 0 10px 0; | ||
border-bottom: 2px solid var(--border-color); | border-bottom: 2px solid var(--border-color); | ||
background: linear-gradient(to bottom, #f9f6f2, #f0e6d6); | background: linear-gradient(to bottom, #f9f6f2, #f0e6d6); | ||
border-radius: 8px; | border-radius: 8px; | ||
box-shadow: 0 | box-shadow: 0 2px 8px rgba(0,0,0,0.1); | ||
} | } | ||
. | .breadcrumb { | ||
display: flex; | display: flex; | ||
justify-content: center; | |||
align-items: center; | align-items: center; | ||
gap: | gap: 8px; | ||
transition: | margin-bottom: 12px; | ||
font-size: 0.9rem; | |||
color: var(--dark-color); | |||
} | |||
.breadcrumb-home { | |||
color: var(--accent-color); | |||
text-decoration: none; | |||
transition: color 0.3s; | |||
} | |||
.breadcrumb-home:hover { | |||
color: var(--primary-color); | |||
text-decoration: underline; | |||
} | |||
.breadcrumb-separator { | |||
color: var(--border-color); | |||
} | } | ||
. | .breadcrumb-current { | ||
color: var(--primary-color); | |||
font-weight: bold; | |||
} | } | ||
h1 { | h1 { | ||
color: var(--primary-color); | color: var(--primary-color); | ||
margin-bottom: | margin-bottom: 8px; | ||
font-size: | font-size: 1.8rem; | ||
text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | ||
} | } | ||
| خط ۷۸: | خط ۸۶: | ||
.description { | .description { | ||
color: var(--accent-color); | color: var(--accent-color); | ||
font-size: | font-size: 0.95rem; | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
| خط ۲۴۸: | خط ۲۵۶: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.container { | .container { | ||
padding: 10px; | padding: 8px 10px; | ||
} | } | ||
header { | header { | ||
margin-bottom: | margin-bottom: 15px; | ||
padding: | padding: 12px 0 8px 0; | ||
} | } | ||
. | .breadcrumb { | ||
font-size: 0.85rem; | |||
margin-bottom: 10px; | margin-bottom: 10px; | ||
} | } | ||
h1 { | h1 { | ||
font-size: 1. | font-size: 1.5rem; | ||
margin-bottom: | margin-bottom: 6px; | ||
} | } | ||
.description { | .description { | ||
font-size: | font-size: 0.9rem; | ||
} | } | ||
| خط ۳۳۷: | خط ۳۴۱: | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
color: var(--border-color); | color: var(--border-color); | ||
} | } | ||
| خط ۳۵۵: | خط ۳۵۳: | ||
<div class="container"> | <div class="container"> | ||
<header> | <header> | ||
<a href="https://www.pediabible.com" class="home | <nav class="breadcrumb"> | ||
< | <a href="https://www.pediabible.com" class="breadcrumb-home">خانه</a> | ||
<span class="breadcrumb-separator">/</span> | |||
<span class="breadcrumb-current">کتاب مقدس</span> | |||
</nav> | |||
< | <h1>کتاب مقدس</h1> | ||
</ | |||
<h1>کتاب مقدس | |||
<p class="description">مطالعه کتاب مقدس با ترجمههای مختلف</p> | <p class="description">مطالعه کتاب مقدس با ترجمههای مختلف</p> | ||
</header> | </header> | ||
| خط ۳۷۲: | خط ۳۶۸: | ||
<script> | <script> | ||
// کد JavaScript قبلی بدون تغییر باقی میماند | |||
// 🔒 سیستم حفاظتی - بررسی دامنه مجاز | // 🔒 سیستم حفاظتی - بررسی دامنه مجاز | ||
const ALLOWED_DOMAINS = [ | const ALLOWED_DOMAINS = [ | ||
'pediabible.com', | 'pediabible.com', | ||
'www.pediabible.com', | 'www.pediabible.com', | ||
'localhost', | 'localhost', | ||
'127.0.0.1' | '127.0.0.1' | ||
]; | ]; | ||
function isDomainAllowed() { | function isDomainAllowed() { | ||
const currentDomain = window.location.hostname; | const currentDomain = window.location.hostname; | ||
return ALLOWED_DOMAINS.some(domain => | |||
currentDomain === domain || | currentDomain === domain || | ||
currentDomain.endsWith('.' + domain) | currentDomain.endsWith('.' + domain) | ||
); | ); | ||
} | } | ||
function showAccessDenied() { | function showAccessDenied() { | ||
const wrapper = document.getElementById('content-wrapper'); | const wrapper = document.getElementById('content-wrapper'); | ||
| خط ۴۱۰: | خط ۳۹۷: | ||
} | } | ||
function loadApplication() { | function loadApplication() { | ||
if (!isDomainAllowed()) { | if (!isDomainAllowed()) { | ||
| خط ۴۱۶: | خط ۴۰۲: | ||
return; | return; | ||
} | } | ||
initializeBibleApp(); | |||
} | |||
// اگر دامنه مجاز باشد، برنامه اصلی بارگذاری میشود | // اگر دامنه مجاز باشد، برنامه اصلی بارگذاری میشود | ||