الارشيف

أرشيف المدونة /* الحاوية الرئيسية */ #blog-archive { max-width: 800px; margin: 20px auto; padding: 20px; background: #334155; /* لون الخلفية الأساسي للقالب */ border-radius: 10px; font-family: Arial, sans-serif; color: #ffffff; } #blog-archive h2 { text-align: center; margin-bottom: 20px; color: #FFD700; /* ذهبية للعناوين الرئيسية */ } /* رأس السنة */ .year-header { background: #394875; /* أغمق قليلاً من القالب */ color: #FFD700; /* نفس اللون الذهبي */ padding: 10px 15px; margin-top: 20px; border-radius: 5px; cursor: pointer; user-select: none; } /* رأس الشهر */ .month-header { background: #3F4F7F; /* أزرق فاتح قليلًا عن الخلفية */ color: #ADD8E6; /* أزرق فاتح للعناوين */ padding: 7px 15px; margin-top: 8px; border-radius: 5px; cursor: pointer; user-select: none; display: flex; justify-content: space-between; align-items: center; } /* قائمة المقالات */ .archive-list { list-style: none; padding-left: 20px; display: none; /* مخفية افتراضيًا */ } .archive-list li { padding: 5px 0; border-bottom: 1px dashed #4B5F8C; /* خط فاصل بلون أفتح */ } .archive-list li a { text-decoration: none; color: #E0E0E0; /* لون فاتح للنص */ } .archive-list li a:hover { color: #FFD700; /* ذهبي عند المرور */ } /* أيقونة السهم */ .arrow { font-weight: bold; transition: transform 0.3s; } .arrow.open { transform: rotate(90deg); } /* متجاوب للجوال */ @media(max-width:600px){ #blog-archive { padding: 10px; } } // عدد المشاركات القصوى var maxPosts = 500; // جلب المشاركات function loadArchive() { var script = document.createElement('script'); script.src = '/feeds/posts/summary?max-results=' + maxPosts + '&alt=json-in-script&callback=displayArchive'; document.body.appendChild(script); } // عرض الأرشيف function displayArchive(json) { var entries = json.feed.entry; if (!entries) { document.getElementById('archive-list').innerHTML = 'لا توجد مقالات حتى الآن.'; return; } var archiveHTML = ''; var years = {}; entries.forEach(function(entry) { var title = entry.title.$t; var link = entry.link.find(l => l.rel === 'alternate').href; var date = new Date(entry.published.$t); var year = date.getFullYear(); var month = date.toLocaleString('ar-EG', { month: 'long' }); if (!years[year]) years[year] = {}; if (!years[year][month]) years[year][month] = []; years[year][month].push({title: title, link: link, day: date.getDate()}); }); // ترتيب السنوات تنازليًا Object.keys(years).sort((a,b)=>b-a).forEach(function(year){ archiveHTML += ''+year+''; Object.keys(years[year]).forEach(function(month){ var count = years[year][month].length; archiveHTML += ''+month+' ('+count+')▶'; archiveHTML += ''; years[year][month].forEach(function(post){ archiveHTML += ''+post.title+' - '+post.day+''; }); archiveHTML += ''; }); }); document.getElementById('archive-list').innerHTML = archiveHTML; // إضافة خاصية الطي/الفتح document.querySelectorAll('.month-header').forEach(function(header){ header.addEventListener('click', function(){ var list = this.nextElementSibling; var arrow = this.querySelector('.arrow'); if(list.style.display === 'block'){ list.style.display = 'none'; arrow.classList.remove('open'); } else { list.style.display = 'block'; arrow.classList.add('open'); } }); }); } // تحميل الأرشيف عند فتح الصفحة window.onload = loadArchive;