لعبة تعليمية تساعد الطلاب على فهم مادة الأحياء باستخدام تقنية ثلاثية الأبعاد

لعبة تعليمية تساعد الطلاب على فهم مادة الأحياء باستخدام تقنية ثلاثية الأبعاد

لعبة تعليمية تساعد الطلاب على فهم مادة الأحياء باستخدام تقنية ثلاثية الأبعاد

المصدر الفني: feeds.bbci.co.uk

إقرأ التفاصيل الكاملة

No comments:

Post a Comment

🤔

Subscribe to: Post Comments (Atom)

"'''

(function() { // 1. تعريف مجموعات الألوان المتناسقة (كل مجموعة هي "هوية" كاملة) const themes = [ { name: "Cyberpunk", bg: "#050505", txt: "#e0e0e0", acc: "#00ffd5", muted: "#1a1a1a" }, { name: "Deep Sea", bg: "#0d1b2a", txt: "#e0e1dd", acc: "#4cc9f0", muted: "#1b263b" }, { name: "Forest Night", bg: "#1b4332", txt: "#d8f3dc", acc: "#95d5b2", muted: "#081c15" }, { name: "Industrial", bg: "#2b2d42", txt: "#edf2f4", acc: "#ef233c", muted: "#8d99ae" }, { name: "Luxury Gold", bg: "#1c1c1c", txt: "#f5f5f5", acc: "#d4af37", muted: "#333333" }, { name: "Midnight Purple", bg: "#240046", txt: "#ff9e00", acc: "#c77dff", muted: "#3c096c" } ]; function applyTheme() { // التحقق مما إذا كان هناك سمة مختارة مسبقاً في هذه الجلسة let selectedTheme; const savedTheme = sessionStorage.getItem('current_site_theme'); if (savedTheme) { selectedTheme = JSON.parse(savedTheme); } else { // اختيار عشوائي لمجموعة متناسقة selectedTheme = themes[Math.floor(Math.random() * themes.length)]; sessionStorage.setItem('current_site_theme', JSON.stringify(selectedTheme)); } // 2. إنشاء ستايل يعتمد على المتغيرات (CSS Variables) لسهولة التعديل const style = document.createElement('style'); style.id = 'dynamic-coordinated-theme'; style.innerHTML = ` :root { --bg-color: ${selectedTheme.bg}; --text-color: ${selectedTheme.txt}; --accent-color: ${selectedTheme.acc}; --muted-color: ${selectedTheme.muted}; } /* تطبيق الألوان على العناصر الأساسية */ body, .main-outer, .footer-outer { background-color: var(--bg-color) !important; color: var(--text-color) !important; } /* العناوين والروابط */ h1, h2, h3, a, .post-title, .title { color: var(--accent-color) !important; } /* النصوص الجانبية أو الأقل أهمية */ .sidebar, .description, .post-footer { color: var(--text-color) !important; opacity: 0.9; } /* الحواجز والخطوط الفاصلة */ hr, .border, .widget { border-color: var(--muted-color) !important; } /* الأزرار أو العناصر المميزة */ .button, .badge, .selected { background-color: var(--accent-color) !important; color: var(--bg-color) !important; } `; document.head.appendChild(style); console.log("تم تطبيق السمة: " + selectedTheme.name); } // التنفيذ الفوري if (document.readyState === 'complete' || document.readyState === 'interactive') { applyTheme(); } else { document.addEventListener('DOMContentLoaded', applyTheme); } })();