Bird Quest: Adventure Flappy

// Only show toggle if content is taller than max-height
    if (originalHeight <= 100) {
        toggle.style.display = 'none';
        fade.style.display = 'none';
    }

toggle.addEventListener('click', function() {
        if (content.style.maxHeight === '100px') {
            content.style.maxHeight = originalHeight + 'px';
            fade.style.display = 'none';
            toggle.textContent = 'Show Less';
        } else {
            content.style.maxHeight = '100px';
            fade.style.display = 'block';
            toggle.textContent = 'Show More';
        }
    });
});
</script> <section class="bg-white dark:bg-gray-900 py-8"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-bold text-center mb-6 text-gray-800 dark:text-white">New Game Links</h2> <div class="grid grid-cols-3 md:grid-cols-6 lg:grid-cols-8 gap-2 sm:gap-3 md:gap-4 justify-items-center"> <a href="https://www.luckydrawonline.com/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.luckydrawonline.com/static/images/random-number-generator.png" alt="Luckydrawonline" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Luckydrawonline </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Lucky Draw online </p> </div> </a> <a href="https://www.incredibox-mildasspring.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.incredibox-mildasspring.org/static/images/logo.png" alt="Incredibox - Mild As Spring" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Incredibox - Mild As Spring </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Incredibox - Mild As Spring </p> </div> </a> <a href="https://www.mrmine.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.mrmine.org/static/images/logo.png" alt="Mr-Mine" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Mr-Mine </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Mr-Mine </p> </div> </a> <a href="https://www.spacesurvivor.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.spacesurvivor.org/static/images/logo.png" alt="Space Survivor" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Space Survivor </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Space Survivor </p> </div> </a> <a href="https://www.sprunki-phase3.net/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.sprunki-phase3.net/static/images/logo.png" alt="Sprunki Phase 3" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Phase 3 </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Phase 3 </p> </div> </a> <a href="https://www.sprunki-gameplay.net/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.sprunki-gameplay.net/static/images/logo.png" alt="Sprunki Gameplay" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Sprunki Gameplay </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Sprunki Gameplay </p> </div> </a> <a href="https://www.hoopstars.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.hoopstars.online/static/images/logo.png" alt="Hoop Stars" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Hoop Stars </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Hoop Stars </p> </div> </a> <a href="https://www.goblinlauncher.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.goblinlauncher.online/static/images/logo.png" alt="Goblin Launcher" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Goblin Launcher </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Goblin Launcher </p> </div> </a> <a href="https://www.doeoriki.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.doeoriki.org/game_screenshot.webp" alt="Doeoriki" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Doeoriki </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Doeoriki </p> </div> </a> <a href="https://www.shootz.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="/static/images/shootz.webp" alt="Shootz" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Shootz </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Shootz </p> </div> </a> <a href="https://www.trenchrun.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.trenchrun.org/game_screenshot.webp" alt="X Trench Run" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> X Trench Run </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> XTrench Run </p> </div> </a> <a href="https://www.mymonkeygame.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.mymonkeygame.online/static/images/logo.png" alt="My Monkey Game" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> My Monkey Game </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> My Monkey Game </p> </div> </a> <a href="https://www.beatdancer.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.beatdancer.org/static/images/cover.webp" alt="Beat Dancer" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Beat Dancer </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Beat Dancer </p> </div> </a> <a href="https://www.alienkiller.online/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.alienkiller.online/static/images/logo.png" alt="Alien Killer" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Alien Killer </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Alien Killer </p> </div> </a> <a href="https://www.tall-man-run.org/" class="group relative aspect-square rounded-lg overflow-hidden shadow-md hover:shadow-lg transform transition-all duration-300 hover:scale-105" target="_blank" rel="noopener noreferrer"> <img src="https://www.tall-man-run.org/static/images/logo.png" alt="Tall Man Run" loading="lazy" class="w-full h-full object-cover transform transition-transform duration-300 group-hover:scale-110"> <div class="absolute inset-0 bg-gradient-to-t from-gray-900/90 via-gray-900/50 to-transparent 
                                            sm:opacity-0 sm:group-hover:opacity-100
                                            opacity-30 active:opacity-100
                                            transition-all duration-300 
                                            flex flex-col justify-end p-2"> <h3 class="text-sm font-medium text-[#FFD700] line-clamp-1"> Tall Man Run </h3> <p class="text-xs text-gray-300 mt-1 line-clamp-2"> Tall Man Run </p> </div> </a> </div> </div> </section> <section id="comments-container" class="bg-[#1A1B4B] dark:bg-gray-900 py-16 scroll-mt-20"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <h2 class="text-3xl font-bold text-center mb-12 text-white">Comments</h2> <div class="mb-12 bg-white/5 backdrop-blur-sm rounded-xl p-6 shadow-xl"> <form id="commentForm" method="POST" action="/comment" class="space-y-6"> <input id="page_id" name="page_id" type="hidden" value> <input id="csrf_token" name="csrf_token" type="hidden" value="IjYzYjk1NjNmMzY3MmQxNGMwMTlmMjVmZjY3NjEyYTdmNDJiZGVkZDEi.aI6C3w.xTAxAAc10fpmRWfhDh8823FkEVk"> <div> <label for="email" class="block text-sm font-medium text-gray-300">Email</label> <input class="mt-2 block w-full rounded-lg bg-white/10 border-transparent focus:border-[#FFD700] focus:ring-[#FFD700] text-white placeholder-gray-400" id="email" name="email" required type="text" value> </div> <div> <label for="comment" class="block text-sm font-medium text-gray-300">Comment</label> <textarea class="mt-2 block w-full rounded-lg bg-white/10 border-transparent focus:border-[#FFD700] focus:ring-[#FFD700] text-white placeholder-gray-400" id="comment" maxlength="500" minlength="1" name="comment" required rows="4">

Current Path: /game/bird-quest--adventure-flappy

Total Comments: 0

No comments yet.

Be the first to share your thoughts!