حمایت: تفاوت میان نسخهها
ظاهر
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
خط ۶: | خط ۶: | ||
<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> | ||
* { | * { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
خط ۱۳: | خط ۱۲: | ||
font-family: 'Tahoma', 'Arial', sans-serif; | font-family: 'Tahoma', 'Arial', sans-serif; | ||
} | } | ||
body { | body { | ||
padding: 0; | padding: 0; | ||
خط ۲۰: | خط ۱۸: | ||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
.container { | .container { | ||
max-width: 500px; | max-width: 500px; | ||
خط ۲۹: | خط ۲۶: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.header { | .header { | ||
background: linear-gradient(135deg, #6a89cc 0%, #4a69bd 100%); | background: linear-gradient(135deg, #6a89cc 0%, #4a69bd 100%); | ||
خط ۳۶: | خط ۳۲: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.header h1 { | .header h1 { | ||
font-size: 24px; | font-size: 24px; | ||
خط ۴۲: | خط ۳۷: | ||
color: white; | color: white; | ||
} | } | ||
.header p { | .header p { | ||
font-size: 16px; | font-size: 16px; | ||
خط ۴۸: | خط ۴۲: | ||
color: white; | color: white; | ||
} | } | ||
.form-container { | .form-container { | ||
padding: 25px; | padding: 25px; | ||
} | } | ||
.form-group { | .form-group { | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
.form-group label { | .form-group label { | ||
display: block; | display: block; | ||
خط ۶۳: | خط ۵۴: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.form-group input, | .form-group input, | ||
.form-group textarea, | .form-group textarea, | ||
خط ۷۴: | خط ۶۴: | ||
transition: border-color 0.3s; | transition: border-color 0.3s; | ||
} | } | ||
.form-group input:focus, | .form-group input:focus, | ||
.form-group textarea:focus, | .form-group textarea:focus, | ||
خط ۸۱: | خط ۷۰: | ||
outline: none; | outline: none; | ||
} | } | ||
.required::after { | .required::after { | ||
content: " *"; | content: " *"; | ||
color: #e74c3c; | color: #e74c3c; | ||
} | } | ||
.captcha-container { | .captcha-container { | ||
display: flex; | display: flex; | ||
خط ۹۶: | خط ۸۳: | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
} | } | ||
.captcha-container input { | .captcha-container input { | ||
margin-left: 10px; | margin-left: 10px; | ||
transform: scale(1.5); | transform: scale(1.5); | ||
} | } | ||
.captcha-container label { | .captcha-container label { | ||
color: #555; | color: #555; | ||
خط ۱۰۷: | خط ۹۲: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.note { | .note { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
خط ۱۱۷: | خط ۱۰۱: | ||
color: #555; | color: #555; | ||
} | } | ||
.btn { | .btn { | ||
width: 100%; | width: 100%; | ||
خط ۱۳۰: | خط ۱۱۳: | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | } | ||
.btn:disabled { | .btn:disabled { | ||
background: #ccc; | background: #ccc; | ||
خط ۱۳۷: | خط ۱۱۹: | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
.btn:hover:not(:disabled) { | .btn:hover:not(:disabled) { | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); | ||
} | } | ||
.contact-info { | .contact-info { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
خط ۱۴۹: | خط ۱۲۹: | ||
border-top: 1px solid #eee; | border-top: 1px solid #eee; | ||
} | } | ||
.contact-info h3 { | .contact-info h3 { | ||
color: #444; | color: #444; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | } | ||
.email-link { | .email-link { | ||
display: inline-block; | display: inline-block; | ||
خط ۱۶۶: | خط ۱۴۴: | ||
transition: all 0.3s; | transition: all 0.3s; | ||
} | } | ||
.email-link:hover { | .email-link:hover { | ||
background: #4a69bd; | background: #4a69bd; | ||
transform: translateY(-2px); | transform: translateY(-2px); | ||
} | } | ||
.footer { | .footer { | ||
text-align: center; | text-align: center; | ||
خط ۱۷۹: | خط ۱۵۵: | ||
background: #f1f2f6; | background: #f1f2f6; | ||
} | } | ||
@media (max-width: 600px) { | @media (max-width: 600px) { | ||
.container { | .container { | ||
خط ۱۸۵: | خط ۱۶۰: | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
.header { | .header { | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
.header h1 { | .header h1 { | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
.form-container { | .form-container { | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
.btn { | .btn { | ||
padding: 12px; | padding: 12px; | ||
خط ۲۱۲: | خط ۱۸۳: | ||
<h1>📖 حمایت شما در پیشبرد دانشنامه کتاب مقدس بسیار ارزشمند است </h1> | <h1>📖 حمایت شما در پیشبرد دانشنامه کتاب مقدس بسیار ارزشمند است </h1> | ||
<p> | <p> | ||
دانشنامه کتاب مقدس یک خدمت غیرانتفاعی و مستقل است؛ وابسته به هیچ سازمان یا کلیسا نیست و با محوریت کتاب مقدس و هدایت خادمین به آموزش، پژوهش و آشکارسازی آموزههای مسیحیت میپردازد. | |||
این دانشنامه، در کنار تکمیل واژهنامه تخصصی کتاب مقدس، پروژههای آموزشی و پژوهشی متعددی را برای ایمانداران، دانشجویان و معلمان فراهم میآورد و به عنوان اولین مرجع الاهیاتی و تخصصی در دنیای مسیحیت پارسیزبان شناخته میشود. | |||
</p> | </p> | ||
</div> | </div> | ||
خط ۲۳۲: | خط ۱۹۴: | ||
<input type="text" id="userName" placeholder="نام خود را وارد کنید"> | <input type="text" id="userName" placeholder="نام خود را وارد کنید"> | ||
</div> | </div> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="userCountry" class="required">کشور</label> | <label for="userCountry" class="required">کشور</label> | ||
<input type="text" id="userCountry" placeholder="کشور خود را وارد کنید"> | <input type="text" id="userCountry" placeholder="کشور خود را وارد کنید"> | ||
</div> | </div> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="donationAmount" class="required">مبلغ هدیهای که در قلبتان است</label> | <label for="donationAmount" class="required">مبلغ هدیهای که در قلبتان است</label> | ||
<input type="number" id="donationAmount" placeholder="مبلغ به ریال یا دلار"> | <input type="number" id="donationAmount" placeholder="مبلغ به ریال یا دلار"> | ||
</div> | </div> | ||
<div class="form-group"> | <div class="form-group"> | ||
<label for="monthlySupport">آیا میخواهید این حمایت ماهیانه باشد؟</label> | <label for="monthlySupport">آیا میخواهید این حمایت ماهیانه باشد؟</label> | ||
خط ۲۵۰: | خط ۲۰۹: | ||
</select> | </select> | ||
</div> | </div> | ||
<!-- 🔹 فیلد جدید برای راه ارتباطی --> | |||
<div class="form-group"> | |||
<label for="userContact" class="required">راه ارتباطی شما (ایمیل یا تلگرام)</label> | |||
<input type="text" id="userContact" placeholder="ایمیل یا آیدی تلگرام خود را وارد کنید"> | |||
</div> | |||
<div class="captcha-container"> | <div class="captcha-container"> | ||
<input type="checkbox" id="notRobot"> | <input type="checkbox" id="notRobot"> | ||
<label for="notRobot">من ربات نیستم</label> | <label for="notRobot">من ربات نیستم</label> | ||
</div> | </div> | ||
<button class="btn" id="submitBtn" onclick="sendEmail()" disabled> | <button class="btn" id="submitBtn" onclick="sendEmail()" disabled> | ||
<i class="fas fa-paper-plane"></i> ارسال پیام جهت حمایت | <i class="fas fa-paper-plane"></i> ارسال پیام جهت حمایت | ||
خط ۲۶۲: | خط ۲۲۴: | ||
<div class="contact-info"> | <div class="contact-info"> | ||
<h3><i class="fas fa-headset"></i> | <h3><i class="fas fa-headset"></i> راههای ارتباطی</h3> | ||
<a href="mailto:info@pediabible.com" class="email-link"> | <a href="mailto:info@pediabible.com" class="email-link"> | ||
<i class="fas fa-envelope"></i> info@pediabible.com | <i class="fas fa-envelope"></i> info@pediabible.com | ||
خط ۲۸۰: | خط ۲۴۲: | ||
let amount = document.getElementById('donationAmount').value; | let amount = document.getElementById('donationAmount').value; | ||
let monthly = document.getElementById('monthlySupport').value; | let monthly = document.getElementById('monthlySupport').value; | ||
let contact = document.getElementById('userContact').value; | |||
let notRobot = document.getElementById('notRobot').checked; | let notRobot = document.getElementById('notRobot').checked; | ||
if (!name || !country || !amount) { | if (!name || !country || !amount || !contact) { | ||
alert('لطفاً نام، | alert('لطفاً نام، کشور، مبلغ هدیه و راه ارتباطی خود را وارد کنید'); | ||
return; | return; | ||
} | } | ||
خط ۲۹۴: | خط ۲۵۷: | ||
let subject = `حمایت مالی جدید از ${name}`; | let subject = `حمایت مالی جدید از ${name}`; | ||
let body = `حمایت مالی جدید از طریق سایت دانشنامه کتاب مقدس:\n\n`; | let body = `حمایت مالی جدید از طریق سایت دانشنامه کتاب مقدس:\n\n`; | ||
body += `نام: ${name}\nکشور: ${country}\nمبلغ هدیه: ${amount}\nآیا ماهانه: ${monthly}\n\n`; | body += `نام: ${name}\nکشور: ${country}\nمبلغ هدیه: ${amount}\nآیا ماهانه: ${monthly}\nراه ارتباطی: ${contact}\n\n`; | ||
body += `تاریخ: ${new Date().toLocaleString('fa-IR')}\n\n`; | body += `تاریخ: ${new Date().toLocaleString('fa-IR')}\n\n`; | ||
body += `_________________________________________\ | body += `_________________________________________\nبا شما در اسرع وقت ارتباط خواهیم گرفت.`; | ||
window.location.href = `mailto:info@pediabible.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; | window.location.href = `mailto:info@pediabible.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`; | ||
alert('پیام حمایت شما با موفقیت ارسال | alert('پیام حمایت شما با موفقیت ارسال شد، با شما ارتباط خواهیم گرفت.'); | ||
document.getElementById('userName').value = ''; | document.getElementById('userName').value = ''; | ||
خط ۳۰۵: | خط ۲۶۸: | ||
document.getElementById('donationAmount').value = ''; | document.getElementById('donationAmount').value = ''; | ||
document.getElementById('monthlySupport').value = 'no'; | document.getElementById('monthlySupport').value = 'no'; | ||
document.getElementById('userContact').value = ''; | |||
document.getElementById('notRobot').checked = false; | document.getElementById('notRobot').checked = false; | ||
document.getElementById('submitBtn').disabled = true; | document.getElementById('submitBtn').disabled = true; |
نسخهٔ ۱۵ سپتامبر ۲۰۲۵، ساعت ۲۰:۲۱
📖 حمایت شما در پیشبرد دانشنامه کتاب مقدس بسیار ارزشمند است
دانشنامه کتاب مقدس یک خدمت غیرانتفاعی و مستقل است؛ وابسته به هیچ سازمان یا کلیسا نیست و با محوریت کتاب مقدس و هدایت خادمین به آموزش، پژوهش و آشکارسازی آموزههای مسیحیت میپردازد. این دانشنامه، در کنار تکمیل واژهنامه تخصصی کتاب مقدس، پروژههای آموزشی و پژوهشی متعددی را برای ایمانداران، دانشجویان و معلمان فراهم میآورد و به عنوان اولین مرجع الاهیاتی و تخصصی در دنیای مسیحیت پارسیزبان شناخته میشود.