Showing source for: https://tsushimalegend.com/
Duration: 0.87508s
Server: cloudflare

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="TsushimaLegend is a professional Ghost of Tsushima game guide and news platform, providing the latest walkthroughs, character builds, equipment combinations, in-depth exploration, and update previews for Ghost of Tsushima, meeting all the needs of action-adventure game enthusiasts in one place!" name="description"/>
<meta content="Ghost of Tsushima guide, Tsushima walkthrough, character builds, equipment combinations, action-adventure games, PlayStation games, game news, update previews, Jin Sakai, Sucker Punch, samurai games" name="keywords"/>
<title>TsushimaLegend | Ghost of Tsushima Game Guide Platform</title>
<link href="https://tsushimalegend.com/" rel="canonical"/>
<style>
        :root {
            --primary: #b22222;
            --secondary: #d9a977;
            --dark: #1a1a1a;
            --light: #f5f5f5;
            --accent: #872b2b;
            --paper: #f8f3e6;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Noto Serif', serif;
            background-color: var(--paper);
            color: var(--dark);
            line-height: 1.6;
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI2U5ZTFlMCIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHBhdGggZD0iTTAgMTAwTDEwMCAwdjEwMHoiIGZpbGw9InJnYmEoMjAwLDE4MCwxNjAsMC4xKSIvPjwvc3ZnPg==');
            background-attachment: fixed;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Header Styles */
        header {
            background-color: var(--dark);
            background-image: url('data:image/jpeg;base64,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');
            background-size: cover;
            background-position: center;
            padding: 60px 0 20px;
            position: relative;
            color: #fff;
            box-shadow: 0 2px 15px rgba(0,0,0,0.3);
        }
        
        header::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.6);
        }
        
        .header-content {
            position: relative;
            z-index: 2;
            text-align: center;
        }
        
        .site-title {
            font-family: 'Cinzel', serif;
            font-size: 3.5rem;
            margin-bottom: 10px;
            letter-spacing: 2px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
            color: var(--secondary);
        }
        
        .site-description {
            font-style: italic;
            font-size: 1.2rem;
            max-width: 700px;
            margin: 0 auto 30px;
            opacity: 0.9;
        }
        
        /* Navigation */
        .main-nav {
            background-color: var(--dark);
            border-top: 1px solid rgba(255,255,255,0.1);
            border-bottom: 1px solid rgba(255,255,255,0.1);
            padding: 15px 0;
            position: relative;
        }
        
        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .nav-links {
            display: flex;
            gap: 20px;
            width: 100%;
            justify-content: center;
        }
        
        .nav-links a {
            color: #fff;
            text-decoration: none;
            font-size: 1rem;
            font-weight: 500;
            transition: color 0.3s, transform 0.2s;
            position: relative;
            padding: 5px 0;
        }
        
        .nav-links a:hover, .nav-links a.active {
            color: var(--secondary);
            transform: translateY(-2px);
        }
        
        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 2px;
            background-color: var(--secondary);
            transition: width 0.3s;
        }
        
        .nav-links a:hover::after, .nav-links a.active::after {
            width: 100%;
        }
        
        .hamburger {
            display: none;
            flex-direction: column;
            cursor: pointer;
            z-index: 100;
        }
        
        .hamburger span {
            display: block;
            width: 25px;
            height: 3px;
            background-color: #fff;
            margin: 2px 0;
            transition: all 0.3s;
        }
        
        /* Main Content */
        .main-content {
            padding: 50px 0;
        }
        
        .featured-article {
            background-color: #fff;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            margin-bottom: 40px;
            position: relative;
            transition: transform 0.3s;
        }
        
        .featured-article:hover {
            transform: translateY(-5px);
        }
        
        .featured-img {
            height: 400px;
            background-image: url('data:image/jpeg;base64,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');
            background-size: cover;
            background-position: center;
            position: relative;
        }
        
        .featured-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 30px;
            color: #fff;
        }
        
        .featured-tag {
            background-color: var(--primary);
            color: #fff;
            padding: 5px 10px;
            border-radius: 3px;
            font-size: 0.8rem;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 10px;
        }
        
        .featured-title {
            font-size: 2rem;
            margin-bottom: 10px;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
        }
        
        .featured-excerpt {
            font-size: 1rem;
            opacity: 0.9;
            margin-bottom: 20px;
        }
        
        .read-more {
            display: inline-block;
            background-color: var(--secondary);
            color: var(--dark);
            padding: 8px 20px;
            border-radius: 3px;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s;
        }
        
        .read-more:hover {
            background-color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        }

        .view-more-btn {
            display: block;
            width: fit-content;
            margin: 30px auto 0;
            background-color: var(--secondary);
            color: var(--dark);
            padding: 10px 30px;
            border-radius: 3px;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s;
            text-align: center;
        }

        .view-more-btn:hover {
            background-color: var(--primary);
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(0,0,0,0.2);
        }
        
        .articles-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 25px;
            margin-bottom: 50px;
        }
        
        .article-card {
            background-color: #fff;
            border-radius: 5px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s;
        }
        
        .article-card:hover {
            transform: translateY(-5px);
        }
        
        .article-img {
            height: 180px;
            background-size: cover;
            background-position: center;
        }
        
        .article-content {
            padding: 20px;
        }
        
        .article-tag {
            background-color: var(--secondary);
            color: var(--dark);
            padding: 3px 8px;
            border-radius: 3px;
            font-size: 0.7rem;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 10px;
        }
        
        .article-title {
            font-size: 1.2rem;
            margin-bottom: 10px;
            color: var(--dark);
            text-decoration: none;
            display: block;
        }
        
        .article-title:hover {
            color: var(--primary);
        }
        
        .article-excerpt {
            font-size: 0.9rem;
            color: #666;
            margin-bottom: 15px;
        }
        
        .article-meta {
            font-size: 0.8rem;
            color: #888;
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #eee;
            padding-top: 15px;
        }
        
        .section-title {
            font-size: 2rem;
            margin-bottom: 20px;
            color: var(--dark);
            position: relative;
            padding-bottom: 10px;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 3px;
            background-color: var(--primary);
        }
        
        /* Game Showcase */
        .game-showcase {
            background-color: var(--dark);
            padding: 60px 0;
            color: #fff;
            margin: 50px 0;
            position: relative;
        }
        
        .game-showcase::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCABkAGQDASIAAhEBAxEB/8QAGwAAAQUBAQAAAAAAAAAAAAAAAAECAwQFBgf/xAA7EAABAwMCAwUFBgQGAwAAAAABAAIDBAURITESQVEGEyJhcRQygZGhByNCsdHwFTNSYhYkNFOS8XLB4f/EABoBAQADAQEBAAAAAAAAAAAAAAABAgMEBQb/xAAmEQACAgEDAwQDAQAAAAAAAAAAAQIDEQQSIQUxQRNRYXEiMoGR/9oADAMBAAIRAxEAPwD2hCEIAQhMmkZDC+WRwaxgLnOPIBQByPa3tG2yxtpqcNlr5h91H+Fo/rcP09VzXYbjvklnqlmqt4mEo4nTSOPuk6DGfxZGdOSzaa0z9oKp1zrw4UbXf5djhlrf6WjrpxHmQTqtoUzrvC0UMDaKLLXOY0YfLjQHTLjzIOOVbT0eoz6aZg97fB18EhUjTvYeJjg4dQVJlZtEjkIQpAIQhAAhCEAIQhACEIQHP9tu0IstMKSmc11wrARC08IaziPXvDnGmQAcnPJZ3Yfs8yipWV9c8TVs/wDMJ14M6iJp/D5nUq69jdUTScZbLM7imfnLnu1Lie6pt9e2WS1Nqp2CNsrADjidjJ5nQarTT0+rJS8GtkMQcWi6IIxBcoBw/dymDJJzktxzIOpK5iiu8dVLUQVk0zJKV/CWxtJDgQcagcguhbOwzbRwKa4fia4FvE4Aa9TjoV2TrnF4T5MFF5yTXWquEM/sunE7WjjqXgtjB5tAA4j6kDHmFv2+ribZoKqiLA+VmXMfotOobx0nC1zoJWD8T4w7Gp8TOH4hTXO3xuoZ5qaQOhfG4O4vxNIIO+dweiyunF1ZS5LKXBdQsrstX1NytIlqohHK1xjlDTkB2AQR0OCMdMLoVlKLi8MsmmCEIUAEIQgBCEIAQhCAQgEYIyFwPaCnNlvXfxAOo6z3uRbJ/V5Z391dDabzbHV5pquQQsa3jZK73Q/OmfQOIPks/tba31Nng4MvNNO2bhwcGPPEPoc/Bc0JelpTil+yNdyktpoXuVsnA9+J84z+JozldVY7iyptzJG4DsYcOhXA9nrpPDE2Ooae8j0c0/iznVb1vqmwPcMgsdlo8sOK2jZm4vJ1Vyo6epp5GTxskY5pBD2gjGNiF5dda2eyVT4J8vjJ4on8pGg/qNPMc+a7H/FdPHSlsji4O5jLm+ox9Fx/aKM3CXvoIHzENHGY8bD3QBo7VbUzxNJrg0juyXPZypbS3CNrX8THt4C7OcvaPCcnc4xnzXereq5bszTGissMTwGvILn4GTxOJJGfLOF1K6b4KNjSJQhC5yQQhCAEIQgBCEIAUVVTwVVO6CpibLFIMOY8ZBCEKGsrIBjI+ytHwRx0shs9U7JLHHgafzUMlZSU7HDOBBJ727xn6LQp6iPiLXaObo4EYIPMEIQt1y+RnJP2P7rLA3u2b8y7meiofZo4Jn8DCCTkgndCFkpySxI0w+x0HZOG4w3GF9bBHFDCeJzA7JcRzJ6YHJdWhCnUTV1vqLsEvBCELmJBCEIAQhCA//Z');
            background-position: center;
            opacity: 0.05;
        }
        
        .showcase-content {
            position: relative;
            z-index: 1;
        }
        
        .showcase-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            align-items: center;
        }
        
        .showcase-text h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: var(--secondary);
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .showcase-text p {
            font-size: 1.1rem;
            margin-bottom: 30px;
            opacity: 0.9;
            line-height: 1.8;
        }
        
        .showcase-features {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .feature-item {
            background-color: rgba(255,255,255,0.05);
            padding: 15px;
            border-radius: 5px;
            width: calc(50% - 10px);
            border-left: 3px solid var(--secondary);
        }
        
        .feature-item h4 {
            margin-bottom: 5px;
            color: var(--secondary);
        }
        
        .showcase-btn {
            display: inline-block;
            background-color: var(--primary);
            color: #fff;
            padding: 12px 30px;
            border-radius: 3px;
            text-decoration: none;
            font-weight: bold;
            transition: all 0.3s;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        .showcase-btn:hover {
            background-color: var(--accent);
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        }
        
        .showcase-image {
            position: relative;
        }
        
        .showcase-img {
            width: 100%;
            height: auto;
            border-radius: 5px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.3);
            border: 3px solid rgba(255,255,255,0.1);
        }
        
        /* Popular Events Section (Replaces Newsletter) */
        .popular-events {
            background-color: var(--paper); /* Match main content background */
            padding: 50px 0;
            color: var(--dark);
        }

        /* Popular Tags Section */
        .popular-tags {
            padding: 40px 0 60px;
            background-color: var(--paper);
        }

        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            justify-content: center;
        }

        .tag-pill {
            background-color: #fff;
            color: var(--dark);
            padding: 8px 16px;
            border-radius: 20px;
            text-decoration: none;
            font-size: 0.9rem;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: all 0.3s;
            border: 1px solid #eee;
        }

        .tag-pill:hover {
            background-color: var(--secondary);
            transform: translateY(-2px);
            box-shadow: 0 5px 10px rgba(0,0,0,0.1);
        }
        
        /* Footer */
        footer {
            background-color: var(--dark);
            color: rgba(255,255,255,0.7);
            padding: 60px 0 20px;
        }
        
        .footer-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-col h4 {
            color: var(--secondary);
            font-size: 1.2rem;
            margin-bottom: 20px;
            position: relative;
            padding-bottom: 10px;
        }
        
        .footer-col h4::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 30px;
            height: 2px;
            background-color: var(--secondary);
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 10px;
        }
        
        .footer-links a {
            color: rgba(255,255,255,0.7);
            text-decoration: none;
            transition: color 0.3s;
            display: block;
        }
        
        .footer-links a:hover {
            color: var(--secondary);
            transform: translateX(5px);
        }
        
        .footer-about p {
            line-height: 1.6;
            margin-bottom: 20px;
        }
        
        .footer-social {
            display: flex;
            gap: 10px;
        }
        
        .social-icon {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background-color: rgba(255,255,255,0.1);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
            text-decoration: none;
            color: #fff;
        }
        
        .social-icon:hover {
            background-color: var(--secondary);
            transform: translateY(-3px);
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid rgba(255,255,255,0.1);
            font-size: 0.9rem;
            opacity: 0.6;
        }
        
        /* Responsive Styles */
        @media (max-width: 992px) {
            .showcase-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }
            
            .showcase-image {
                order: -1;
            }
        }
        
        @media (max-width: 768px) {
            .site-title {
                font-size: 1.5rem;
            }
            
            .site-description {
                font-size: 1rem;
            }
            
            .nav-links {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                width: 100%;
                background-color: var(--dark);
                padding: 20px 0;
                flex-direction: column;
                gap: 15px;
                align-items: center;
                box-shadow: 0 5px 10px rgba(0,0,0,0.2);
                z-index: 10;
            }
            
            .nav-links.active {
                display: flex;
            }
            
            .hamburger {
                display: flex;
            }
            
            .hamburger.active span:nth-child(1) {
                transform: rotate(45deg) translate(5px, 5px);
            }
            
            .hamburger.active span:nth-child(2) {
                opacity: 0;
            }
            
            .hamburger.active span:nth-child(3) {
                transform: rotate(-45deg) translate(5px, -5px);
            }
            
            .featured-img {
                height: 300px;
            }
            
            .featured-title {
                font-size: 1.5rem;
            }
            
            .articles-grid {
                grid-template-columns: 1fr;
            }
            
            .feature-item {
                width: 100%;
            }
        }
    </style>
