192 lines
13 KiB
Plaintext
192 lines
13 KiB
Plaintext
<!-- Add this just before the closing </body> tag -->
|
|
<script>
|
|
// Store translations
|
|
const translations = {
|
|
en: {
|
|
// Navigation
|
|
home: "Home",
|
|
aboutUs: "About Us",
|
|
ourWork: "Our Work",
|
|
supportUs: "Support Us",
|
|
contact: "Contact",
|
|
|
|
// Hero Section
|
|
heroTitle: "Our Children<br>Our Future",
|
|
heroSubtitle: "Bringing Education Where Schools Cannot Reach",
|
|
supportButton: "Support Our Mission",
|
|
|
|
// Mission Section
|
|
missionTitle: "Our Mission: Lighting the Future Through Education",
|
|
missionText1: "At Schools Without Borders, we envision a world where every child, even amidst war and displacement, has the opportunity to learn, dream, and grow. Our mission is to break the barriers of ignorance and illiteracy by offering innovative, accessible, and sustainable educational programs for children in conflict zones.",
|
|
missionText2: "Together, we can transform education into a beacon of hope for children in crises, lighting the way to a brighter future.",
|
|
missionPoint1: "Restore the right to education for all children",
|
|
missionPoint2: "Foster creativity, critical thinking, and resilience",
|
|
missionPoint3: "Build a generation capable of rebuilding their communities",
|
|
missionPoint4: "Provide psychosocial support to children affected by conflict",
|
|
|
|
// Impact Section
|
|
impactTitle: "Our Impact",
|
|
childrenReached: "Children Reached",
|
|
educationalCenters: "Educational Centers",
|
|
mobileLearning: "Mobile Learning Units",
|
|
dedicatedTeachers: "Dedicated Teachers",
|
|
|
|
// Programs Section
|
|
programsTitle: "Our Programs",
|
|
programsSubtitle: "Innovative educational solutions for children in conflict zones",
|
|
mobileSchools: "Mobile Schools",
|
|
mobileSchoolsDesc: "Education reaches children wherever they are, whether in camps or on the road.",
|
|
memoryRevival: "Memory Revival",
|
|
memoryRevivalDesc: "Small steps helping out-of-school children return to learning with renewed enthusiasm.",
|
|
educationalDrama: "Educational Drama",
|
|
educationalDramaDesc: "Theater and arts as tools to unlock children's creativity.",
|
|
mobileKindergarten: "Mobile Kindergarten",
|
|
mobileKindergartenDesc: "The first steps of education in a flexible and engaging environment.",
|
|
|
|
// CTA Section
|
|
ctaTitle: "Be Part of the Change",
|
|
ctaSubtitle: "Together, we can turn dreams into reality and provide education to children who need it most.",
|
|
donateButton: "Donate Now",
|
|
donation1: "Provides a school bag for a child",
|
|
donation2: "Funds a child's education for a month",
|
|
donation3: "Equips a mobile classroom",
|
|
|
|
// Footer
|
|
footerAbout: "A non-profit organization supporting education and providing services to students affected by wars and conflicts.",
|
|
quickLinks: "Quick Links",
|
|
contactUs: "Contact Us",
|
|
copyright: "© 2025 Schools Without Borders. All Rights Reserved."
|
|
},
|
|
ar: {
|
|
// Navigation
|
|
home: "الرئيسية",
|
|
aboutUs: "من نحن",
|
|
ourWork: "عملنا",
|
|
supportUs: "ادعمنا",
|
|
contact: "اتصل بنا",
|
|
|
|
// Hero Section
|
|
heroTitle: "أطفالنا<br>مستقبلنا",
|
|
heroSubtitle: "نوصل التعليم حيث لا تصل المدارس",
|
|
supportButton: "ادعم مهمتنا",
|
|
|
|
// Mission Section
|
|
missionTitle: "مهمتنا: إنارة المستقبل من خلال التعليم",
|
|
missionText1: "في مدارس بلا حدود، نتطلع إلى عالم يتمتع فيه كل طفل، حتى في خضم الحرب والنزوح، بفرصة التعلم والحلم والنمو. مهمتنا هي كسر حواجز الجهل والأمية من خلال تقديم برامج تعليمية مبتكرة وميسرة ومستدامة للأطفال في مناطق النزاع.",
|
|
missionText2: "معاً، يمكننا تحويل التعليم إلى منارة أمل للأطفال في الأزمات، تنير الطريق نحو مستقبل أكثر إشراقاً.",
|
|
missionPoint1: "استعادة حق التعليم لجميع الأطفال",
|
|
missionPoint2: "تعزيز الإبداع والتفكير النقدي والمرونة",
|
|
missionPoint3: "بناء جيل قادر على إعادة بناء مجتمعاتهم",
|
|
missionPoint4: "تقديم الدعم النفسي والاجتماعي للأطفال المتأثرين بالنزاع",
|
|
|
|
// Impact Section
|
|
impactTitle: "تأثيرنا",
|
|
childrenReached: "طفل تم الوصول إليهم",
|
|
educationalCenters: "مركز تعليمي",
|
|
mobileLearning: "وحدة تعلم متنقلة",
|
|
dedicatedTeachers: "معلم متفاني",
|
|
|
|
// Programs Section
|
|
programsTitle: "برامجنا",
|
|
programsSubtitle: "حلول تعليمية مبتكرة للأطفال في مناطق النزاع",
|
|
mobileSchools: "المدارس المتنقلة",
|
|
mobileSchoolsDesc: "يصل التعليم إلى الأطفال أينما كانوا، سواء في المخيمات أو على الطريق.",
|
|
memoryRevival: "إحياء الذاكرة",
|
|
memoryRevivalDesc: "خطوات صغيرة تساعد الأطفال خارج المدرسة على العودة إلى التعلم بحماس متجدد.",
|
|
educationalDrama: "الدراما التعليمية",
|
|
educationalDramaDesc: "المسرح والفنون كأدوات لإطلاق إبداع الأطفال.",
|
|
mobileKindergarten: "روضة الأطفال المتنقلة",
|
|
mobileKindergartenDesc: "الخطوات الأولى للتعليم في بيئة مرنة وجذابة.",
|
|
|
|
// CTA Section
|
|
ctaTitle: "كن جزءاً من التغيير",
|
|
ctaSubtitle: "معاً، يمكننا تحويل الأحلام إلى حقيقة وتوفير التعليم للأطفال الأكثر احتياجاً.",
|
|
donateButton: "تبرع الآن",
|
|
donation1: "توفير حقيبة مدرسية لطفل",
|
|
donation2: "تمويل تعليم طفل لمدة شهر",
|
|
donation3: "تجهيز فصل دراسي متنقل",
|
|
|
|
// Footer
|
|
footerAbout: "منظمة غير ربحية تدعم التعليم وتقدم الخدمات للطلاب المتأثرين بالحروب والنزاعات.",
|
|
quickLinks: "روابط سريعة",
|
|
contactUs: "اتصل بنا",
|
|
copyright: "© 2025 مدارس بلا حدود. جميع الحقوق محفوظة."
|
|
}
|
|
};
|
|
|
|
let currentLang = 'en';
|
|
|
|
function toggleLanguage() {
|
|
currentLang = currentLang === 'en' ? 'ar' : 'en';
|
|
|
|
// Update language indicator
|
|
document.getElementById('langText').textContent =
|
|
currentLang === 'en' ? 'EN / عربي' : 'عربي / EN';
|
|
|
|
// Update document direction
|
|
document.body.dir = currentLang === 'ar' ? 'rtl' : 'ltr';
|
|
|
|
// Update all text content
|
|
// Navigation
|
|
document.querySelectorAll('.nav-links a').forEach(link => {
|
|
if (link.href.includes('index.html')) link.textContent = translations[currentLang].home;
|
|
if (link.href.includes('about.html')) link.textContent = translations[currentLang].aboutUs;
|
|
if (link.href.includes('work.html')) link.textContent = translations[currentLang].ourWork;
|
|
if (link.href.includes('support.html')) link.textContent = translations[currentLang].supportUs;
|
|
if (link.href.includes('contact.html')) link.textContent = translations[currentLang].contact;
|
|
});
|
|
|
|
// Hero Section
|
|
document.querySelector('.hero h1').innerHTML = translations[currentLang].heroTitle;
|
|
document.querySelector('.hero p').textContent = translations[currentLang].heroSubtitle;
|
|
document.querySelector('.hero .btn').textContent = translations[currentLang].supportButton;
|
|
|
|
// Mission Section
|
|
document.querySelector('.mission h2').textContent = translations[currentLang].missionTitle;
|
|
document.querySelectorAll('.mission-text p')[0].textContent = translations[currentLang].missionText1;
|
|
document.querySelectorAll('.mission-text p')[1].textContent = translations[currentLang].missionText2;
|
|
document.querySelectorAll('.mission-points li span')[0].textContent = translations[currentLang].missionPoint1;
|
|
document.querySelectorAll('.mission-points li span')[1].textContent = translations[currentLang].missionPoint2;
|
|
document.querySelectorAll('.mission-points li span')[2].textContent = translations[currentLang].missionPoint3;
|
|
document.querySelectorAll('.mission-points li span')[3].textContent = translations[currentLang].missionPoint4;
|
|
|
|
// Impact Section
|
|
document.querySelector('.impact h2').textContent = translations[currentLang].impactTitle;
|
|
document.querySelectorAll('.stat-desc')[0].textContent = translations[currentLang].childrenReached;
|
|
document.querySelectorAll('.stat-desc')[1].textContent = translations[currentLang].educationalCenters;
|
|
document.querySelectorAll('.stat-desc')[2].textContent = translations[currentLang].mobileLearning;
|
|
document.querySelectorAll('.stat-desc')[3].textContent = translations[currentLang].dedicatedTeachers;
|
|
|
|
// Programs Section
|
|
document.querySelector('.programs h2').textContent = translations[currentLang].programsTitle;
|
|
document.querySelector('.programs > .container > p').textContent = translations[currentLang].programsSubtitle;
|
|
|
|
const programCards = document.querySelectorAll('.program-card');
|
|
programCards[0].querySelector('h3').textContent = translations[currentLang].mobileSchools;
|
|
programCards[0].querySelector('p').textContent = translations[currentLang].mobileSchoolsDesc;
|
|
programCards[1].querySelector('h3').textContent = translations[currentLang].memoryRevival;
|
|
programCards[1].querySelector('p').textContent = translations[currentLang].memoryRevivalDesc;
|
|
programCards[2].querySelector('h3').textContent = translations[currentLang].educationalDrama;
|
|
programCards[2].querySelector('p').textContent = translations[currentLang].educationalDramaDesc;
|
|
programCards[3].querySelector('h3').textContent = translations[currentLang].mobileKindergarten;
|
|
programCards[3].querySelector('p').textContent = translations[currentLang].mobileKindergartenDesc;
|
|
|
|
// CTA Section
|
|
document.querySelector('.cta h2').textContent = translations[currentLang].ctaTitle;
|
|
document.querySelector('.cta > .container > p').textContent = translations[currentLang].ctaSubtitle;
|
|
document.querySelectorAll('.donation-option p')[0].textContent = translations[currentLang].donation1;
|
|
document.querySelectorAll('.donation-option p')[1].textContent = translations[currentLang].donation2;
|
|
document.querySelectorAll('.donation-option p')[2].textContent = translations[currentLang].donation3;
|
|
document.querySelector('.cta .btn').textContent = translations[currentLang].donateButton;
|
|
|
|
// Footer
|
|
document.querySelector('.footer-section p').textContent = translations[currentLang].footerAbout;
|
|
document.querySelectorAll('.footer-section h3')[1].textContent = translations[currentLang].quickLinks;
|
|
document.querySelectorAll('.footer-section h3')[2].textContent = translations[currentLang].contactUs;
|
|
document.querySelector('.copyright').textContent = translations[currentLang].copyright;
|
|
|
|
// Add CSS class for RTL styling when in Arabic
|
|
document.body.classList.toggle('rtl', currentLang === 'ar');
|
|
}
|
|
</script>
|
|
|