open source

The culture war at the heart of open source

Emirates Schools مدرستي الاماراتية open source 04 April 2019

I enjoyed reading this post: https://words.steveklabnik.com/the-culture-war-at-the-heart-of-open-source Here is my highlight: If you ask a ...

أقراء المزيد

Drupalcamp London 2014: The Government Digital Service, Drupal 8 Multilingual features, Twig

Emirates Schools مدرستي الاماراتية analysis 01 March 2014

Flood hack DrupalCamp London today got underway with a keynote Delivering User-centred Digital Services by Mark O'Neill from the UK Gov...

أقراء المزيد

Drupal in Education: Richer experiences with Drupal 7 and H5P (HTML5 Package)!

Emirates Schools مدرستي الاماراتية #dclondon 24 February 2014

The H5P module is finally available for Drupal 7! Now you can download H5P and H5P content types empowering you to create great rich exper...

أقراء المزيد

mEDucator 3.0 | Open Linked Education - Melina+ (Drupal)

Emirates Schools مدرستي الاماراتية application 22 December 2013

Checking through links yesterday I came across the mEDucator initiative and Melina+ [no longer available] which is part and noticed it is bu...

أقراء المزيد

Drupalcon Prague: sessions, missed ops, leaflets and old contacts - renewed

Emirates Schools مدرستي الاماراتية #drupalEdu 28 September 2013

The structure of Drupalcons provide a range of sources for learning, networking and information. The main sessions are the most obvious sour...

أقراء المزيد

Surveys, Nursing Education, Drupal and Webform

Emirates Schools مدرستي الاماراتية academia 25 September 2013

Just before heading to Drupalcon Prague I learned of a new paper by Gill et al. : Using a web-based survey tool to undertake a Delphi study...

أقراء المزيد

Hodges' model - Website, Blog and the UK Web Archive

Emirates Schools مدرستي الاماراتية #h2cm 09 September 2013

Early this morning the blog threw a wobbly, at least on Firefox. The sidebar was being displayed below the main content. I take this as a si...

أقراء المزيد

H5P framework: rich content and applications in Drupal

Emirates Schools مدرستي الاماراتية #drupalEdu 21 May 2013

If I ever get to create a new site devoted to Hodges' model it will be an enjoyable experience. A couple of weeks ago I learned of a fra...

أقراء المزيد

Drupal musings 4: Modules and the nursing masquerade

Emirates Schools مدرستي الاماراتية admin 15 June 2010

Periodically I go through the list of available modules for Drupal both the current version and that in development - at present that is ver...

أقراء المزيد

Sahana OSS response in Haiti

Emirates Schools مدرستي الاماراتية communication 17 January 2010

My source: Community informatics list [ciresearchers]: Sahana Software Foundation Haiti Earthquake Response Status Report #1 January 17, 201...

أقراء المزيد

عرض المزيد

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

/*<![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'] = 'ACvIOeDJTlwkmvmmuU4U2hy6-bbp:1787994393169';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1631410060530122912','//thekochfamilys.blogspot.com/search/label/open%20source','1631410060530122912'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1631410060530122912', 'title': 'The Koch Family', 'url': 'https://thekochfamilys.blogspot.com/search/label/open%20source', 'canonicalUrl': 'http://thekochfamilys.blogspot.com/search/label/open%20source', '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/60c74d2208a5674d', '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': 'index', 'searchLabel': 'open source', 'pageName': 'open source', 'pageTitle': 'The Koch Family: open source'}}, {'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/search/label/open%20source', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'open source', 'resultsMessage': 'Showing posts with the label open source', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eopen source\x3c/span\x3e'}}}, {'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': '4678228354722773690', 'title': 'The culture war at the heart of open source', 'showInlineAds': false}, {'id': '4187474385672371817', 'title': 'Drupalcamp London 2014: The Government Digital Service, Drupal 8 Multilingual features, Twig', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uUDN8KCxQylqkusBMI2T07haXFm9gfWdwVlCyE8UjFuG898WaJCbXUWelJMOs5q3G305pAZ7nZfOWunlTP5_tGMO1uTzx3whmm-Rlzzcjp0BaHFkxwKxvcBaiZ8r-owDw8BnlswHYqvtyOUChD', 'showInlineAds': false}, {'id': '6689131162712600272', 'title': 'Drupal in Education: Richer experiences with Drupal 7 and H5P (HTML5 Package)!', 'showInlineAds': false}, {'id': '7130321071299262554', 'title': 'mEDucator 3.0 | Open Linked Education - Melina+ (Drupal)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKOuCbllYeHIJeodt-QDuGs70AEWTaP2XPO786tpUGS0nk3-FA_6_xqUx70eBGa3LkJWqPLX2OolVbk1HWhWg4kuu6tLyf1sBtbsufnu2ljHtsz2NayWE5Nfbl0btG5kRlsVtrhyphenhyphenUzKbA/s1600/logo-melina_1.png', 'showInlineAds': false}, {'id': '5884429865003075507', 'title': 'Drupalcon Prague: sessions, missed ops, leaflets and old contacts - renewed', 'showInlineAds': false}, {'id': '6101265277879590061', 'title': 'Surveys, Nursing Education, Drupal and Webform', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vRi4GUEriUxot1j9u-4wEf6XPdVIUoiT56rOGOMlsPHOLkISeuIISNT4_npd-fVsPM1dwXw0XRUSjrlxjtcyGHz1IIlLJ9O4oFfKtFjrpXWIGw9A', 'showInlineAds': false}, {'id': '2463717537812780148', 'title': 'Hodges\x26#39; model - Website, Blog and the UK Web Archive', 'showInlineAds': false}, {'id': '8065705921358516471', 'title': 'H5P framework: rich content and applications in Drupal', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc1xQmssyRudPBnFyTTGn01LngBq1PPVb1YWpqBFNAtk53YKEQs-TLECj3H5M8qtArrEVojuZxZcq4WeOdQZ8mIgTg3_8MAh76kbTKD1qVRBtZEUbvuDfwsBaHbSqjCQF9ZszWtBVE6ZI/s200/Capture_1.PNG', 'showInlineAds': false}, {'id': '1102247695974122636', 'title': 'Drupal musings 4: Modules and the nursing masquerade', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlNyZAqr4Lx3HPE4BF22-SPvxn7tPhwum6xtTOdoUeOigG0ygu3QV0UCeppcb1ZhLXJ3fykMIkpRIpiSg3bmuPa4k1b-TQThxTQjSXaVlwuH7IIYjKjwcE14B5rfdcpLP_3ext8HmnTKY/s320/masks.jpg', 'showInlineAds': false}, {'id': '2084878779811012510', 'title': 'Sahana OSS response in Haiti', '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, 'navMessage': 'Showing posts with label \x3cb\x3eopen source\x3c/b\x3e. \x3ca href\x3d\x22https://thekochfamilys.blogspot.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2937099709-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));