<link href="https://tsushimalegend.com/feed/" rel="alternate" type="application/rss+xml"/><script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "TsushimaLegend",
  "url": "https://tsushimalegend.com",
  "publisher": {
    "@type": "Organization",
    "@id": "https://tsushimalegend.com/#website",
    "name": "TsushimaLegend",
    "url": "https://tsushimalegend.com",
    "description": "TsushimaLegend is a professional Ghost of Tsushima game guide and news platform, providing the latest walkthroughs, character builds, equipment combinations, in-depth exploration, and update previews for Ghost of Tsushima, meeting all the needs of action-adventure game enthusiasts in one place!",
    "foundingDate": "2023",
    "logo": {
      "@type": "ImageObject",
      "url": "https://tsushimalegend.com/game_logo.png",
      "caption": "TsushimaLegend Logo"
    }
  }
}</script></head>
<body>
<header>
<div class="header-content container">
<img alt="TsushimaLegend" src="/game_logo.png" style="max-width: 80%; height: auto; margin-bottom: 10px;"/>
<p class="site-description">TsushimaLegend</p>
</div>
</header>
<nav class="main-nav">
<div class="nav-container container">
<div class="nav-links" id="navLinks">
<!-- Navigation items populated by JS -->
</div>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<main class="main-content">
<div class="container">
<!-- Featured contents -->
<article class="featured-article" id="featured-content">
<!-- Populated by JS -->
</article>
<h2 class="section-title">Latest Articles</h2>
<div class="articles-grid" id="latest-articles-grid">
<!-- Articles populated by JS -->
</div>
<a class="view-more-btn" href="/news">more content</a>
<!-- Upcoming Releases (Game Showcase Layout) -->
<section class="game-showcase" id="upcoming-releases">
<div class="container showcase-content">
<div class="showcase-grid" id="showcase-grid">
<!-- Populated by JS -->
</div>
</div>
</section>
<!-- Popular Events (Replaces Newsletter Layout) -->
<section class="popular-events">
<div class="container">
<h2 class="section-title">Popular Events</h2>
<div class="articles-grid" id="popular-events-grid">
<!-- Events populated by JS -->
</div>
<a class="view-more-btn" href="/events">more content</a>
</div>
</section>
<!-- Popular Tags -->
<section class="popular-tags">
<div class="container">
<h2 class="section-title">Popular Tags</h2>
<div class="tags-container" id="tags-container">
<!-- Tags populated by JS -->
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="container">
<div class="footer-grid" id="footer-grid">
<!-- Footer columns populated by JS -->
</div>
<div class="copyright" id="copyright">
<!-- Copyright populated by JS -->
</div>
</div>
</footer>
<script>
        document.addEventListener('DOMContentLoaded', function() {
            // Hamburger Menu Logic
            const hamburger = document.getElementById('hamburger');
            const navLinks = document.getElementById('navLinks');
            
            hamburger.addEventListener('click', function() {
                hamburger.classList.toggle('active');
                navLinks.classList.toggle('active');
            });
            
            document.addEventListener('click', function(event) {
                if (!event.target.closest('.nav-container')) {
                    hamburger.classList.remove('active');
                    navLinks.classList.remove('active');
                }
            });

            // Fetch Data
            fetch('/data/index.json')
                .then(response => response.json())
                .then(data => {
                    renderNavigation(data.navigation);
                    renderFeaturedContent(data.latest_all);
                    renderLatestArticles(data.latest_news);
                    renderUpcomingReleases(data.latest_guides);
                    renderPopularEvents(data.latest_articles);
                    renderTags(data.tag);
                    renderFooter(data.footer, data.copyright);
                })
                .catch(error => console.error('Error fetching data:', error));
        });

        // 1. Navigation
        function renderNavigation(navData) {
            const navContainer = document.getElementById('navLinks');
            const currentPath = window.location.pathname === '/index.html' ? '/' : window.location.pathname;

            navData.forEach(item => {
                const link = document.createElement('a');
                link.href = item.link === '/' ? '/' : item.link;
                link.textContent = item.label;
                if (item.link === currentPath) {
                    link.classList.add('active');
                }
                navContainer.appendChild(link);
            });
        }

        // 2. Featured Content (latest_all)
        function renderFeaturedContent(data) {
            if (!data || data.length === 0) return;
            const item = data[0];
            const container = document.getElementById('featured-content');
            
            container.innerHTML = `
                <div class="featured-img" style="background-image: url('${item.image}')"></div>
                <div class="featured-overlay">
                    <span class="featured-tag">${item.category}</span>
                    <h2 class="featured-title">${item.title}</h2>
                    <p class="featured-excerpt">${item.excerpt}</p>
                    <a href="${item.link}" class="read-more">Read Article</a>
                </div>
            `;
        }

        // Helper to create article card
        function createArticleCard(item) {
            return `
                <article class="article-card">
                    <a href="${item.link}" style="display:block;">
                        <div class="article-img" style="background-image: url('${item.image}')"></div>
                    </a>
                    <div class="article-content">
                        <span class="article-tag">${item.category}</span>
                        <a href="${item.link}" class="article-title">${item.title}</a>
                        <p class="article-excerpt">${item.excerpt}</p>
                        <div class="article-meta">
                            <span>${item.date}</span>
                            <span>${item.author}</span>
                        </div>
                    </div>
                </article>
            `;
        }

        // 3. Latest Articles (latest_news)
        function renderLatestArticles(data) {
            const container = document.getElementById('latest-articles-grid');
            // Limit to 6 items to fit grid nicely
            data.slice(0, 6).forEach(item => {
                container.innerHTML += createArticleCard(item);
            });
        }

        // 4. Upcoming Releases (latest_guides) - Uses Game Showcase Layout
        function renderUpcomingReleases(data) {
            if (!data || data.length === 0) return;
            const item = data[0];
            const container = document.getElementById('showcase-grid');
            
            // Assuming item.excerpt serves as description. 
            // Since JSON structure is uniform, we adapt it to the showcase split layout.
            container.innerHTML = `
                <div class="showcase-text">
                    <h2>${item.title}</h2>
                    <p>${item.excerpt}</p>
                    
                    <div class="showcase-features">
                        <div class="feature-item">
                            <h4>Date</h4>
                            <p>${item.date}</p>
                        </div>
                        <div class="feature-item">
                            <h4>Author</h4>
                            <p>${item.author}</p>
                        </div>
                        <div class="feature-item">
                            <h4>Game</h4>
                            <p>${item.game}</p>
                        </div>
                        <div class="feature-item">
                            <h4>Views</h4>
                            <p>${item.views}</p>
                        </div>
                    </div>
                    
                    <a href="${item.link}" class="showcase-btn">Read Guide</a>
                    <br><br>
                    <a href="/guides" class="showcase-btn" style="background-color: transparent; border: 1px solid #fff;">more content</a>
                </div>
                <div class="showcase-image">
                    <a href="${item.link}">
                        <img class="showcase-img" src="${item.image}" alt="${item.title}">
                    </a>
                </div>
            `;
        }

        // 5. Popular Events (latest_articles) - Replaces Newsletter
        function renderPopularEvents(data) {
            const container = document.getElementById('popular-events-grid');
            // Limit to 3 items
            data.slice(0, 3).forEach(item => {
                container.innerHTML += createArticleCard(item);
            });
        }

        // 6. Tags
        function renderTags(data) {
            const container = document.getElementById('tags-container');
            data.forEach(tag => {
                const a = document.createElement('a');
                a.href = tag.link;
                a.className = 'tag-pill';
                a.textContent = tag.name;
                container.appendChild(a);
            });
        }

        // 7. Footer
        function renderFooter(footerData, copyrightText) {
            const footerGrid = document.getElementById('footer-grid');
            
            // Add Social Links Column (Hardcoded based on prompt placeholders)
            const socialCol = document.createElement('div');
            socialCol.className = 'footer-col footer-about';
            socialCol.innerHTML = `
                <h4>Follow Us</h4>
                <div class="footer-social">
                    <a href="https://www.facebook.com/" class="social-icon">F</a>
                    <a href="https://x.com/TsushimaLegend" class="social-icon">T</a>
                    <a href="https://www.youtube.com/" class="social-icon">Y</a>
                    <a href="https://www.instagram.com/TsushimaLegend/" class="social-icon">I</a>
                    <a href="https://discord.com/app/" class="social-icon">D</a>
                </div>
            `;
            footerGrid.appendChild(socialCol);

            // Dynamic Columns from JSON
            footerData.forEach(col => {
                const div = document.createElement('div');
                div.className = 'footer-col';
                
                let contentHtml = '<ul class="footer-links">';
                col.contents.forEach(content => {
                    // Check if content is an HTML string (contains <a) or plain text
                    if (content.includes('<a')) {
                        // Extract href and text if needed, or just inject
                        contentHtml += `<li>${content}</li>`;
                    } else {
                        contentHtml += `<li><span style="color: rgba(255,255,255,0.7)">${content}</span></li>`;
                    }
                });
                contentHtml += '</ul>';

                div.innerHTML = `<h4>${col.title}</h4>${contentHtml}`;
                footerGrid.appendChild(div);
            });

            // Copyright
            document.getElementById('copyright').innerHTML = `<p>${copyrightText}</p>`;

            // Subscribe Button Logic (if it exists in the rendered HTML)
            document.body.addEventListener('click', function(e) {
                if (e.target.textContent.toLowerCase().includes('subscribe') || e.target.textContent.toLowerCase().includes('sign up now')) {
                    if(e.target.tagName === 'BUTTON' || e.target.tagName === 'A') {
                        e.preventDefault();
                        alert('Subscribe successful!');
                    }
                }
            });
        }
    </script>
</body>
</html>

Latest requests

# Url Url Source Date
1 https://tsushimalegend.com/ 2026-10-20 07:40:35
2 https://www.texarkanatwins.com/%25… 2026-10-20 07:40:35
3 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:35
4 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:34
5 https://www.thebolditalic.com/?gi=… 2026-10-20 07:40:34
6 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:33
7 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:32
8 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:32
9 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:31
10 https://www.thebolditalic.com/?gi=… 2026-10-20 07:40:31
11 https://drbo9b.b-cdn.net/research/… 2026-10-20 07:40:31
12 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:30
13 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:29
14 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:29
15 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:28
16 https://www.texarkanatwins.com/%25… 2026-10-20 07:40:27
17 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:27
18 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:26
19 https://auth.acog.org/OAuth/SignIn… 2026-10-20 07:40:26
20 https://www.texarkanatwins.com/%25… 2026-10-20 07:40:25