القائمة الرئيسية

الصفحات

May 2010

Old man of the sea (or 'heroic informatics')

Emirates Schools مدرستي الاماراتية arts 31 May 2010

The seas have long been an information and communications channel .... My source: AWADmail Issue 408 April 25, 2010 From: Steve Patterson Su...

أقراء المزيد

What's good for art students ....

Emirates Schools مدرستي الاماراتية arts 25 May 2010

Never take the stylus or brush in your hand if you have not first constituted in your mind all that you have to do. Leon Battista Alberti, O...

أقراء المزيد

Curriculum design and the value of whitespace

Emirates Schools مدرستي الاماراتية academia 24 May 2010

The best websites are often variously described as clean, slick, easy to navigate and access . They are considered 'best' often as a...

أقراء المزيد

Drawing - the stage of conceptual design

Emirates Schools مدرستي الاماراتية art 24 May 2010

The health career model - drawing - for health and social care professionals, et al.. ... "The Italian word for drawing, disegno , als...

أقراء المزيد

63rd World Health Assembly unanimously adopts the WHO global Code of practice on the international recruitment of health personnel

Emirates Schools مدرستي الاماراتية accessibility 23 May 2010

Dear HIFA2015 colleagues, Please find below a press release from the Global Health Workforce Alliance. In the words of Dr Mubashar Sheikh, G...

أقراء المزيد

The health career model, reflection, curriculum development

Emirates Schools مدرستي الاماراتية academia 22 May 2010

There are many new insights and remembrances available in the content of - Occasional Paper No 10 Connecting Reflective Learning, Teaching ...

أقراء المزيد

Nursing: Art and Science ... Fra Angelico to Leonardo

Emirates Schools مدرستي الاماراتية arts 16 May 2010

I arrived in London at noon in preparation for the Higher Education Academy mental health SIG meeting tomorrow at King's College, which ...

أقراء المزيد

Holistic bandwidth (and the dangers) of political care

Emirates Schools مدرستي الاماراتية 4-fold care 15 May 2010

The attack on MP Stephen Timms here in the UK highlights not only the ongoing importance of personal safety for public service personnel, bu...

أقراء المزيد

Health, social care and personal map making

Emirates Schools مدرستي الاماراتية BBC 14 May 2010

There have been two series running on BBC 4 in the UK over recent months and currently with a cartographic and historical focus: see - The ...

أقراء المزيد

Drupal musings 3: PHP, Textmate, h2cm and Forms

Emirates Schools مدرستي الاماراتية books 12 May 2010

Happy International Nurses' Day! For quite a few months I have not connected the MacBook to the external monitor. I did so last night u...

أقراء المزيد

Injustice: Why social inequality persists by Daniel Dorling

Emirates Schools مدرستي الاماراتية books 11 May 2010

I first came across the work of (Prof.) Danny Dorling in the 1990's in connection with workshops on visualization in the social sciences...

أقراء المزيد

International Journal of User Driven Healthcare (IJUDH) CfP

Emirates Schools مدرستي الاماراتية care pathway 09 May 2010

Dear Mr. Jones In view of your work in patient-centered care, I’d like to invite you and/or your colleagues to submit a paper to this Specia...

أقراء المزيد

Comment: session at Beyond These Walls - Public Engagement Colloquium

Emirates Schools مدرستي الاماراتية care domains 07 May 2010

I am of course really pleased that Prof. George Kernohan employed h2cm in his presentation last month - Beyond These Walls - Public Engageme...

أقراء المزيد

Hodges' model: subject of a session at Beyond These Walls - Public Engagement Colloquium

Emirates Schools مدرستي الاماراتية care domains 04 May 2010

Hodges' model found a place in a session at: Beyond These Walls - Public Engagement Colloquium Faculty of Life and Health Sciences 22nd ...

أقراء المزيد

Health, social care and informational emaciation

Emirates Schools مدرستي الاماراتية aptitude 01 May 2010

We hear a lot about information and how important it is, being in what is described as the information age, the information economy. ... Nu...

أقراء المزيد

عرض المزيد

جارٍ التحميل...

