Refactor sponsor image handling

docs/en/docs/css/custom.css

@@ -102,7 +102,15 @@ a.announce-link:hover {
   align-items: center;
 }
 
-.announce-wrapper div.item {
+.announce-wrapper #announce-left div.item {
+  display: none;
+}
+
+.announce-wrapper #announce-right {
+  display: none;
+}
+
+.announce-wrapper #announce-right div.item {
   display: none;
 }
 
@@ -112,7 +120,7 @@ a.announce-link:hover {
   top: -10px;
   right: 0;
   font-size: 0.5rem;
-  color: #999;
+  color: #e6e6e6;
   background-color: #666;
   border-radius: 10px;
   padding: 0 10px;

docs/en/docs/js/custom.js

@@ -136,12 +136,10 @@ async function showRandomAnnouncement(groupId, timeInterval) {
 }
 
 function handleSponsorImages() {
-    const sponsorImages = document.querySelectorAll('.sponsor-image');
     const announceRight = document.getElementById('announce-right');
-
-    if (announceRight) {
-        announceRight.style.display = 'none';
-    }
+    if(!announceRight) return;
+    
+    const sponsorImages = document.querySelectorAll('.sponsor-image');
 
     const imagePromises = Array.from(sponsorImages).map(img => {
         return new Promise((resolve, reject) => {
@@ -156,10 +154,8 @@ function handleSponsorImages() {
 
     Promise.all(imagePromises)
         .then(() => {
-            if (announceRight) {
-                announceRight.style.display = 'block';
-                showRandomAnnouncement('announce-right', 10000);
-            }
+            announceRight.style.display = 'block';
+            showRandomAnnouncement('announce-right', 10000);
         })
         .catch(() => {
             // do nothing