Update index.html

index.html

@@ -1428,7 +1428,122 @@
                     </a>
                 </div>
                 
-                <!-- News Card 12 - 나머지 기사들 -->
+<!-- News Card 12 - 나머지 기사들 -->
                 <div class="news-card">
                     <a href="https://brunch.co.kr/@seawolf/31" target="_blank" class="news-link">
-                        <div class="news-thumbnail" style
+                        <div class="news-thumbnail" style="background-image: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);">
+                            <span class="news-icon">🎨</span>
+                        </div>
+                        <div class="news-content">
+                            <h3 class="news-title">AI가 그린 '지블리 스타일' 한 달 만에 50만 다운로드</h3>
+                            <p class="news-description">한국 AI 팀이 개발한 지블리 스타일 이미지 생성 모델이 글로벌 사용자들에게 폭발적인 인기를 얻고 있습니다.</p>
+                            <div class="news-source">
+                                <span>📍</span>
+                                <span>Brunch</span>
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+    
+    <!-- Footer -->
+    <footer class="footer">
+        <p>&copy; 2025 K-AI Community. All rights reserved. | Powered by 비드래프트</p>
+    </footer>
+    
+    <script>
+        // Tab switching functionality
+        document.addEventListener('DOMContentLoaded', function() {
+            const tabs = document.querySelectorAll('.tab');
+            const tabContents = document.querySelectorAll('.tab-content');
+            
+            tabs.forEach(tab => {
+                tab.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    
+                    // Remove active class from all tabs and contents
+                    tabs.forEach(t => t.classList.remove('active'));
+                    tabContents.forEach(tc => tc.classList.remove('active'));
+                    
+                    // Add active class to clicked tab
+                    this.classList.add('active');
+                    
+                    // Show corresponding content
+                    const targetId = this.getAttribute('data-tab');
+                    const targetContent = document.getElementById(targetId);
+                    if (targetContent) {
+                        targetContent.classList.add('active');
+                    }
+                });
+            });
+            
+            // Download button click tracking
+            const downloadBtn = document.querySelector('.download-btn');
+            if (downloadBtn) {
+                downloadBtn.addEventListener('click', function() {
+                    console.log('Download button clicked');
+                    // 파일이 실제로 존재하는지 확인
+                    fetch('0723.zip', { method: 'HEAD' })
+                        .then(response => {
+                            if (!response.ok) {
+                                alert('죄송합니다. 현재 다운로드 파일을 준비중입니다. 잠시 후 다시 시도해주세요.');
+                                return false;
+                            }
+                        })
+                        .catch(error => {
+                            alert('다운로드 중 오류가 발생했습니다. 관리자에게 문의해주세요.');
+                            console.error('Download error:', error);
+                        });
+                });
+            }
+            
+            // Smooth scroll for home button
+            const homeBtn = document.querySelector('.home-btn');
+            if (homeBtn) {
+                homeBtn.addEventListener('click', function(e) {
+                    e.preventDefault();
+                    // Reset to home tab
+                    tabs.forEach(t => t.classList.remove('active'));
+                    tabContents.forEach(tc => tc.classList.remove('active'));
+                    
+                    const homeTab = document.querySelector('[data-tab="home"]');
+                    const homeContent = document.getElementById('home');
+                    if (homeTab && homeContent) {
+                        homeTab.classList.add('active');
+                        homeContent.classList.add('active');
+                    }
+                    
+                    window.scrollTo({ top: 0, behavior: 'smooth' });
+                });
+            }
+            
+            // Add hover effect to news cards
+            const newsCards = document.querySelectorAll('.news-card');
+            newsCards.forEach(card => {
+                card.addEventListener('mouseenter', function() {
+                    this.style.transform = 'translateY(-5px)';
+                });
+                card.addEventListener('mouseleave', function() {
+                    this.style.transform = 'translateY(0)';
+                });
+            });
+            
+            // Particle animation enhancement
+            const particles = document.querySelectorAll('.particle');
+            particles.forEach((particle, index) => {
+                particle.style.animationDelay = `${index * 2}s`;
+                particle.style.left = `${Math.random() * 100}%`;
+            });
+        });
+        
+        // Add dynamic year to footer
+        const currentYear = new Date().getFullYear();
+        const footerYear = document.querySelector('.footer p');
+        if (footerYear) {
+            footerYear.innerHTML = footerYear.innerHTML.replace('2025', currentYear);
+        }
+    </script>
+</body>
+</html>