/*<![CDATA[*/ /* ============================================================ ملف JavaScript المتقدم - ثيم عربي احترافي مع حركات ============================================================ */ (function() { 'use strict'; /* ========================================================= 1. شاشة التحميل (Page Loader) ========================================================= */ function initLoader() { var loader = document.getElementById('page-loader'); if (!loader) return; window.addEventListener('load', function() { setTimeout(function() { loader.classList.add('hidden'); // إزالة الشاشة نهائياً بعد الانتهاء setTimeout(function() { if (loader && loader.parentNode) loader.parentNode.removeChild(loader); }, 600); }, 400); }); } /* ========================================================= 2. شريط تقدم القراءة (Reading Progress) ========================================================= */ function initReadingProgress() { var bar = document.getElementById('reading-progress'); if (!bar) { bar = document.createElement('div'); bar.id = 'reading-progress'; document.body.insertBefore(bar, document.body.firstChild); } window.addEventListener('scroll', function() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop; var docHeight = document.documentElement.scrollHeight - window.innerHeight; var progress = docHeight > 0 ? scrollTop / docHeight : 0; bar.style.transform = 'scaleX(' + progress + ')'; }, { passive: true }); } /* ========================================================= 3. الهيدر اللاصق (Sticky Header) ========================================================= */ function initStickyHeader() { var headerBg = document.querySelector('.HeaderBg'); if (!headerBg) return; var lastScroll = 0; window.addEventListener('scroll', function() { var currentScroll = window.pageYOffset; if (currentScroll > 80) { headerBg.classList.add('scrolled'); } else { headerBg.classList.remove('scrolled'); } // إخفاء الهيدر عند التمرير للأسفل بسرعة if (currentScroll > lastScroll && currentScroll > 200) { headerBg.style.transform = 'translateY(-100%)'; } else { headerBg.style.transform = 'translateY(0)'; } lastScroll = currentScroll; }, { passive: true }); } /* ========================================================= 4. زر العودة للأعلى (Back to Top) ========================================================= */ function initBackToTop() { var btn = document.querySelector('.toTopB'); if (!btn) return; window.addEventListener('scroll', function() { if (window.pageYOffset > 400) { btn.classList.add('vsbl'); } else { btn.classList.remove('vsbl'); } }, { passive: true }); btn.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); // تأثير الدوران عند النقر btn.style.transform = 'scale(1.2) rotate(360deg)'; setTimeout(function() { btn.style.transform = ''; }, 500); }); } /* ========================================================= 5. وضع الليل / النهار (Dark Mode) ========================================================= */ function initDarkMode() { // تطبيق الوضع المحفوظ if (localStorage.getItem('mode') === 'darkmode') { document.body.classList.add('dark-mode'); if (document.documentElement) document.documentElement.setAttribute('mode', 'dark'); } // زر تبديل الوضع var dmode = document.querySelector('.Dmode'); if (!dmode) return; dmode.addEventListener('click', function() { var isDark = document.body.classList.toggle('dark-mode'); document.documentElement.setAttribute('mode', isDark ? 'dark' : 'light'); localStorage.setItem('mode', isDark ? 'darkmode' : 'lightmode'); // تأثير تموج عند التبديل dmode.style.transform = 'scale(1.3) rotate(180deg)'; setTimeout(function() { dmode.style.transform = ''; }, 400); // إظهار تنبيه مؤقت showToast(isDark ? '🌙 الوضع الليلي مفعّل' : '☀️ الوضع النهاري مفعّل'); }); } /* ========================================================= 6. حركة العناصر عند التمرير (Scroll Animations) ========================================================= */ function initScrollAnimations() { // إضافة كلاس للعناصر القابلة للتحريك var selectors = [ '.posts', '.trelists', '#sidepar-wid .widget', '.post-amp', 'article.post-amp', '.headline', '.footer-col', '.author-profile', '#tocDiv', '.comment-plugin', '.Authors-plugin' ]; selectors.forEach(function(sel) { document.querySelectorAll(sel).forEach(function(el, i) { el.classList.add('animate-on-scroll'); el.style.transitionDelay = (i * 0.07) + 's'; }); }); function checkElements() { var windowHeight = window.innerHeight; document.querySelectorAll('.animate-on-scroll:not(.animated)').forEach(function(el) { var rect = el.getBoundingClientRect(); if (rect.top < windowHeight - 60) { el.classList.add('animated'); } }); } // تفعيل IntersectionObserver إذا كان متاحاً if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('animated'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' }); document.querySelectorAll('.animate-on-scroll').forEach(function(el) { observer.observe(el); }); } else { window.addEventListener('scroll', checkElements, { passive: true }); checkElements(); } } /* ========================================================= 7. تأثير Ripple للأزرار ========================================================= */ function initRippleEffect() { var rippleSelectors = '.moreLink, .headline .Lapel-Link, a.Lapel-Link, .loadMore div, .blog-pager'; document.querySelectorAll(rippleSelectors).forEach(function(btn) { btn.classList.add('btn-ripple'); btn.addEventListener('click', function(e) { var rect = btn.getBoundingClientRect(); var ripple = document.createElement('span'); var size = Math.max(rect.width, rect.height); ripple.style.cssText = 'position:absolute;border-radius:50%;background:rgba(255,255,255,0.4);' + 'width:' + size + 'px;height:' + size + 'px;' + 'top:' + (e.clientY - rect.top - size/2) + 'px;' + 'left:' + (e.clientX - rect.left - size/2) + 'px;' + 'transform:scale(0);animation:ripple 0.6s linear;pointer-events:none;'; btn.appendChild(ripple); setTimeout(function() { ripple.remove(); }, 700); }); }); } /* ========================================================= 8. تحميل الصور الكسول (Lazy Loading) ========================================================= */ function initLazyLoad() { if (!window.LazyLoad && typeof LazyLoad === 'undefined') { // تنفيذ lazy load بسيط var imgObserver; if ('IntersectionObserver' in window) { imgObserver = new IntersectionObserver(function(entries, obs) { entries.forEach(function(entry) { if (entry.isIntersecting) { var img = entry.target; var src = img.getAttribute('data-src'); if (src) { img.src = src; img.removeAttribute('data-src'); img.closest('.Img-Holder') && img.closest('.Img-Holder').classList.add('Img-Loaded'); obs.unobserve(img); } } }); }, { rootMargin: '200px 0px' }); document.querySelectorAll('img[data-src]').forEach(function(img) { imgObserver.observe(img); }); } else { // Fallback لجميع الصور document.querySelectorAll('img[data-src]').forEach(function(img) { img.src = img.getAttribute('data-src'); img.removeAttribute('data-src'); }); } } } /* ========================================================= 9. تأثيرات الجسيمات في الخلفية (Particles) ========================================================= */ function initParticles() { var hero = document.querySelector('.HeaderBg'); if (!hero) return; // إنشاء 5 جسيمات بشكل دوري function createParticle() { var particle = document.createElement('div'); particle.className = 'particle'; var size = Math.random() * 6 + 3; particle.style.cssText = 'position:fixed;border-radius:50%;pointer-events:none;z-index:-1;' + 'width:' + size + 'px;height:' + size + 'px;' + 'background:rgba(124,58,237,' + (Math.random() * 0.3 + 0.1) + ');' + 'right:' + Math.random() * 100 + '%;' + 'bottom:' + Math.random() * 20 + '%;' + 'animation:particleFloat ' + (Math.random() * 3 + 2) + 's ease-in-out forwards;'; document.body.appendChild(particle); setTimeout(function() { particle.remove(); }, 5000); } setInterval(createParticle, 1500); } /* ========================================================= 10. إشعارات Toast ========================================================= */ function showToast(message, type) { type = type || 'info'; var toast = document.createElement('div'); var colors = { info: '#7c3aed', success: '#10b981', error: '#ef4444', warning: '#f59e0b' }; toast.style.cssText = 'position:fixed;bottom:90px;right:20px;' + 'background:' + (colors[type] || colors.info) + ';color:#fff;' + 'padding:12px 20px;border-radius:10px;font-size:13px;font-weight:700;' + 'box-shadow:0 4px 20px rgba(0,0,0,0.2);z-index:99999;direction:rtl;' + 'animation:fadeInRight 0.4s ease,fadeOutRight 0.4s ease 2.5s forwards;' + 'max-width:280px;line-height:1.4;'; toast.textContent = message; // إضافة keyframes إذا لم تكن موجودة if (!document.getElementById('toast-styles')) { var s = document.createElement('style'); s.id = 'toast-styles'; s.textContent = '@keyframes fadeOutRight{to{opacity:0;transform:translateX(100%)}}'; document.head.appendChild(s); } document.body.appendChild(toast); setTimeout(function() { toast.remove(); }, 3200); } // تعريف عالمي للاستخدام من الخارج window.showToast = showToast; /* ========================================================= 11. عداد الأرقام (Counter Animation) ========================================================= */ function initCounters() { document.querySelectorAll('.Stats .digit strong, [data-count]').forEach(function(el) { var target = parseInt(el.getAttribute('data-count') || el.textContent, 10); if (isNaN(target)) return; el.textContent = '0'; var obs = new IntersectionObserver(function(entries, obs) { if (!entries[0].isIntersecting) return; obs.unobserve(el); var start = 0, duration = 1500, step = target / (duration / 16); var timer = setInterval(function() { start += step; if (start >= target) { el.textContent = target.toLocaleString('ar'); clearInterval(timer); } else el.textContent = Math.floor(start).toLocaleString('ar'); }, 16); }, { threshold: 0.5 }); obs.observe(el); }); } /* ========================================================= 12. تأثير الكتابة (Typing Effect) للشريط الإخباري ========================================================= */ function initTypingEffect() { var titleEl = document.querySelector('.ShreetTitle'); if (!titleEl) return; var originalText = titleEl.textContent.trim(); titleEl.textContent = ''; titleEl.style.borderLeft = '2px solid rgba(255,255,255,0.7)'; var i = 0; function type() { if (i < originalText.length) { titleEl.textContent += originalText[i++]; setTimeout(type, 80); } else { titleEl.style.borderLeft = 'none'; } } setTimeout(type, 1000); } /* ========================================================= 13. تأثير Tilt للبطاقات ========================================================= */ function initTiltEffect() { document.querySelectorAll('.Sp-slide .posts, .Sp-posts1 .posts').forEach(function(card) { card.addEventListener('mousemove', function(e) { var rect = card.getBoundingClientRect(); var x = e.clientX - rect.left; var y = e.clientY - rect.top; var centerX = rect.width / 2; var centerY = rect.height / 2; var tiltX = ((y - centerY) / centerY) * 5; var tiltY = ((x - centerX) / centerX) * -5; card.style.transform = 'perspective(1000px) rotateX(' + tiltX + 'deg) rotateY(' + tiltY + 'deg) translateZ(5px)'; }); card.addEventListener('mouseleave', function() { card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateZ(0)'; card.style.transition = 'transform 0.5s ease'; }); }); } /* ========================================================= 14. نافذة مشاركة مخصصة (Custom Share) ========================================================= */ function initCustomShare() { document.querySelectorAll('[data-share]').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); var type = btn.getAttribute('data-share'); var url = encodeURIComponent(window.location.href); var title = encodeURIComponent(document.title); var shareUrls = { facebook: 'https://www.facebook.com/sharer/sharer.php?u=' + url, twitter: 'https://twitter.com/intent/tweet?url=' + url + '&text=' + title, whatsapp: 'https://wa.me/?text=' + title + '%20' + url, telegram: 'https://t.me/share/url?url=' + url + '&text=' + title, linkedin: 'https://www.linkedin.com/shareArticle?url=' + url + '&title=' + title, pinterest:'https://pinterest.com/pin/create/button/?url=' + url + '&description=' + title }; if (shareUrls[type]) { window.open(shareUrls[type], '_blank', 'width=600,height=400'); } else if (type === 'copy') { if (navigator.clipboard) { navigator.clipboard.writeText(window.location.href).then(function() { showToast('✅ تم نسخ الرابط بنجاح!', 'success'); }); } } }); }); } /* ========================================================= 15. تحسين نموذج البحث ========================================================= */ function initSearchEnhancement() { var searchInputs = document.querySelectorAll('input[name="q"], #searchIn'); searchInputs.forEach(function(inp) { inp.addEventListener('focus', function() { inp.closest('.fxbox, .search-input') && inp.closest('.fxbox, .search-input').classList.add('focused'); }); inp.addEventListener('blur', function() { inp.closest('.fxbox, .search-input') && inp.closest('.fxbox, .search-input').classList.remove('focused'); }); // تصفية مقترحات البحث inp.addEventListener('keydown', function(e) { if (e.key === 'Escape') { var navC = document.getElementById('NavC'); if (navC) navC.checked = false; } }); }); } /* ========================================================= 16. تحريك الأعداد الإحصائية ========================================================= */ function initStatsAnimation() { document.querySelectorAll('.Stats .widget-content').forEach(function(el) { el.classList.add('animate-on-scroll'); }); } /* ========================================================= 17. تأثير بريق على الصور (Image Shine) ========================================================= */ function initImageShine() { document.querySelectorAll('.Sp-slide a.thumb, .Sp-posts4 .postnum0 a.thumb').forEach(function(img) { img.addEventListener('mouseenter', function() { var shine = document.createElement('div'); shine.style.cssText = 'position:absolute;top:0;left:-100%;width:60%;height:100%;' + 'background:linear-gradient(to right,transparent,rgba(255,255,255,0.25),transparent);' + 'transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none;z-index:5;'; img.style.overflow = 'hidden'; img.appendChild(shine); setTimeout(function() { shine.style.left = '150%'; }, 50); setTimeout(function() { if (shine.parentNode) shine.remove(); }, 700); }); }); } /* ========================================================= 18. تتبع إحصاءات التمرير ========================================================= */ function initScrollTracking() { var milestones = [25, 50, 75, 100]; var reached = {}; window.addEventListener('scroll', function() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop; var docHeight = document.documentElement.scrollHeight - window.innerHeight; var percent = Math.round((scrollTop / docHeight) * 100); milestones.forEach(function(m) { if (percent >= m && !reached[m]) { reached[m] = true; // يمكن استخدامها مع Google Analytics if (typeof gtag !== 'undefined') { gtag('event', 'scroll', { 'event_category': 'engagement', 'event_label': m + '%' }); } } }); }, { passive: true }); } /* ========================================================= 19. رابط نسخ الرابط ========================================================= */ function initCopyLink() { document.querySelectorAll('[title="copyLink"], .copy-link').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); if (navigator.clipboard) { navigator.clipboard.writeText(window.location.href).then(function() { showToast('✅ تم نسخ الرابط!', 'success'); }); } }); }); } /* ========================================================= 20. تحسين الصور بالتحميل التدريجي ========================================================= */ function initProgressiveImages() { document.querySelectorAll('img[data-src]').forEach(function(img) { img.style.filter = 'blur(5px)'; img.style.transition = 'filter 0.5s ease'; img.addEventListener('load', function() { img.style.filter = 'none'; var holder = img.closest('.Img-Holder'); if (holder) holder.classList.add('Img-Loaded'); }); }); } /* ========================================================= 21. تأثير الموج عند النقر على الروابط ========================================================= */ function initLinkHoverEffect() { document.querySelectorAll('nav ul li a, .mainmenu ul li .minlin').forEach(function(link) { link.addEventListener('mouseenter', function() { link.style.transition = 'all 0.3s cubic-bezier(0.34,1.56,0.64,1)'; }); }); } /* ========================================================= 22. التحقق من صحة نموذج الاتصال ========================================================= */ function initFormValidation() { document.querySelectorAll('#contact-form form, .comment-form').forEach(function(form) { form.addEventListener('submit', function(e) { var valid = true; form.querySelectorAll('input[required], textarea[required]').forEach(function(field) { if (!field.value.trim()) { field.style.borderColor = '#ef4444'; field.style.boxShadow = '0 0 0 3px rgba(239,68,68,0.15)'; valid = false; setTimeout(function() { field.style.borderColor = ''; field.style.boxShadow = ''; }, 3000); } }); if (!valid) { e.preventDefault(); showToast('⚠️ يرجى ملء جميع الحقول المطلوبة', 'warning'); } }); }); } /* ========================================================= 23. تعديل تاريخ المقالات لعرض "منذ X" ========================================================= */ function initRelativeTime() { if (typeof GetAgo === 'function') return; // موجودة بالفعل في القالب document.querySelectorAll('time[datetime]').forEach(function(el) { var dt = new Date(el.getAttribute('datetime')); var now = new Date(); var diff = Math.floor((now - dt) / 1000); var text; if (diff < 60) text = 'منذ قليل'; else if (diff < 3600) text = 'منذ ' + Math.floor(diff/60) + ' دقيقة'; else if (diff < 86400) text = 'منذ ' + Math.floor(diff/3600) + ' ساعة'; else if (diff < 2592000)text = 'منذ ' + Math.floor(diff/86400) + ' يوم'; else if (diff < 31536000)text = 'منذ ' + Math.floor(diff/2592000) + ' شهر'; else text = 'منذ ' + Math.floor(diff/31536000) + ' سنة'; el.textContent = text; el.title = dt.toLocaleDateString('ar'); }); } /* ========================================================= 24. تكبير الصور (Lightbox بسيط) ========================================================= */ function initLightbox() { document.querySelectorAll('.post-body img:not([data-no-lightbox])').forEach(function(img) { img.style.cursor = 'zoom-in'; img.addEventListener('click', function() { var overlay = document.createElement('div'); overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:999999;' + 'display:flex;align-items:center;justify-content:center;' + 'animation:fadeInUp 0.3s ease;cursor:zoom-out;'; var bigImg = document.createElement('img'); bigImg.src = img.src; bigImg.style.cssText = 'max-width:90vw;max-height:90vh;border-radius:12px;' + 'box-shadow:0 20px 60px rgba(0,0,0,0.5);' + 'animation:scaleIn 0.3s ease;'; var closeBtn = document.createElement('button'); closeBtn.textContent = '✕'; closeBtn.style.cssText = 'position:absolute;top:20px;left:20px;background:rgba(255,255,255,0.2);' + 'border:none;color:#fff;font-size:24px;width:44px;height:44px;' + 'border-radius:50%;cursor:pointer;transition:all 0.3s;'; closeBtn.addEventListener('mouseenter', function() { this.style.background = 'rgba(255,255,255,0.3)'; }); closeBtn.addEventListener('mouseleave', function() { this.style.background = 'rgba(255,255,255,0.2)'; }); overlay.appendChild(bigImg); overlay.appendChild(closeBtn); document.body.appendChild(overlay); document.body.style.overflow = 'hidden'; function closeOverlay() { overlay.style.opacity = '0'; overlay.style.transition = 'opacity 0.3s'; setTimeout(function() { overlay.remove(); document.body.style.overflow = ''; }, 300); } closeBtn.addEventListener('click', closeOverlay); overlay.addEventListener('click', function(e) { if (e.target === overlay) closeOverlay(); }); document.addEventListener('keydown', function handler(e) { if (e.key === 'Escape') { closeOverlay(); document.removeEventListener('keydown', handler); } }); }); }); } /* ========================================================= 25. تأثيرات القائمة الجانبية للجوال ========================================================= */ function initMobileMenuEffects() { var navM = document.getElementById('NavM'); var sidenav = document.querySelector('.sidenav'); if (!navM || !sidenav) return; navM.addEventListener('change', function() { if (navM.checked) { document.body.style.overflow = 'hidden'; sidenav.querySelectorAll('.mainmenu ul li').forEach(function(li, i) { li.style.opacity = '0'; li.style.transform = 'translateX(20px)'; setTimeout(function() { li.style.transition = 'all 0.3s ease'; li.style.opacity = '1'; li.style.transform = 'translateX(0)'; }, i * 60 + 100); }); } else { document.body.style.overflow = ''; } }); } /* ========================================================= 26. تأثير النبض على أيقونات الشبكات الاجتماعية ========================================================= */ function initSocialIcons() { document.querySelectorAll('.social-static.social li .soca').forEach(function(icon) { icon.addEventListener('mouseenter', function() { icon.style.animation = 'wobble 0.5s ease'; }); icon.addEventListener('animationend', function() { icon.style.animation = ''; }); }); } /* ========================================================= 27. تأثير البحث الصوتي (اختياري) ========================================================= */ function initVoiceSearch() { if (!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) return; var searchInputs = document.querySelectorAll('input[name="q"]'); searchInputs.forEach(function(inp) { var micBtn = document.createElement('button'); micBtn.type = 'button'; micBtn.innerHTML = '🎤'; micBtn.style.cssText = 'background:none;border:none;font-size:16px;cursor:pointer;' + 'padding:0 5px;transition:transform 0.3s;'; micBtn.title = 'بحث صوتي'; inp.parentNode && inp.parentNode.appendChild(micBtn); var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; micBtn.addEventListener('click', function() { var recognition = new SpeechRecognition(); recognition.lang = 'ar-SA'; recognition.onresult = function(e) { inp.value = e.results[0][0].transcript; micBtn.innerHTML = '🎤'; micBtn.style.transform = ''; }; recognition.onstart = function() { micBtn.innerHTML = '🔴'; micBtn.style.transform = 'scale(1.3)'; showToast('🎤 جارٍ الاستماع...', 'info'); }; recognition.onerror = function() { micBtn.innerHTML = '🎤'; micBtn.style.transform = ''; }; recognition.start(); }); }); } /* ========================================================= 28. تحديث الرقم العائم لعدد الأقسام في القائمة ========================================================= */ function initLabelCounts() { document.querySelectorAll('.label-count').forEach(function(span) { var num = parseInt(span.textContent, 10); if (!isNaN(num) && num > 0) { span.title = num + ' مشاركة'; } }); } /* ========================================================= 29. تحسين أداء الـ Scroll مع requestAnimationFrame ========================================================= */ var ticking = false; function onScroll() { if (!ticking) { window.requestAnimationFrame(function() { // يمكن إضافة منطق هنا للعمليات الثقيلة ticking = false; }); ticking = true; } } /* ========================================================= 30. تهيئة جميع الوظائف ========================================================= */ function init() { initLoader(); initReadingProgress(); initStickyHeader(); initBackToTop(); initDarkMode(); initScrollAnimations(); initRippleEffect(); initLazyLoad(); initSearchEnhancement(); initSocialIcons(); initCopyLink(); initProgressiveImages(); initLinkHoverEffect(); initRelativeTime(); initCounters(); initFormValidation(); initLabelCounts(); // تأثيرات تُفعَّل بعد تحميل DOM if (document.readyState === 'complete' || document.readyState === 'interactive') { initTypingEffect(); initTiltEffect(); initImageShine(); initMobileMenuEffects(); setTimeout(initParticles, 2000); setTimeout(initLightbox, 500); setTimeout(initCustomShare, 300); setTimeout(initVoiceSearch, 1000); } else { document.addEventListener('DOMContentLoaded', function() { initTypingEffect(); initTiltEffect(); initImageShine(); initMobileMenuEffects(); setTimeout(initParticles, 2000); setTimeout(initLightbox, 500); setTimeout(initCustomShare, 300); setTimeout(initVoiceSearch, 1000); }); } window.addEventListener('scroll', onScroll, { passive: true }); } // تشغيل عند تحميل الصفحة if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } /* ========================================================= مساعدات عامة ========================================================= */ window.BlogThemeHelpers = { showToast: showToast, initScrollAnimations: initScrollAnimations, initLightbox: initLightbox }; })(); /* ========================================================= ملاحظة: هذا الملف يُدمج داخل <b:skin> أو <script> في الـ XML ويعمل مع نظام Blogger الأصلي (data:, b:if, b:loop) ========================================================= */ /*]]>*/ window['__wavt'] = 'APlU3lxqTXeL4pZBj24gwbbI4yhV:1775735532538';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1631410060530122912','//thekochfamilys.blogspot.com/2010/05/','1631410060530122912'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1631410060530122912', 'title': 'The Koch Family', 'url': 'https://thekochfamilys.blogspot.com/2010/05/', 'canonicalUrl': 'http://thekochfamilys.blogspot.com/2010/05/', 'homepageUrl': 'https://thekochfamilys.blogspot.com/', 'searchUrl': 'https://thekochfamilys.blogspot.com/search', 'canonicalHomepageUrl': 'http://thekochfamilys.blogspot.com/', 'blogspotFaviconUrl': 'https://thekochfamilys.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22The Koch Family - Atom\x22 href\x3d\x22https://thekochfamilys.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22The Koch Family - RSS\x22 href\x3d\x22https://thekochfamilys.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22The Koch Family - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1631410060530122912/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5ddb33369fcd32d1', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'archive', 'pageName': 'May 2010', 'pageTitle': 'The Koch Family: May 2010'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'The Koch Family', 'description': 'Your Modern Family blog. Together, we will talk about raising kids, organizing the home and saving money! Right now ...', 'url': 'https://thekochfamilys.blogspot.com/2010/05/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2010, 'month': 5, 'rangeMessage': 'Showing posts from May, 2010'}}}, {'name': 'widgets', 'data': [{'title': 'BlogLabels', 'type': 'Label', 'sectionId': 'sittings', 'id': 'Label400'}, {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'type': 'PageList', 'sectionId': 'pages', 'id': 'PageList1'}, {'title': 'The Koch Family (Header)', 'type': 'Header', 'sectionId': 'logo', 'id': 'Header1'}, {'title': '\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'type': 'LinkList', 'sectionId': 'menu', 'id': 'LinkList22'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '4797573761205711289', 'title': 'Old man of the sea (or \x26#39;heroic informatics\x26#39;)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii_9ii3zEhvw-m7eZt19bJDO-nfQduNZL9hQqdC_RYiDsq6FKTUfmD-bvZGKe1-0HpZyWzaojnXoiTxZA_4uhv-TL3zn5dx0Lf1LwC3r01N9M6EL-MqOhXSSBKd7HgkVQItGvCxlZ1jyo/s400/proteus_Sml.jpg', 'showInlineAds': false}, {'id': '4966913040378407861', 'title': 'What\x26#39;s good for art students ....', 'showInlineAds': false}, {'id': '751736793737816005', 'title': 'Curriculum design and the value of whitespace', 'showInlineAds': false}, {'id': '835573435525578966', 'title': 'Drawing - the stage of conceptual design', 'showInlineAds': false}, {'id': '4593020047837099459', 'title': '63rd World Health Assembly unanimously adopts the WHO global Code of practice on the international recruitment of health personnel', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxoq4u5gY3LdsFoqih1IKtbri1pwAgrPtutCtwVAai7dbRLkXoC2dqQo81SsPzjvsDHIRPshiNcnY-YLDYDB9wKTbVYc6IJ0PVNk-IrOzmHKrCQgAKMQUWPzp1TCDiC4vI89OiPjOY3Bc/s400/wha63_opening_20100517_sm.jpg', 'showInlineAds': false}, {'id': '8047945368231086162', 'title': 'The health career model, reflection, curriculum development', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbusBw6OXoBW3HYRquasP6LqaDpmz1L1EMxuKV3jg4C_b4icv8LL-Z1SUyo5EUNt7oIjXbPxNpLN1NEF-j12bwwLZ4qy-BKha8tJdKCxedyTBUlgp54NLDKRC88TW4_cKTPqNPRGwVG0/s400/stargate_replica_mirror.JPG', 'showInlineAds': false}, {'id': '2097428179287452444', 'title': 'Nursing: Art and Science ... Fra Angelico to Leonardo', 'showInlineAds': false}, {'id': '6979141047777705306', 'title': 'Holistic bandwidth (and the dangers) of political care', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFViDGvZXhcGUnHawyJJsxhct_hXXjkorJPT9p9LeMKINoPdTRQDAmEYhYU_Tre1AkHm6MHcBHkYAFbslMgEPKfEucKxpFjmwjqCJbxvGc02K_4VWvAtDo2X7l6gNg3BggYDWKYSAo-Mk/s400/parliament-uk-logo.gif', 'showInlineAds': false}, {'id': '2615048740493803246', 'title': 'Health, social care and personal map making', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6P-n7nIp3J9iR9c9_tMDUqke7UlHkRNPpPDBt8hTpd2h0It0yAmM8SsmQUkEcJ-h1Q2QzR96uKNBkiqlZo3EVELCMPDikW7WQY9m70LotgK_-wXZYM9kEQr3Ghr2QEzN5kLxNaB56RgI/s400/300px-Jan_Vermeer_van_Delft_011.jpg', 'showInlineAds': false}, {'id': '7486862071720551460', 'title': 'Drupal musings 3: PHP, Textmate, h2cm and Forms', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaBOisB6ogr90TQsjToQ8IUUzdGTKzeNEnbxWdrd6svvyU_Ezb04DQKBL3Q41VcD6vWCtygk3RAWFHrrskNtCH1y57TQeNTD2W8EW29LU4IPHOi6DKV4EbdpQPRS2EUK1BAwKLTms-TVY/s200/nd_logo.jpg', 'showInlineAds': false}, {'id': '1437999224036642813', 'title': 'Injustice: Why social inequality persists by Daniel Dorling', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivKlZlaMmWFpUTLZOQRM6H0pCjeZXIUbq48mUp4XV1Y-m2vOuOrq1oP_89wb10qZQR7JGJJvaVjVyIMreebVypDzqvzFjBFTRp5tLz2R7y3xdxVQJy01fHnhU8Xzumq23fKzJZdQ90Ad4/s400/thespiritlevel.jpg', 'showInlineAds': false}, {'id': '9005621991461817602', 'title': 'International Journal of User Driven Healthcare (IJUDH) CfP', 'showInlineAds': false}, {'id': '2143848650367135723', 'title': 'Comment: session at Beyond These Walls - Public Engagement Colloquium', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX7Sa5Ca3PWHMVWAUoavi57zwlVWcgq6zCCaoTnL5QRyoDP805B8AOaqWQDgmx_gZWnYDDwtYMm0bhhW-oXYHFlC27JInpdSMDXBY-XyZ26RsV7YLwBzrReIGqbcHI9b8EB6LYoApaOZI/s400/p076_area_sector.gif', 'showInlineAds': false}, {'id': '2089226071308989615', 'title': 'Hodges\x26#39; model: subject of a session at Beyond These Walls - Public Engagement Colloquium', 'showInlineAds': false}, {'id': '8888335447975898535', 'title': 'Health, social care and informational emaciation', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'coment rios'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}]}], 'allBylineItems': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'coment rios'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}]}]}]); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label400', 'sittings', document.getElementById('Label400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'pages', document.getElementById('PageList1'), {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'links': [{'isCurrentPage': false, 'href': 'https://thekochfamilys.blogspot.com/', 'title': '\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'menu', document.getElementById('LinkList22'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2626028960-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));