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

الصفحات

arts

[ Exclusive* preview ] Wrinkles

Emirates Schools مدرستي الاماراتية animation 18 April 2014

individual, dignity, person, memories, identity, security, communication, perception, meaning, friends, belonging, mood, orientation ... dem...

أقراء المزيد

Angling for Ideas

Emirates Schools مدرستي الاماراتية arts 09 April 2014

The Angler by Paul Klee (1879-1940, Switzerland) This is just a rock pool I reflect So is this, even before Pollock just a single drip in th...

أقراء المزيد

Amelia: with Human Steps Lalala

Emirates Schools مدرستي الاماراتية arts 29 March 2014

INTERPERSONAL : SCIENCES humanistic ------------------------------------------- mechanistic SOCIOLOGY : POLITICAL individual Just-be with ...

أقراء المزيد

Sensing Spaces: Care architecture - memories of choice

Emirates Schools مدرستي الاماراتية adults 23 March 2014

Good architecture is often invisible, but it allows whatever is happening in that space to be the best experience possible. Pezo von Ellrich...

أقراء المزيد

Living with Practical Realities, 1978: Courtesy the Artist © Stephen Willats

Emirates Schools مدرستي الاماراتية arts 07 March 2014

Within Intermediate Support, Older Adults we are short-staffed at present. I was asked to work this Saturday - tomorrow - but was able to ta...

أقراء المزيد

'Intellectual brutalisation' and the saving grace and power of poetry

Emirates Schools مدرستي الاماراتية arts 27 January 2014

BBC Radio 4 Today: An eminent cardiologist has organised and funded a poetry competition for his medical students to stop them becoming, in...

أقراء المزيد

CfP Visual In-Sights Conference, Newcastle University, June 2014

Emirates Schools مدرستي الاماراتية academia 02 January 2014

To: EUROPEAN-SOCIOLOGIST AT JISCMAIL.AC.UK Sent: Monday, 30 December 2013, 10:24 Subject: CfP Visual In-Sights Conference, Newcastle Un...

أقراء المزيد

SCNTST - Self Therapy

Emirates Schools مدرستي الاماراتية arts 23 December 2013

INTERPERSONAL : SCIENCES SOCIOLOGY : POLITICAL individual Self Therapy SCNTST "... Self Therapy is designed for the headphones no...

أقراء المزيد

Winter Exhibition at Wellcome Trust: Foreign Bodies, Common Ground

Emirates Schools مدرستي الاماراتية activism 26 November 2013

INTERPERSONAL : SCIENCES SOCIOLOGY : POLITICAL individual Art in Global Health: Reflections The exhibition brings together artworks includ...

أقراء المزيد

Arts: "Reflection on a sofa" Hodges' model as a 'memory palace' I

Emirates Schools مدرستي الاماراتية arts 24 October 2013

Prior to the New Dynamics in Ageing Showcase this Monday (a great event) I travelled down to London on Sunday morning. I wasn't 100% th...

أقراء المزيد

Box (-es) [ 1 ] [ 0 ] [ 1 ] [ 0 ]

Emirates Schools مدرستي الاماراتية arts 17 October 2013

أقراء المزيد

Health, Art and The Reith Lectures 2013 (and the search for the perpetual umbilicus)

Emirates Schools مدرستي الاماراتية arts 14 October 2013

This week sees the start of The Reith Lectures on BBC Radio 4 by Grayson Perry . The question is: who decides on what makes art good? Perry ...

أقراء المزيد

two books two islands two doctors II

Emirates Schools مدرستي الاماراتية arts 04 October 2013

Book cover: The Story of San Michele Here are some additional images and text from Villa San Michele (sorry about the accessibility issue) ...

أقراء المزيد

two books two islands two doctors - beyond a cappuccino

Emirates Schools مدرستي الاماراتية arts 03 October 2013

My uncle Doug (I do miss him) mentioned a book to me some time around 1974. I think I found a copy in their bookcase when the whole family ...

أقراء المزيد

Forms and Dimensions of Care: 20 Gs of Politics

Emirates Schools مدرستي الاماراتية arts 07 September 2013

INTERPERSONAL : SCIENCES SOCIOLOGY : POLITICAL individual ? ? ? group - population Image: Timeout.com

أقراء المزيد

A New Dynamic of Ageing: The NDA Programme & Age UK research showcase of the decade

Emirates Schools مدرستي الاماراتية ageing 06 August 2013

London, The Business Design Centre, 52 Upper Street, Greater London N1 0QH You’ll know that the UK population is ageing. You’ll know that th...

