الأخبار العالمية

ملخص الأخبار العالمية - 100 خبر عالمي @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap'); :root { --primary-color: #1e3a8a; --secondary-color: #0ea5e9; --accent-color: #f59e0b; --text-color: #1f2937; --light-bg: #f3f4f6; --card-bg: #ffffff; --header-bg: #0f172a; --footer-bg: #1e293b; --border-color: #e5e7eb; --hover-color: #dbeafe; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Tajawal', Arial, sans-serif; background-color: var(--light-bg); color: var(--text-color); line-height: 1.6; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } header { background-color: var(--header-bg); color: white; padding: 1rem 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .header-content { display: flex; justify-content: space-between; align-items: center; } .logo { font-size: 1.8rem; font-weight: 700; color: white; text-decoration: none; display: flex; align-items: center; } .logo i { margin-left: 10px; color: var(--accent-color); } .date { font-size: 0.9rem; opacity: 0.8; } .breaking-news { background-color: var(--accent-color); color: white; padding: 0.5rem 0; overflow: hidden; } .breaking-news-container { display: flex; align-items: center; } .breaking-label { background-color: #e11d48; padding: 5px 15px; margin-left: 15px; font-weight: bold; border-radius: 4px; white-space: nowrap; } .breaking-news-content { white-space: nowrap; animation: scroll-rtl 30s linear infinite; padding-left: 100%; } @keyframes scroll-rtl { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .search-container { margin: 1.5rem 0; display: flex; justify-content: space-between; align-items: center; } .search-box { display: flex; align-items: center; background-color: white; border-radius: 4px; padding: 0.5rem 1rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); width: 300px; } .search-box input { border: none; outline: none; width: 100%; padding: 0.5rem; font-family: 'Tajawal', Arial, sans-serif; } .search-box i { color: var(--text-color); opacity: 0.6; } .categories { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 1.5rem; } .category-btn { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 4px; padding: 0.5rem 1rem; cursor: pointer; font-family: 'Tajawal', Arial, sans-serif; font-weight: 500; transition: all 0.3s ease; } .category-btn:hover, .category-btn.active { background-color: var(--primary-color); color: white; } .news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; } .news-card { background-color: var(--card-bg); border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; } .news-card:hover { transform: translateY(-5px); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); } .card-img { height: 200px; overflow: hidden; } .card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .news-card:hover .card-img img { transform: scale(1.05); } .card-content { padding: 1.2rem; } .card-category { display: inline-block; background-color: var(--secondary-color); color: white; padding: 0.2rem 0.8rem; border-radius: 4px; font-size: 0.8rem; margin-bottom: 0.8rem; } .card-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.8rem; line-height: 1.4; } .card-source { display: flex; justify-content: space-between; align-items: center; margin-top: 1rem; font-size: 0.85rem; color: #6b7280; } .source-name { display: flex; align-items: center; } .source-name i { margin-left: 5px; color: var(--accent-color); } .pagination { display: flex; justify-content: center; margin: 2rem 0; } .pagination-btn { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 0.5rem 1rem; margin: 0 5px; border-radius: 4px; cursor: pointer; transition: all 0.3s ease; } .pagination-btn:hover, .pagination-btn.active { background-color: var(--primary-color); color: white; } footer { background-color: var(--footer-bg); color: white; padding: 2rem 0; margin-top: 3rem; } .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; } .footer-section { flex: 1; min-width: 250px; margin-bottom: 1.5rem; } .footer-section h3 { margin-bottom: 1rem; font-size: 1.2rem; position: relative; padding-bottom: 0.5rem; } .footer-section h3::after { content: ''; position: absolute; right: 0; bottom: 0; width: 50px; height: 2px; background-color: var(--accent-color); } .footer-section p { margin-bottom: 1rem; opacity: 0.8; } .social-icons { display: flex; gap: 15px; } .social-icons a { display: inline-block; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; transition: all 0.3s ease; } .social-icons a:hover { background-color: var(--accent-color); transform: translateY(-3px); } .copyright { text-align: center; padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid rgba(255, 255, 255, 0.1); opacity: 0.7; } /* Responsive Design */ @media (max-width: 768px) { .header-content { flex-direction: column; text-align: center; } .logo { margin-bottom: 1rem; } .search-container { flex-direction: column; align-items: stretch; } .search-box { width: 100%; margin-bottom: 1rem; } .categories { justify-content: center; } .news-grid { grid-template-columns: 1fr; } .footer-content { flex-direction: column; } .footer-section { margin-bottom: 2rem; } } /* Dark Mode Toggle */ .dark-mode-toggle { background: none; border: none; color: white; font-size: 1.2rem; cursor: pointer; margin-right: 15px; } /* Modal Styles */ .modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 2000; justify-content: center; align-items: center; } .modal-content { background-color: var(--card-bg); border-radius: 8px; max-width: 800px; width: 90%; max-height: 90vh; overflow-y: auto; padding: 2rem; position: relative; } .close-modal { position: absolute; top: 15px; left: 15px; font-size: 1.5rem; cursor: pointer; color: var(--text-color); } .modal-header { margin-bottom: 1.5rem; } .modal-title { font-size: 1.8rem; margin-bottom: 0.5rem; } .modal-meta { display: flex; justify-content: space-between; color: #6b7280; font-size: 0.9rem; margin-bottom: 1rem; } .modal-img { width: 100%; height: 400px; overflow: hidden; border-radius: 8px; margin-bottom: 1.5rem; } .modal-img img { width: 100%; height: 100%; object-fit: cover; } .modal-body { line-height: 1.8; } /* Loading Spinner */ .spinner { display: none; width: 50px; height: 50px; border: 5px solid rgba(0, 0, 0, 0.1); border-radius: 50%; border-top-color: var(--secondary-color); animation: spin 1s ease-in-out infinite; margin: 2rem auto; } @keyframes spin { to { transform: rotate(360deg); } } /* Dark Mode Styles */ body.dark-mode { --light-bg: #1a1a1a; --card-bg: #2d2d2d; --text-color: #e5e5e5; --border-color: #444; --hover-color: #3b3b3b; } body.dark-mode .search-box { background-color: #2d2d2d; } body.dark-mode .search-box input { color: #e5e5e5; background-color: transparent; } body.dark-mode .category-btn { background-color: #2d2d2d; color: #e5e5e5; } body.dark-mode .pagination-btn { background-color: #2d2d2d; color: #e5e5e5; } body.dark-mode .modal-content { background-color: #2d2d2d; color: #e5e5e5; } body.dark-mode .close-modal { color: #e5e5e5; } /* RTL Specific Enhancements */ .card-category, .source-name i, .logo i { margin-left: 5px; margin-right: 0; } .search-box i { margin-left: 10px; margin-right: 0; } .pagination-btn i.fa-chevron-right { transform: rotate(180deg); } .pagination-btn i.fa-chevron-left { transform: rotate(180deg); } /* Accessibility Enhancements */ .skip-link { position: absolute; top: -40px; left: 0; background: var(--primary-color); color: white; padding: 8px; z-index: 100; transition: top 0.3s; } .skip-link:focus { top: 0; } /* Animation Enhancements */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .news-card { animation: fadeIn 0.5s ease forwards; opacity: 0; } .news-card:nth-child(1) { animation-delay: 0.1s; } .news-card:nth-child(2) { animation-delay: 0.2s; } .news-card:nth-child(3) { animation-delay: 0.3s; } .news-card:nth-child(4) { animation-delay: 0.4s; } .news-card:nth-child(5) { animation-delay: 0.5s; } .news-card:nth-child(6) { animation-delay: 0.6s; } .news-card:nth-child(7) { animation-delay: 0.7s; } .news-card:nth-child(8) { animation-delay: 0.8s; } .news-card:nth-child(9) { animation-delay: 0.9s; } .news-card:nth-child(10) { animation-delay: 1s; } .news-card:nth-child(11) { animation-delay: 1.1s; } .news-card:nth-child(12) { animation-delay: 1.2s; } تخطي إلى المحتوى الرئيسي ملخص الأخبار العالمية عاجل كوريا الشمالية مزودة بقدرات خطيرة وتصنع أكبر سفينة حربية | روسيا ترد على تقرير استقبال اليورانيوم الإيراني | أردوغان: نقف إلى جانب حكومة دمشق ولن نسمح بتقسيم سوريا | ترامب يعاقب جامعة هارفارد ويجمد معونات بـ2.2 مليار دولار | أسعار النفط ترتفع مع تصاعد التوترات في الشرق الأوسط جميع الأخبار الشرق الأوسط وإيران الولايات المتحدة والصين روسيا وأوكرانيا كوريا الشمالية واليابان أفريقيا أوروبا التكنولوجيا والعلوم الرياضة الاقتصاد الصحة والبيئة × عن الموقع موقع ملخص الأخبار العالمية يقدم أهم 100 خبر عالمي بشكل موجز ومنظم، مع تصنيف الأخبار حسب المناطق والمواضيع. المصادر سكاي نيوز عربية، الجزيرة، RT Arabic، العربية، BBC عربي، CNN Arabic، يورونيوز، الشرق الأوسط، اليوم السابع تواصل معنا © 2025 ملخص الأخبار العالمية. جميع الحقوق محفوظة. // News Data const newsData = [ // الشرق الأوسط وإيران { id: 1, title: "خامنئي يعلق على مفاوضات عُمان", summary: "المرشد الأعلى الإيراني يصف موقف بلاده بأنه 'مسك العصا من منتصفها' في المفاوضات النووية.", category: "middle-east", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?iran" }, { id: 2, title: "قدرات إيران العسكرية 'خط أحمر'", summary: "الحرس الثوري الإيراني يؤكد أن القدرات العسكرية للبلاد تمثل خطاً أحمر لا يمكن المساس به.", category: "middle-east", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?military" }, { id: 3, title: "إيران ترفض نقل اليورانيوم المخصب", summary: "رفض إيراني لمقترح نقل مخزون اليورانيوم المخصب إلى دولة ثالثة ضمن المفاوضات الجارية.", category: "middle-east", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?uranium" }, { id: 4, title: "موقع جديد لمحادثات واشنطن وإيران", summary: "الولايات المتحدة تختار موقعاً جديداً لاستضافة المحادثات المقبلة مع إيران.", category: "middle-east", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?diplomacy" }, { id: 5, title: "تباين بين ترامب ونتنياهو", summary: "تحليل للاختلاف بين موقفي الرئيس الأمريكي ورئيس الوزراء الإسرائيلي بشأن البرنامج النووي الإيراني.", category: "middle-east", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?trump,netanyahu" }, { id: 6, title: "أردوغان يدعم حكومة دمشق", summary: "الرئيس التركي يؤكد وقوف بلاده مع الحكومة السورية ورفضه لتقسيم سوريا.", category: "middle-east", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?erdogan" }, { id: 7, title: "لبنان يتضامن مع الأردن", summary: "لبنان يعلن تضامنه مع الأردن ويؤكد أنه ليس مقراً لتهديد الدول الشقيقة.", category: "middle-east", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?lebanon" }, { id: 8, title: "انسحاب أمريكي من سوريا", summary: "واشنطن تبلغ إسرائيل بخطة انسحاب تدريجي للقوات الأمريكية من سوريا خلال شهرين.", category: "middle-east", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?syria,military" }, { id: 9, title: "أزمة دبلوماسية فرنسية-جزائرية", summary: "استدعاء السفير الفرنسي في الجزائر وطرد 12 من موظفي القنصليات الجزائرية في فرنسا.", category: "middle-east", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?france,algeria" }, { id: 10, title: "فقدان الاتصال مع محتجزي الرهائن", summary: "كتائب القسام تعلن فقدان الاتصال مع المجموعة التي تحتجز رهائن إسرائيليين في غزة.", category: "middle-east", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?gaza" }, // الولايات المتحدة والصين { id: 11, title: "اتهامات صينية بهجمات سيبرانية", summary: "الصين تتهم عملاء أمريكيين وجامعتين بشن هجمات إلكترونية ضد مؤسسات صينية.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?cyber,hacking" }, { id: 12, title: "ترامب يعاقب جامعة هارفارد", summary: "الرئيس الأمريكي يجمد معونات فيدرالية لجامعة هارفارد بقيمة 2.2 مليار دولار.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?harvard" }, { id: 13, title: "تقرير عن صحة ترامب", summary: "أطباء البيت الأبيض يؤكدون أن الرئيس الأمريكي يتمتع بصحة جيدة.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?trump,health" }, { id: 14, title: "ترامب يتوعد الإرهابيين", summary: "الرئيس الأمريكي يصرح بأن 'وقت اختباء الإرهابيين قد حان' في إشارة لتشديد سياسته.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?trump,speech" }, { id: 15, title: "الصين تجمد استلام طائرات بوينغ", summary: "قرار صيني بتجميد استلام طائرات بوينغ وسط التوترات التجارية مع واشنطن.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?boeing,airplane" }, { id: 16, title: "إجراءات صينية ضد الصناعة الأمريكية", summary: "الصين تتخذ خطوات جديدة تستهدف الصناعة الأمريكية وترامب يتوعد بالرد.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?factory,china" }, { id: 17, title: "خسائر اقتصادية أمريكية", summary: "تقديرات بخسارة الولايات المتحدة مليارات الدولارات بسبب تراجع السياحة والرسوم الجمركية.", category: "us-china", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?economy,usa" }, { id: 18, title: "انتقاد لاعتقال طالبة تركية", summary: "سيناتور أمريكي ينتقد وزير الخارجية بسبب اعتقال طالبة تركية ومطاردة الطلاب الأجانب.", category: "us-china", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?student,protest" }, { id: 19, title: "وعد أمريكي لحماس", summary: "واشنطن تقدم وعداً لحركة حماس مقابل إطلاق سراح الرهائن الإسرائيليين في غزة.", category: "us-china", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?diplomacy,middle-east" }, { id: 20, title: "أبل تنقل إنتاجها من الصين", summary: "شركة أبل تنقل جزءاً من إنتاج هواتف آيفون إلى الهند بعيداً عن الصين.", category: "us-china", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?apple,iphone" }, // روسيا وأوكرانيا { id: 21, title: "مناقشات حول اتفاقية المعادن", summary: "مباحثات 'بنّاءة' بين كييف وواشنطن بشأن اتفاقية المعادن والتعاون الاقتصادي.", category: "russia-ukraine", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?meeting,diplomacy" }, { id: 22, title: "روسيا تنفي استقبال اليورانيوم الإيراني", summary: "موسكو ترد على تقرير يتحدث عن استقبالها لليورانيوم المخصب الإيراني.", category: "russia-ukraine", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?kremlin,moscow" }, { id: 23, title: "تشكيك في نوايا بوتين", summary: "مساعدو ترامب يضغطون للتشكيك في نوايا الرئيس الروسي تجاه أوكرانيا.", category: "russia-ukraine", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?putin,trump" }, { id: 24, title: "آخر تطورات الحرب في أوكرانيا", summary: "تقرير يستعرض المستجدات الميدانية والسياسية في الصراع المستمر.", category: "russia-ukraine", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?ukraine,war" }, { id: 25, title: "زيلينسكي يتهم المبعوث الأمريكي", summary: "الرئيس الأوكراني يتهم ستيف ويتكوف بمناقشة قضايا خارج نطاق اختصاصه.", category: "russia-ukraine", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?zelensky" }, { id: 26, title: "الكرملين: اتصالاتنا مع واشنطن إيجابية", summary: "تعليق روسي على تصريحات المبعوث الأمريكي ستيف ويتكوف.", category: "russia-ukraine", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?kremlin,spokesman" }, { id: 27, title: "بوتين منفتح على السلام", summary: "المبعوث الأمريكي يصرح بأن الرئيس الروسي منفتح على اتفاق 'سلام دائم' مع أوكرانيا.", category: "russia-ukraine", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?putin,peace" }, { id: 28, title: "أسرى صينيون في أوكرانيا", summary: "كييف تعلن القبض على أسرى صينيين جُنّدوا للقتال في صفوف الجيش الروسي.", category: "russia-ukraine", source: "يورونيوز", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?prisoners,war" }, { id: 29, title: "مؤتمر دولي حول أوكرانيا", summary: "لندن تستضيف مؤتمراً دولياً حول أوكرانيا بمشاركة الدول الداعمة لكييف.", category: "russia-ukraine", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?conference,london" }, { id: 30, title: "مناورات روسية قرب فنلندا", summary: "روسيا تبدأ مناورات عسكرية قرب الحدود الفنلندية مما يثير قلق حلف الناتو.", category: "russia-ukraine", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?military,exercise" }, // كوريا الشمالية واليابان { id: 31, title: "قدرات عسكرية كورية شمالية", summary: "تقارير استخباراتية تكشف عن قدرات عسكرية خطيرة وبناء أكبر سفينة حربية.", category: "korea-japan", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?warship,north-korea" }, { id: 32, title: "اليابان تعزز دفاعاتها", summary: "طوكيو تعلن خطة لتعزيز قدراتها الدفاعية في مواجهة التهديدات الكورية الشمالية.", category: "korea-japan", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?japan,defense" }, { id: 33, title: "إطلاق صاروخ باليستي", summary: "كوريا الجنوبية تعلن أن جارتها الشمالية أطلقت صاروخاً باليستياً في البحر.", category: "korea-japan", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?missile,launch" }, { id: 34, title: "الصين تدعو لضبط النفس", summary: "بكين تدعو جميع الأطراف إلى ضبط النفس في شبه الجزيرة الكورية.", category: "korea-japan", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?china,diplomacy" }, { id: 35, title: "اجتماع ثلاثي لمناقشة التهديدات", summary: "واشنطن وسيول وطوكيو تعقد اجتماعاً لمناقشة التهديدات الكورية الشمالية.", category: "korea-japan", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?meeting,diplomats" }, { id: 36, title: "قمر صناعي ياباني للمراقبة", summary: "اليابان تطلق قمراً صناعياً جديداً يُعتقد أنه يستهدف مراقبة الأنشطة العسكرية لكوريا الشمالية.", category: "korea-japan", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?satellite,launch" }, { id: 37, title: "احتفالات في كوريا الشمالية", summary: "بيونغ يانغ تحتفل بالذكرى السنوية لميلاد مؤسسها كيم إيل سونغ بعروض عسكرية.", category: "korea-japan", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?north-korea,parade" }, { id: 38, title: "تطوير غواصات نووية", summary: "تقرير استخباراتي يكشف أن كوريا الشمالية تعمل على تطوير غواصات قادرة على حمل صواريخ نووية.", category: "korea-japan", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?submarine" }, { id: 39, title: "عقوبات يابانية جديدة", summary: "طوكيو تفرض حزمة عقوبات جديدة على كوريا الشمالية رداً على تجاربها الصاروخية.", category: "korea-japan", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?japan,government" }, { id: 40, title: "تهديد كوري شمالي", summary: "بيونغ يانغ تهدد بـ'رد قاسٍ' على المناورات العسكرية الأمريكية-الكورية الجنوبية.", category: "korea-japan", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?north-korea,military" }, // أفريقيا { id: 41, title: "مساعدات بريطانية للسودان", summary: "لندن تقدم مساعدات إنسانية للسودان بقيمة 120 مليون جنيه إسترليني.", category: "africa", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?aid,sudan" }, { id: 42, title: "مؤتمر دولي حول السودان", summary: "بريطانيا تستضيف مؤتمراً دولياً حول السودان في غياب طرفي الصراع.", category: "africa", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?conference,london" }, { id: 43, title: "لقطات من الفاشر المحاصرة", summary: "بي بي سي تحصل على لقطات حصرية من مدينة الفاشر السودانية المحاصرة.", category: "africa", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?sudan,conflict" }, { id: 44, title: "نزوح من مخيم زمزم", summary: "فرار النازحين من مخيم زمزم في دارفور بعد سيطرة قوات الدعم السريع عليه.", category: "africa", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?refugee,camp" }, { id: 45, title: "اعتقالات في تركيا", summary: "تركيا تعلن اعتقال 234 شخصاً في إطار حملة دولية تستهدف عصابات الجريمة المنظمة.", category: "africa", source: "اليوم السابع", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?police,arrest" }, { id: 46, title: "عقوبات أوروبية على إيران", summary: "الاتحاد الأوروبي يدرج 9 أفراد وكيانات إيرانية في قائمة العقوبات.", category: "africa", source: "اليوم السابع", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?eu,flag" }, { id: 47, title: "مؤتمر مصري حول ليبيا", summary: "القاهرة تستضيف مؤتمراً دولياً حول ليبيا بمشاركة الأطراف المعنية.", category: "africa", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?cairo,conference" }, { id: 48, title: "سد مائي جزائري", summary: "الجزائر تدشن أكبر سد مائي في شمال أفريقيا لتعزيز الأمن المائي والزراعي.", category: "africa", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?dam,algeria" }, { id: 49, title: "خطة نيجيرية لمكافحة الإرهاب", summary: "نيجيريا تعلن عن خطة جديدة لمكافحة الإرهاب في منطقة الساحل.", category: "africa", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?nigeria,military" }, { id: 50, title: "انتخابات في جنوب أفريقيا", summary: "جنوب أفريقيا تستعد لإجراء انتخابات عامة في 29 مايو وسط تحديات اقتصادية.", category: "africa", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?south-africa,election" }, // أوروبا { id: 51, title: "نتنياهو يرفض الدولة الفلسطينية", summary: "رئيس الوزراء الإسرائيلي يصرح لماكرون برفض إقامة دولة فلسطينية.", category: "europe", source: "يورونيوز", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?netanyahu,macron" }, { id: 52, title: "هجوم على سجون فرنسية", summary: "حرائق وإطلاق نار في 'هجوم منسق' يطال عدة سجون في فرنسا.", category: "europe", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?prison,france" }, { id: 53, title: "لقاء قطري-فرنسي", summary: "وزير الدولة بالخارجية القطرية يلتقي المبعوث الفرنسي إلى لبنان.", category: "europe", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?diplomacy,meeting" }, { id: 54, title: "عقوبات أوروبية على روسيا", summary: "الاتحاد الأوروبي يدرس فرض حزمة عقوبات جديدة على روسيا.", category: "europe", source: "يورونيوز", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?eu,russia" }, { id: 55, title: "اتفاق الجوائح", summary: "منظمة الصحة العالمية تضع اللمسات الأخيرة على اتفاق دولي لمواجهة الأوبئة.", category: "europe", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?who,pandemic" }, { id: 56, title: "خطة بريطانية لخفض الهجرة", summary: "الحكومة البريطانية تعلن عن خطة جديدة لخفض معدلات الهجرة.", category: "europe", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?uk,immigration" }, { id: 57, title: "زيادة الإنفاق العسكري الألماني", summary: "برلين تعزز إنفاقها العسكري استجابة لمطالب حلف الناتو.", category: "europe", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?germany,military" }, { id: 58, title: "إيطاليا تكافح الهجرة غير الشرعية", summary: "روما تعلن عن خطة جديدة لمكافحة الهجرة عبر المتوسط.", category: "europe", source: "يورونيوز", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?italy,migration" }, { id: 59, title: "زيارة روته لأوديسا", summary: "الأمين العام لحلف الناتو يزور مدينة أوديسا الأوكرانية مع الرئيس زيلينسكي.", category: "europe", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?nato,ukraine" }, { id: 60, title: "قيود طالبان على التعليم", summary: "حركة طالبان تفرض ارتداء العمامة لدخول المدارس في أفغانستان.", category: "europe", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?afghanistan,school" }, // التكنولوجيا والعلوم { id: 61, title: "اكتشاف في مجال طاقة الرياح", summary: "باحثون يكشفون عن اكتشاف تاريخي قد يغير مستقبل قطاع طاقة الرياح.", category: "tech", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?wind,turbine" }, { id: 62, title: "تكلفة الماركات الفاخرة", summary: "فيديوهات صينية تكشف التكلفة الفعلية للماركات الفاخرة وتثير جدلاً.", category: "tech", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?luxury,brands" }, { id: 63, title: "تطور في سباقات الخيول", summary: "سباقات الخيول تدخل عصراً جديداً مع جوائز تصل إلى 30 مليون دولار.", category: "tech", source: "CNN Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?horse,racing" }, { id: 64, title: "اكتشاف أثري في مصر", summary: "علماء آثار يعلنون عن اكتشاف أثري مذهل في مصر بعد عقود من البحث.", category: "tech", source: "CNN Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?egypt,archaeology" }, { id: 65, title: "أسرار حضارة قديمة", summary: "اكتشاف مذبح غامض وجثث مدفونة يكشف أسراراً عن حضارة قديمة.", category: "tech", source: "CNN Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?archaeology,ancient" }, { id: 66, title: "تقنية لمراقبة التلوث", summary: "تطوير تقنية ثورية تعمل كـ'حارس بيئي' لمراقبة مستويات التلوث بدقة.", category: "tech", source: "CNN Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?pollution,technology" }, { id: 67, title: "أدوية مقلدة في أوروبا", summary: "ضبط نسخ مقلدة من أدوية السكري والسمنة في أوروبا وتحذيرات صحية.", category: "tech", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?medicine,fake" }, { id: 68, title: "عريس يهرب مع حماته", summary: "قصة عريس هندي هرب مع حماته قبل أيام من زفافه تثير ضجة إعلامية.", category: "tech", source: "أخبار Google", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?wedding,india" }, { id: 69, title: "'العشق الممنوع'", summary: "امرأة هندية تخطف عريس ابنتها في قصة أثارت اهتماماً واسعاً.", category: "tech", source: "أخبار Google", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?india,wedding" }, { id: 70, title: "سرقة غريبة في مصر", summary: "لصوص يسرقون الأموال ويتركون الذهب في حادثة سرقة غير اعتيادية.", category: "tech", source: "أخبار Google", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?egypt,theft" }, // الرياضة { id: 71, title: "ريال مدريد في نصف النهائي", summary: "الفريق الإسباني يتأهل لنصف نهائي دوري أبطال أوروبا.", category: "sports", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?real-madrid,football" }, { id: 72, title: "مانشستر سيتي يتصدر الدوري", summary: "الفريق الإنجليزي يواصل صدارته للدوري الممتاز بعد فوزه الأخير.", category: "sports", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?manchester-city" }, { id: 73, title: "برشلونة يجدد عقد نجمه", summary: "النادي الإسباني يعلن تجديد عقد لاعبه النجم لثلاث سنوات إضافية.", category: "sports", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?barcelona,football" }, { id: 74, title: "الأهلي في نصف نهائي أفريقيا", summary: "النادي المصري يتأهل لنصف نهائي دوري أبطال أفريقيا.", category: "sports", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?al-ahly,football" }, { id: 75, title: "رقم قياسي للهلال", summary: "نادي الهلال السعودي يحقق رقماً قياسياً جديداً بعد سلسلة انتصارات.", category: "sports", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?al-hilal,football" }, { id: 76, title: "مصر تتأهل لكأس العالم لكرة اليد", summary: "المنتخب المصري يتأهل للبطولة العالمية بعد أداء مميز.", category: "sports", source: "اليوم السابع", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?handball,egypt" }, { id: 77, title: "صفقة قياسية للاتحاد", summary: "نادي الاتحاد السعودي يعلن إتمام صفقة قياسية لضم لاعب عالمي.", category: "sports", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?al-ittihad,football" }, { id: 78, title: "الزمالك يفوز بكأس مصر", summary: "النادي المصري يتوج بكأس مصر للمرة الـ28 في تاريخه.", category: "sports", source: "اليوم السابع", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?zamalek,football" }, { id: 79, title: "باريس سان جيرمان يودع البطولة", summary: "الفريق الفرنسي يخرج من دوري أبطال أوروبا بعد خسارته.", category: "sports", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?psg,football" }, { id: 80, title: "ليفربول يعلن رحيل مدربه", summary: "النادي الإنجليزي يعلن رحيل مدربه في نهاية الموسم الحالي.", category: "sports", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?liverpool,football" }, // الاقتصاد { id: 81, title: "ارتفاع أسعار النفط", summary: "أسعار النفط العالمية ترتفع مع تصاعد التوترات في الشرق الأوسط.", category: "economy", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?oil,price" }, { id: 82, title: "مستوى قياسي للذهب", summary: "أسعار الذهب تسجل مستوى قياسياً جديداً وسط مخاوف التضخم.", category: "economy", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?gold" }, { id: 83, title: "البنك المركزي الأوروبي", summary: "قرار بالإبقاء على أسعار الفائدة دون تغيير في الاجتماع الأخير.", category: "economy", source: "يورونيوز", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?ecb,bank" }, { id: 84, title: "نمو اقتصادي صيني", summary: "الصين تسجل نمواً اقتصادياً بنسبة 5.3% في الربع الأول من العام.", category: "economy", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?china,economy" }, { id: 85, title: "استثمارات سعودية في الطاقة المتجددة", summary: "المملكة تعلن عن استثمارات جديدة ضمن رؤية 2030.", category: "economy", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?saudi,renewable" }, { id: 86, title: "سندات مصرية دولية", summary: "مصر تطلق سندات بقيمة 3 مليارات دولار لتمويل مشاريع التنمية.", category: "economy", source: "الشرق الأوسط", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?egypt,finance" }, { id: 87, title: "الإمارات والذكاء الاصطناعي", summary: "أبوظبي تستثمر 10 مليارات دولار في مشاريع الذكاء الاصطناعي.", category: "economy", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?uae,ai" }, { id: 88, title: "استثمارات قطرية في أوروبا", summary: "الدوحة تعزز استثماراتها في أوروبا بالتركيز على العقارات والطاقة.", category: "economy", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?qatar,investment" }, { id: 89, title: "تركيا تخفض سعر الفائدة", summary: "البنك المركزي التركي يخفض سعر الفائدة رغم ارتفاع التضخم.", category: "economy", source: "RT Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?turkey,economy" }, { id: 90, title: "مشروع مغربي للطاقة الشمسية", summary: "المغرب يطلق مشروعاً ضخماً للطاقة الشمسية المتجددة.", category: "economy", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?morocco,solar" }, // الصحة والبيئة { id: 91, title: "العواصف الترابية والصحة", summary: "تقرير عن تأثير العواصف الترابية على الصحة وكيفية التعامل معها.", category: "health", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?dust,storm" }, { id: 92, title: "علاج جديد للسكري", summary: "دراسة علمية تكشف عن علاج جديد قد يغير مستقبل علاج مرض السكري.", category: "health", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?diabetes,medicine" }, { id: 93, title: "تحذير من فيروس جديد", summary: "منظمة الصحة العالمية تحذر من انتشار فيروس جديد وتدعو للوقاية.", category: "health", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?virus,health" }, { id: 94, title: "ممرض ينقذ امرأة عبر الفيديو", summary: "ممرض مغربي ينقذ حياة امرأة حامل بتوليدها عبر مكالمة فيديو.", category: "health", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?nurse,video" }, { id: 95, title: "تلوث الهواء والمخ", summary: "دراسة تكشف أن تلوث الهواء يؤثر سلباً على وظائف المخ ويزيد مخاطر الأمراض.", category: "health", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?pollution,brain" }, { id: 96, title: "اكتشاف نوع جديد من الأشجار", summary: "علماء يكتشفون نوعاً جديداً من الأشجار في غابات الأمازون.", category: "health", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?amazon,tree" }, { id: 97, title: "موجة حر في الشرق الأوسط", summary: "تحذيرات من موجة حر شديدة ستضرب المنطقة خلال الأيام المقبلة.", category: "health", source: "سكاي نيوز عربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?heatwave,desert" }, { id: 98, title: "النوم وأمراض القلب", summary: "دراسة تؤكد أن النوم الجيد يقلل من خطر الإصابة بأمراض القلب.", category: "health", source: "العربية", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?sleep,heart" }, { id: 99, title: "مصدر جديد للمياه في أفريقيا", summary: "اكتشاف مصدر جديد للمياه العذبة قد يساعد في حل أزمة المياه.", category: "health", source: "BBC Arabic", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?water,africa" }, { id: 100, title: "تقنية لإعادة تدوير البلاستيك", summary: "تطوير تقنية جديدة لإعادة تدوير البلاستيك بكفاءة أعلى للحد من التلوث.", category: "health", source: "الجزيرة", date: "15 أبريل 2025", image: "https://source.unsplash.com/random/600x400/?plastic,recycling" } ]; // Variables let currentPage = 1; const newsPerPage = 12; let currentCategory = 'all'; let filteredNews = [...newsData]; // DOM Elements const newsGrid = document.getElementById('news-grid'); const pagination = document.getElementById('pagination'); const categoryButtons = document.querySelectorAll('.category-btn'); const searchInput = document.getElementById('search-input'); const spinner = document.getElementById('spinner'); const modal = document.getElementById('news-modal'); const closeModal = document.getElementById('close-modal'); const darkModeToggle = document.getElementById('dark-mode-toggle'); const currentDateElement = document.getElementById('current-date'); // Set current date in Arabic const today = new Date(); const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }; currentDateElement.textContent = today.toLocaleDateString('ar-SA', options); // Initialize displayNews(); setupPagination(); // Event Listeners categoryButtons.forEach(button => { button.addEventListener('click', () => { categoryButtons.forEach(btn => { btn.classList.remove('active'); btn.setAttribute('aria-selected', 'false'); }); button.classList.add('active'); button.setAttribute('aria-selected', 'true'); currentCategory = button.dataset.category; currentPage = 1; filterNews(); }); }); searchInput.addEventListener('input', () => { currentPage = 1; filterNews(); }); closeModal.addEventListener('click', () => { modal.style.display = 'none'; modal.setAttribute('aria-hidden', 'true'); document.querySelector('body').style.overflow = 'auto'; }); window.addEventListener('click', (e) => { if (e.target === modal) { modal.style.display = 'none'; modal.setAttribute('aria-hidden', 'true'); document.querySelector('body').style.overflow = 'auto'; } }); darkModeToggle.addEventListener('click', toggleDarkMode); // Keyboard accessibility window.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modal.style.display === 'flex') { modal.style.display = 'none'; modal.setAttribute('aria-hidden', 'true'); document.querySelector('body').style.overflow = 'auto'; } }); // Functions function filterNews() { spinner.style.display = 'block'; newsGrid.innerHTML = ''; const searchTerm = searchInput.value.toLowerCase(); if (currentCategory === 'all' && searchTerm === '') { filteredNews = [...newsData]; } else { filteredNews = newsData.filter(news => { const categoryMatch = currentCategory === 'all' || news.category === currentCategory; const searchMatch = news.title.toLowerCase().includes(searchTerm) || news.summary.toLowerCase().includes(searchTerm) || news.source.toLowerCase().includes(searchTerm); return categoryMatch && searchMatch; }); } setTimeout(() => { displayNews(); setupPagination(); spinner.style.display = 'none'; }, 500); } function displayNews() { newsGrid.innerHTML = ''; const startIndex = (currentPage - 1) * newsPerPage; const endIndex = startIndex + newsPerPage; const currentNews = filteredNews.slice(startIndex, endIndex); if (currentNews.length === 0) { newsGrid.innerHTML = 'لا توجد نتائج مطابقة للبحث'; return; } currentNews.forEach(news => { const newsCard = document.createElement('div'); newsCard.className = 'news-card'; newsCard.setAttribute('tabindex', '0'); newsCard.setAttribute('role', 'article'); newsCard.setAttribute('aria-label', news.title); let categoryText = ''; switch(news.category) { case 'middle-east': categoryText = 'الشرق الأوسط وإيران'; break; case 'us-china': categoryText = 'الولايات المتحدة والصين'; break; case 'russia-ukraine': categoryText = 'روسيا وأوكرانيا'; break; case 'korea-japan': categoryText = 'كوريا الشمالية واليابان'; break; case 'africa': categoryText = 'أفريقيا'; break; case 'europe': categoryText = 'أوروبا'; break; case 'tech': categoryText = 'التكنولوجيا والعلوم'; break; case 'sports': categoryText = 'الرياضة'; break; case 'economy': categoryText = 'الاقتصاد'; break; case 'health': categoryText = 'الصحة والبيئة'; break; default: categoryText = 'عام'; } newsCard.innerHTML = ` ${categoryText} ${news.title} ${news.summary} ${news.source} ${news.date} `; newsCard.addEventListener('click', () => { openNewsModal(news); }); // Keyboard accessibility newsCard.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openNewsModal(news); } }); newsGrid.appendChild(newsCard); }); } function setupPagination() { pagination.innerHTML = ''; const totalPages = Math.ceil(filteredNews.length / newsPerPage); if (totalPages 1) { const prevBtn = document.createElement('button'); prevBtn.className = 'pagination-btn'; prevBtn.innerHTML = ''; prevBtn.setAttribute('aria-label', 'الصفحة السابقة'); prevBtn.addEventListener('click', () => { currentPage--; displayNews(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); pagination.appendChild(prevBtn); } // Page numbers for (let i = 1; i = currentPage - 1 && i { currentPage = i; displayNews(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); pagination.appendChild(pageBtn); } else if ( (i === currentPage - 2 && currentPage > 3) || (i === currentPage + 2 && currentPage < totalPages - 2) ) { const ellipsis = document.createElement('span'); ellipsis.className = 'pagination-ellipsis'; ellipsis.textContent = '...'; ellipsis.setAttribute('aria-hidden', 'true'); pagination.appendChild(ellipsis); } } // Next button if (currentPage { currentPage++; displayNews(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); pagination.appendChild(nextBtn); } } function openNewsModal(news) { document.getElementById('modal-title').textContent = news.title; document.getElementById('modal-source').textContent = news.source; document.getElementById('modal-date').textContent = news.date; document.getElementById('modal-img').src = news.image; document.getElementById('modal-img').alt = news.title; let categoryText = ''; switch(news.category) { case 'middle-east': categoryText = 'الشرق الأوسط وإيران'; break; case 'us-china': categoryText = 'الولايات المتحدة والصين'; break; case 'russia-ukraine': categoryText = 'روسيا وأوكرانيا'; break; case 'korea-japan': categoryText = 'كوريا الشمالية واليابان'; break; case 'africa': categoryText = 'أفريقيا'; break; case 'europe': categoryText = 'أوروبا'; break; case 'tech': categoryText = 'التكنولوجيا والعلوم'; break; case 'sports': categoryText = 'الرياضة'; break; case 'economy': categoryText = 'الاقتصاد'; break; case 'health': categoryText = 'الصحة والبيئة'; break; default: categoryText = 'عام'; } document.getElementById('modal-body').innerHTML = ` التصنيف: ${categoryText} ملخص: ${news.summary} المصدر: ${news.source} التاريخ: ${news.date} `; modal.style.display = 'flex'; modal.setAttribute('aria-hidden', 'false'); document.querySelector('body').style.overflow = 'hidden'; // Focus on modal for accessibility setTimeout(() => { document.getElementById('close-modal').focus(); }, 100); } function toggleDarkMode() { document.body.classList.toggle('dark-mode'); const isDarkMode = document.body.classList.contains('dark-mode'); if (isDarkMode) { darkModeToggle.innerHTML = ''; darkModeToggle.setAttribute('aria-label', 'تبديل إلى الوضع الفاتح'); darkModeToggle.setAttribute('aria-checked', 'true'); localStorage.setItem('darkMode', 'enabled'); } else { darkModeToggle.innerHTML = ''; darkModeToggle.setAttribute('aria-label', 'تبديل إلى الوضع المظلم'); darkModeToggle.setAttribute('aria-checked', 'false'); localStorage.setItem('darkMode', 'disabled'); } } // Lazy loading images function lazyLoadImages() { if ('IntersectionObserver' in window) { const imgObserver = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src; img.removeAttribute('data-src'); observer.unobserve(img); } }); }); document.querySelectorAll('img[loading="lazy"]').forEach(img => { imgObserver.observe(img); }); } } // Enhance news ticker function enhanceNewsTicker() { const ticker = document.getElementById('breaking-news-ticker'); const tickerContent = ticker.textContent; // Add more space between news items const enhancedContent = tickerContent.split('|').join(' | '); ticker.textContent = enhancedContent; // Adjust animation speed based on content length const contentLength = enhancedContent.length; const animationDuration = Math.max(30, contentLength / 10); ticker.style.animationDuration = `${animationDuration}s`; } // Check for saved dark mode preference if (localStorage.getItem('darkMode') === 'enabled') { document.body.classList.add('dark-mode'); darkModeToggle.innerHTML = ''; darkModeToggle.setAttribute('aria-checked', 'true'); } // Initialize enhancements window.addEventListener('load', () => { lazyLoadImages(); enhanceNewsTicker(); });