Upload index.html

index.html

@@ -568,27 +568,45 @@
                 const firstSheet = workbook.Sheets[workbook.SheetNames[0]];
                 const rows = XLSX.utils.sheet_to_json(firstSheet);
                 
-                let newImports = [];
+                let newCount = 0;
+                let updateCount = 0;
+
                 for(let row of rows) {
                     if (row['姓名'] && row['圓周率中的位置']) {
-                        newImports.push({
-                            name: String(row['姓名']).trim(),
-                            paddedNumber: String(row['所選號碼'] || ''),
-                            number: String(row['所選號碼'] || ''),
-                            resultVal: Number(row['圓周率中的位置']),
-                            year: Number(row['參加年度'] || new Date().getFullYear()),
-                            isNew: false // 預設歷史匯入為 false，刷新後才會有 NEW (若打破紀錄)
-                        });
+                        const cleanName = String(row['姓名']).trim();
+                        const numStr = String(row['所選號碼'] || '');
+                        const resultV = Number(row['圓周率中的位置']);
+                        const yearV = Number(row['參加年度'] || new Date().getFullYear());
+
+                        const existIdx = hallOfFame.findIndex(h => h.name === cleanName && h.year === yearV);
+                        
+                        if (existIdx > -1) {
+                            // 若已存在，且有更高的分數則更新
+                            if (resultV > hallOfFame[existIdx].resultVal) {
+                                hallOfFame[existIdx].resultVal = resultV;
+                                hallOfFame[existIdx].paddedNumber = numStr;
+                                hallOfFame[existIdx].number = numStr;
+                                updateCount++;
+                            }
+                        } else {
+                            hallOfFame.push({
+                                name: cleanName,
+                                paddedNumber: numStr,
+                                number: numStr,
+                                resultVal: resultV,
+                                year: yearV,
+                                isNew: false 
+                            });
+                            newCount++;
+                        }
                     }
                 }
 
-                if(newImports.length > 0) {
-                    // 合併或是取代? 這裡選擇完全導入但不清除既有，交給 rank 排名
-                    hallOfFame = hallOfFame.concat(newImports);
+                if (newCount > 0 || updateCount > 0) {
                     renderHallOfFame();
-                    alert(`成功匯入 ${newImports.length} 筆名人堂資料！`);
+                    alert(`成功匯入榜單！(新增 ${newCount} 筆，更新 ${updateCount} 筆資料)`);
                 } else {
-                    alert("檔案格式可能有誤，未能成功讀取任何名人資料。");
+                    alert("檔案皆為重複資料，或格式可能有誤未能讀取。");
                 }
             }
             reader.readAsArrayBuffer(file);
@@ -1289,5 +1307,69 @@
             });
         }
     </script>
+
+    <!-- 頁尾宣告資訊區 -->
+    <style>
+        .footer-credit {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            text-align: right;
+            color: rgba(253, 246, 227, 0.8);
+            font-size: 0.9rem;
+            z-index: 1000;
+            background: rgba(10, 10, 10, 0.5);
+            backdrop-filter: blur(8px);
+            padding: 1rem 1.25rem;
+            border-radius: 1rem;
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
+            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
+        }
+        .footer-credit:hover {
+            background: rgba(30, 25, 15, 0.75);
+            border-color: rgba(252, 211, 77, 0.3);
+            transform: translateY(-3px);
+            box-shadow: 0 15px 25px -5px rgba(0, 0, 0, 0.6);
+        }
+        .footer-link {
+            color: #fcd34d;
+            text-decoration: none;
+            font-weight: bold;
+            transition: color 0.2s, text-shadow 0.2s;
+            position: relative;
+        }
+        .footer-link::after {
+            content: '';
+            position: absolute;
+            width: 100%;
+            transform: scaleX(0);
+            height: 1px;
+            bottom: -2px;
+            left: 0;
+            background-color: #fcd34d;
+            transform-origin: bottom right;
+            transition: transform 0.25s ease-out;
+        }
+        .footer-link:hover {
+            color: #fde047;
+            text-shadow: 0 0 8px rgba(253, 224, 71, 0.6);
+        }
+        .footer-link:hover::after {
+            transform: scaleX(1);
+            transform-origin: bottom left;
+        }
+    </style>
+    <div class="footer-credit">
+        <div style="margin-bottom: 6px;">
+            程式設計：新竹縣精華國中 <strong style="color: #fff;">藍星宇</strong>
+        </div>
+        <div style="margin-bottom: 6px;">
+            教育社群：<a href="https://www.facebook.com/groups/1554372228718393" target="_blank" class="footer-link">萬物皆數</a>
+        </div>
+        <div>
+            Pi-search 使用網站：<a href="https://www.angio.net/pi/" target="_blank" class="footer-link">angio.net/pi/</a>
+        </div>
+    </div>
 </body>
 </html>