أقراء المزيد

Tiles, gates, gems and beds

Emirates Schools مدرستي الاماراتية artist 04 June 2013

Hansje van Halem 'On a tile just by the head of my bed, I have placed a list of the ancient gates. It looks like a gold ring, with gem...

أقراء المزيد

Sheffield, UK: Critical Writing Bursary - re. Design4Health Conference

Emirates Schools مدرستي الاماراتية academia 31 May 2013

Interface @ a-n The Artists Information Company is pleased to offer a Critical Writing Bursary to visit and write about the Design4Health Co...

أقراء المزيد

Big Bang - Aisha Cahn

Emirates Schools مدرستي الاماراتية Arabic 18 May 2013

Big Bang & The Four Elements by Aisha Cahn Big Bang V by Aisha Cahn Aisha Cahn Albemarle Gallery

أقراء المزيد

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...

أقراء المزيد

عرض المزيد

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

/*<![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'] = 'ACvIOeCk8Fn8KAFPUG8gn7MJn2k6:1786588796977';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1631410060530122912','//thekochfamilys.blogspot.com/search/label/arts','1631410060530122912'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1631410060530122912', 'title': 'The Koch Family', 'url': 'https://thekochfamilys.blogspot.com/search/label/arts', 'canonicalUrl': 'http://thekochfamilys.blogspot.com/search/label/arts', '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/d9e3b6f1f0b3dbd1', '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': 'arts', 'pageName': 'arts', 'pageTitle': 'The Koch Family: arts'}}, {'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/arts', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'arts', 'resultsMessage': 'Showing posts with the label arts', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3earts\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': '7316456241171106580', 'title': '[ Exclusive* preview ] Wrinkles', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uX2QeieSkKDwwqCjDqFwk49ObYGaf3ZPI83I4IiRxplftTuO3mAw6WxdhvooYGlfHkx54qBbTNtv6G3cHuGBDXsBvN1x3f1Kgig0PqoAT8evEI3Q', 'showInlineAds': false}, {'id': '1715621803947396655', 'title': 'Angling for Ideas', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEYY31NdIXW-k8Ggav4v5uYXzDXnh-FsegsMqoFqYIW-B98M4CcpvI2wnwLbUUlaRp7XxIHrBCmlvmrlSug6EF27CxWeCvHZmcP9A4_RJtqqVh7F6wotvgk-4ebcnK9kGeXpvjYmE6ZHE/s1600/Paul-Klee-The-Angler.JPG', 'showInlineAds': false}, {'id': '5746421448539691487', 'title': 'Amelia: with Human Steps Lalala', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_t0vMwblNSF4yX1MHCYvHTQePjLRL3Z-kT3MY4241PmxiF2xQMREJITgrVqGyvRomYyvltjtb0hC9Igl2AECsCe4la7t3fRxuPrIyIWC5Mcu0hFAg', 'showInlineAds': false}, {'id': '5924394126550526960', 'title': 'Sensing Spaces: Care architecture - memories of choice', 'showInlineAds': false}, {'id': '3000330631774524348', 'title': 'Living with Practical Realities, 1978: Courtesy the Artist \xa9 Stephen Willats', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEQI7sVhq3dtqxfJgX80ioxGlq5miPpEQ5b8LAT1GNPWxGmHY-Sl-xP49D6-FBuL1las6LlJvrEG6rLzCBzp0VvRkGvyoy6pu29rs9ub-b3AJU8C-o5Fswa691ZmP3c0QpGQtJaeoOM8/s1600/SW_Lving+with+Practical+Realities+2.jpg', 'showInlineAds': false}, {'id': '4943454888960806860', 'title': '\x26#39;Intellectual brutalisation\x26#39; and the saving grace and power of poetry', 'showInlineAds': false}, {'id': '2705847590984277633', 'title': 'CfP Visual In-Sights Conference, Newcastle University, June 2014', 'showInlineAds': false}, {'id': '6535361294627589036', 'title': 'SCNTST - Self Therapy', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjujlBVLJkz6WZoDK0AaPZzV_pTBrgCJFN1jRMkVS9q4RmIvyhICOaNOCe359FW8o-CL_JxUiTbsa0fpueDw_sFrWp5c2yJulWqUaG5erOdKAm5sB5ejEblrX5XW5VvDK5GbS-y8ZdTzuA/s1600/self-therapy-cover.jpg', 'showInlineAds': false}, {'id': '719669978671058998', 'title': 'Winter Exhibition at Wellcome Trust: Foreign Bodies, Common Ground', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uJuQLmEi3B9kDm3uLU5xjiikUNw1f28XaglPOuKNeoHaL2312Y-xfZYUw4P6Df2iyqjVhNxUMznG98MRBfJkYVfyd4bs_Jqm7mIYw3a_5KYXiaHw', 'showInlineAds': false}, {'id': '4963444533358991926', 'title': 'Arts: \x26quot;Reflection on a sofa\x26quot; Hodges\x26#39; model as a \x26#39;memory palace\x26#39; I', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTKfwGU93H3EVl0kbG8EVSdrwxHi1J5H1iYN7M9f8boWNrhrBiIq9vSaDfA1bNnQIpHuBru-KajjlMqnWpNmANFNVg63cg3MkV_NCwNsioJ8qC-p6XinjVk9I1aVNTWKsZjkvBozMh5o4/s1600/mempalacebook.jpg', 'showInlineAds': false}, {'id': '2935175105622933093', 'title': 'Box (-es) [ 1 ] [ 0 ] [ 1 ] [ 0 ]', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sSnWMHtwuaczs7zDQT0ff4MGdU40uRVefyZgrFqr111NOxOUNdp7AF3SD_2e0ClZXnCrn7X8nPb0Ar2GQjTyra9VBPXmnyhGcnCRLOR52WfhQDcg', 'showInlineAds': false}, {'id': '2862016262549459182', 'title': 'Health, Art and The Reith Lectures 2013 (and the search for the perpetual umbilicus)', 'showInlineAds': false}, {'id': '1284708057743036025', 'title': 'two books two islands two doctors II', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjenvt3xRygckjs78NKbdbHIYB-Dxjb8PR0rmY5l0yHzfJ1IhWEbAjwDwGt5IdOK_j4QI3vMBPhjLE_hY-eEB0hiNO5m1tcLRt3WGiPfgn0F2IaJglxHFcmGZzHdEiiwCdWCV1Xi9rgNrM/s320/TSoSM.jpg', 'showInlineAds': false}, {'id': '2323434617074011251', 'title': 'two books two islands two doctors - beyond a cappuccino', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlU3fP5sP-XxbRf6jh4Tp8yFUsQGieuIvoqzwsySoJ71IjrML2NfiXqYPRzQ7elelWDqTTUEbX07Bx7s02IDbGfZBCdEdRidT7nd6eDNzXohevwDwR5MhXRcfv_psnSoms9ihOrchr0V4/s200/Villa+San+Michele+sign.JPG', 'showInlineAds': false}, {'id': '891938939225580013', 'title': 'Forms and Dimensions of Care: 20 Gs of Politics', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0XVO7vfY83hXr5VCGKPK90xSMhzOt8VTV-fikBkh8S4gBU0tKgtW5agWLV3H2sOaOpIXiEIIOcC0FT1emLsomKa2Z_QWUptXJ6eic__U9U0ZDsUYzkRsJfozLrmUXb7wrFDhJ913P1-M/s1600/franzf-album.jpg', 'showInlineAds': false}, {'id': '526202011950275799', 'title': 'A New Dynamic of Ageing: The NDA Programme \x26amp; Age UK research showcase of the decade', 'showInlineAds': false}, {'id': '7986509802721232242', 'title': 'Tiles, gates, gems and beds', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYBrk866knNPme6NPnEI7zoO4ErtnB7KMAlgkU5js2U7jGpVKhK22HTMmFKijWxsnKJd5baLTU6u7z3cnW-8duOe9kV5BxxdFXjwMG5O41lTfg81GbrbRWhUaY5Xru1N6pASVRErOLwF0/s320/vanhalem_large_0.jpg', 'showInlineAds': false}, {'id': '3599860678070135266', 'title': 'Sheffield, UK: Critical Writing Bursary - re. Design4Health Conference', 'showInlineAds': false}, {'id': '9177095060469755113', 'title': 'Big Bang - Aisha Cahn ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6-QrFzEBjsQYwM9Zjj0R86DbzM_yN-22J-Mlfkx5ZCDAbUX7nKSGYNCqXxm6_tahhxsdPa_7GjoXKjyuZJxoo__U9uXXePYqr0STaA4R9yVdSyvyuARhpvDiFiRrbS22vPlzPdrBjIcs/s640/caan201303BigBangandtheFourElements.jpg', 'showInlineAds': false}, {'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}], '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\x3earts\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/54888553-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));