CINXE.COM
Sonic VS. Darkness: True Nightmare Revived | Stash - Games tracker
<!DOCTYPE html> <html lang="en" class=" dark scroll-smooth" dir="ltr"> <head> <title>Sonic VS. Darkness: True Nightmare Revived | Stash - Games tracker</title> <meta name="description" content="Rating: N/A | Introducing a Sonic fan-game titled Sonic vs Darkness. This game is a remake of Nefault1st's first Sonic fan-game Sonic vs Darkness (2011), which began as a sprite-animated Sonic series project on YouTube. This demo features two playable characters Sonic the Hedgehog and Shadow the Hedgehog, and will include stages inspired by the ones from the original fan-game. Like the original version, the gameplay style is inspired by multiple modern Sonic games such as “Sonic Rush” and “Sonic Unleashed”."> <meta name="keywords" content="Sonic VS. Darkness: True Nightmare Revived, game, videogame"> <!-- //todo backend method for generate keys & descr --> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2"> <meta name="theme-color" content="#28282d"/> <link rel="manifest" href="/manifest.json"> <link rel="icon" href="/images/favicon/favicon-16x16-0827ac4fcfd7501538c1f2b62d3c8ce5.png" sizes="16x16" type="image/png"> <link rel="icon" href="/images/favicon/favicon-32x32-2f9eb711b46c02d1c54a998de32b9310.png" sizes="32x32" type="image/png"> <link rel="icon" href="/images/favicon/favicon-b6053c88fdad74ddc6d56cb52787e785.ico" type="image/x-icon"> <link rel="shortcut icon" href="/images/favicon/favicon-b6053c88fdad74ddc6d56cb52787e785.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="/images/favicon/apple-touch-icon-0517a6c8e97728a03c98256e0de2702e.png"> <link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-touch-icon-76x76-bb8c112832a85e10350c0c2f6e8b8d09.png"> <link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-touch-icon-120x120-5d24873af2e1dcec561095f5dcc1757d.png"> <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-touch-icon-152x152-aa2ca63a3ab91ceca4715f4865acc2c7.png"> <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon-180x180-ce836f102fb4c95aabbd3204287a01d7.png"> <meta property="og:url" content="http://stashserver-app/games/sonic-vs-darkness-true-nightmare-revived"> <meta property="og:title" content="Sonic VS. Darkness: True Nightmare Revived"> <meta property="og:description" content="Introducing a Sonic fan-game titled Sonic vs Darkness. This game is a remake of Nefault1st's first Sonic fan-game Sonic vs Darkness (2011), which began as a sprite-animated Sonic series project on YouTube. This demo features two playable characters Sonic the Hedgehog and Shadow the Hedgehog, and wil... Platforms: PC"> <meta property="og:type" content="website"> <meta property="og:image" content="https://images.igdb.com/igdb/image/upload/t_1080p_2x/co30y7.webp"> <!--preload biggest image--> <link rel="preload" as="image" href="https://images.igdb.com/igdb/image/upload/t_1080p_2x/co30y7.webp"> <link rel="preload" as="image" href="https://images.igdb.com/igdb/image/upload/t_cover_big/co30y7.webp"> <!-- Css --> <link rel="preload" as="style" href="/css/tailwind.min-f413c30d73cf423963077582ab6cbfb7.css" > <link href="/css/tailwind.min-f413c30d73cf423963077582ab6cbfb7.css" rel="stylesheet"> <!--preload google fonts--> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"> </noscript> <!--<!– Google tag (gtag.js) –>--> <!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-J1V3ER5YE5"></script>--> <!--<script>--> <!-- window.dataLayer = window.dataLayer || [];--> <!-- function gtag(){dataLayer.push(arguments);}--> <!-- gtag('js', new Date());--> <!-- gtag('config', 'G-J1V3ER5YE5');--> <!--</script>--> <script> document.addEventListener('DOMContentLoaded', () => { setTimeout(initGTM, 3500); }); document.addEventListener('scroll', initGTMOnEvent); document.addEventListener('mousemove', initGTMOnEvent); document.addEventListener('touchstart', initGTMOnEvent); function initGTMOnEvent(event) { initGTM(); event.currentTarget.removeEventListener(event.type, initGTMOnEvent); // remove the event listener that got triggered } function gtag(){dataLayer.push(arguments);} function initGTM() { if (window.gtmDidInit) { return false; } window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once. const script = document.createElement('script'); script.type = 'text/javascript'; script.async = true; script.onload = () => { gtag('js', new Date()); gtag('config', 'G-J1V3ER5YE5'); }; // this part ensures PageViews is always tracked script.src = 'https://www.googletagmanager.com/gtag/js?id=G-J1V3ER5YE5'; document.head.appendChild(script); } </script> </head> <body class="body"> <nav id="topnav" class="defaultscroll is-sticky dark-header"> <div class="container flex justify-between content-center"> <!-- Logo container--> <a class="logo pl-0" href="/"> <img data-src="/images/logo.svg" class="inline-block dark:hidden h-7 lazyload" alt="stash" height="28" width="92" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" > <img data-src="/images/logo-dark-6e73b18a66c6d0216a7a48daf7bbdee4.svg" class="hidden dark:inline-block h-7 lazyload" alt="stash" height="28" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="92"> </a> <!-- End Logo container--> <div class=" flex items-center"> <!--search mobile--> <!-- use app mobile link --> <div class="menu-extras"> <div class="menu-item"> <!-- Mobile menu toggle--> <div class="navbar-toggle" id="isToggle" onclick="toggleMenu()"> <div class="lines"> <span></span> <span></span> <span></span> </div> </div> <!-- End mobile menu toggle--> </div> </div> <div id="navigation"> <!-- Navigation Menu--> <ul class="navigation-menu justify-end lg:mb-0 mb-4"> <li> <a href="/games/" class="sub-menu-item dark:text-white dark:hover:text-amber-600">Games catalog</a> </li> <!-- search icon--> <li class=" items-center hidden lg:flex "> <a href="/search" class="btn p-0 rounded-full bg-amber-500 text-black hover:bg-amber-600 hover:text-black border-amber-600 min-h-[42px] w-[42px] cursor-pointers text-center items-center flex justify-center"> <i class="fa-solid fa-search text-lg "></i><span class="sr-only">Search</span> </a> </li> <li class="has-submenu parent-menu-item items-center flex-wrap hidden lg:flex"> <a href="javascript:void(0)" class="btn rounded-full w-full bg-amber-500 text-black hover:bg-amber-600 hover:text-black border-amber-600 min-h-[30px] py-2 cursor-pointer" >Get App</a> <span></span> <ul class="submenu"> <li> <a href="https://apps.apple.com/app/id1479450797" class="my-2 block" tabindex="0" target="_blank"> <i class="fa-brands fa-apple"></i> Download for iOS </a> </li> <li> <a href="https://play.google.com/store/apps/details?id=io.stashteam.games.tracker.stashapp" class="button__dropdown-item" tabindex="0" target="_blank"> <i class="fa-brands fa-google-play"></i> Download for Android </a> </li> </ul> </li> </ul><!--end navigation menu--> </div><!--end navigation--> </div> </div><!--end container--> </nav> <!-- Start --> <section class="relative pt-28 md:pb-24 pb-16 main-section"> <div class="container"> <div class="grid md:grid-cols-12 grid-cols-1 gap-[30px]"> <div class="lg:col-span-4 md:col-span-5 col-span-12"> <img src="https://images.igdb.com/igdb/image/upload/t_cover_big/co30y7.webp" srcset="https://images.igdb.com/igdb/image/upload/t_cover_big/co30y7.webp 320w, https://images.igdb.com/igdb/image/upload/t_1080p_2x/co30y7.webp 1080w" sizes="(max-width: 600px) 320px, (max-width: 1024px) 768px, 1080px" alt="Sonic VS. Darkness: True Nightmare Revived image" title="Sonic VS. Darkness: True Nightmare Revived" class="rounded-md shadow mx-auto w-full h-auto object-cover dark:shadow-cod-gray-700 md:right-0 mx-auto" style="min-height: 496px;" width="366" height="496" /> <!-- if not mobile --> <!-- fix issue on other pages as well--> <div> </div> </div><!--end col--> <div class=" md:col-span-7 lg:col-span-7 col-span-12 lg:ml-8"> <h1 class="md:text-2xl text-xl font-semibold">Sonic VS. Darkness: True Nightmare Revived</h1> <div class="font-medium dark:text-silver-500 text-silver-700 block mt-2 cursor-pointer inline-flex" data-popover-target="popoverContent" data-popover-trigger="click" data-popover-placement="right" id="popoverButton"> <p>19 Jan 2016</p> <i class="fa-solid fa-angle-right mt-1 ml-2 text-silver-700 dark:text-silver-500"></i> </div> <div data-popover id="popoverContent" role="tooltip" class="absolute left-0 z-1000 invisible inline-block w-60 text-sm text-silver-500 transition-opacity duration-300 bg-white border border-cod-gray-200 rounded-lg shadow-sm opacity-0 dark:text-cod-gray-400 dark:border-cod-gray-600 dark:bg-cod-gray-900" style="z-index: 1000"> <div class="px-3 py-2 bg-cod-gray-100 border-b border-cod-gray-200 rounded-t-lg dark:border-cod-gray-600 dark:bg-cod-gray-700"> <h3 class="font-semibold text-cod-gray-900 dark:text-white">All releases</h3> </div> <div class="px-3 py-2"> <!-- //todo all releases--> <p>19 Jan 2016 - PC (Microsoft Windows)</p> </div> <div data-popper-arrow></div> </div> <div class="game__platforms my-3"> <span class="">PC (Microsoft Windows)</span> </div> <div class="my-6"> <div class="btn rounded-full w-full bg-amber-500 hover:bg-amber-600 border-amber-600 hover:border-amber-700 cursor-pointer" id="openMarketsPopup"> <i class="fa-solid fa-plus"></i> Add to wishlist </div> </div> <!-- popup stores --> <div id="marketsPopup" class="fixed inset-0 flex z-1 items-center justify-center bg-black bg-opacity-50 hidden"> <div class="dark:bg-cod-gray-900 bg-white p-6 rounded-lg shadow-lg max-w-sm w-full text-center"> <span id="closeMarketsPopup" class="text-gray-600 cursor-pointer float-right">×</span> <h2 class="text-2xl font-bold mb-4">Download our App</h2> <a href="https://play.google.com/store/apps/details?id=io.stashteam.games.tracker.stashapp" class="btn bg-amber-500 hover:bg-amber-600 border-amber-600 hover:border-amber-600 rounded-full mr-2 mt-2"> <i class="fa-brands fa-google-play"></i> Google Play</a> <a href="https://apps.apple.com/app/id1479450797" class="btn bg-transparent hover:bg-amber-500 border-amber-500 text-amber-500 hover:text-white rounded-full mt-2"> <i class="fa-brands fa-apple"></i> AppStore </a></div> </div> <!-- rating --> <div class="game__stats flex flex-wrap md:flex-nowrap columns-5 my-5"> <!-- //todo add link--> <div class="game__ratings game__stats-item flex-nowrap"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="19" viewBox="0 0 24 19" fill="none"> <path d="M9.0001 18H15.0001M12.0001 14.25V18M18.5813 9H19.5001C20.2957 9 21.0588 8.68393 21.6214 8.12132C22.184 7.55871 22.5001 6.79565 22.5001 6V4.5C22.5001 4.30109 22.4211 4.11032 22.2804 3.96967C22.1398 3.82902 21.949 3.75 21.7501 3.75H18.7501M5.4376 9H4.49072C3.69507 9 2.93201 8.68393 2.3694 8.12132C1.80679 7.55871 1.49072 6.79565 1.49072 6V4.5C1.49072 4.30109 1.56974 4.11032 1.71039 3.96967C1.85104 3.82902 2.04181 3.75 2.24072 3.75H5.24072M5.2501 2.25V7.41562C5.2501 11.1375 8.23135 14.2219 11.9532 14.25C12.8436 14.2562 13.7264 14.0862 14.5507 13.7497C15.3751 13.4133 16.1248 12.917 16.7565 12.2896C17.3883 11.6622 17.8897 10.916 18.2318 10.094C18.574 9.27197 18.7501 8.39038 18.7501 7.5V2.25C18.7501 2.05109 18.6711 1.86032 18.5304 1.71967C18.3898 1.57902 18.199 1.5 18.0001 1.5H6.0001C5.80119 1.5 5.61042 1.57902 5.46977 1.71967C5.32912 1.86032 5.2501 2.05109 5.2501 2.25Z" stroke="#656565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class=" flex flex-wrap justify-center"> <span class=" dark:text-white">N/A</span> <span class="font-medium w-full text-center text-sm flex-wrap">rating</span> </span> </div> <!-- //todo add link--> <div class="game__want game__stats-item "> <span class=" dark:text-white">4</span> <span class="font-medium w-full text-center text-sm flex-wrap">want</span> </div> <!-- //todo add link--> <div class="game__played game__stats-item "> <span class=" dark:text-white">1</span> <span class="font-medium w-full text-center text-sm flex-wrap">played</span> </div> <!-- //todo add link--> <div class="game__reviews game__stats-item "> <span class=" dark:text-white">0</span> <span class="font-medium w-full text-center text-sm flex-wrap">playing</span> </div> <!-- //todo add link--> <div class="game__reviews game__stats-item "> <span class=" dark:text-white">0</span> <span class="font-medium text-sm w-full text-center flex-wrap">reviews</span> </div> </div> <!-- if mobile --> <!-- Publisher/ Developer--> <div class=" game__stats-wrap"> <div class="w-1/2"> <span class="text-silver-500 text-[18px] block my-2"> Developer</span> <div class="flex flex-wrap"> <div class="game__developer mr-3 "> <span class="block ">Nefault1st</span> </div> </div> </div> <div class="w-1/2"> <span class="text-silver-500 text-[18px] block my-2"> Publisher</span> <!-- //todo add link--> <div class="flex flex-wrap"> <!-- //todo add link--> <div class="game__developer mr-3 "> <span class="block">Nefault1st</span> </div> </div> </div> </div> <!-- Genres --> <h2 class="md:text-2xl text-xl font-semibold mt-5">Tags</h2> <div class="game__genres my-3"> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3Bmodes%3A1%3Byears%3A1980-2023&offset=0&limit=15">Single player</a> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3Bmodes%3A2%3Byears%3A1980-2023&offset=0&limit=15">Multiplayer</a> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3BplayerPerspectives%3A4%3Byears%3A1980-2023&offset=0&limit=15">Side view</a> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3Bgenres%3A8%3Byears%3A1980-2023&offset=0&limit=15">🎮 Platform</a> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3Bgenres%3A31%3Byears%3A1980-2023&offset=0&limit=15">🏹 Adventure</a> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3Bgenres%3A33%3Byears%3A1980-2023&offset=0&limit=15">🕹️ Arcade</a> <a href="/games/?sort.field=POPULARITY&include=category%3Aall%3Bthemes%3A1%3Byears%3A1980-2023&offset=0&limit=15">💥 Action</a> </div> <!-- time to beat--> <!-- summary --> <div class="col-md-12 my-6"> <div class="font-bold text-xl block mt-2 inline-flex">Summary</div> <div class="game__summary font-medium dark:text-silver-500 text-silver-700 block mt-2"> <p class="game__summary">Introducing a Sonic fan-game titled Sonic vs Darkness. This game is a remake of Nefault1st's first Sonic fan-game Sonic vs Darkness (2011), which began as a sprite-animated Sonic series project on YouTube. This demo features two playable characters Sonic the Hedgehog and Shadow the Hedgehog, and will include stages inspired by the ones from the original fan-game. Like the original version, the gameplay style is inspired by multiple modern Sonic games such as “Sonic Rush” and “Sonic Unleashed”.</p> </div> </div> <!-- Sloryline--> <!-- support language--> </div><!--end col--> <div id="gameTab" data-tabs-toggle="#GameContent" role="tablist" class="col-span-12 w-full flex justify-center text-center p-3 shadow dark:shadow-gray-800 rounded-md"> <div class="font-bold text-lg mt-2 inline-flex game__info-item flex items-center cursor-pointer " id="screenshots-tab" data-tabs-target="#screenshots" role="tab" aria-controls="screenshots" aria-selected="true" >Screenshots </div> <div class="font-bold text-lg block mt-2 inline-flex game__info-item flex items-center cursor-pointer" id="videos-tab" data-tabs-target="#videos" role="tab" aria-controls="videos" aria-selected="false" >Videos </div> </div> <div class="col-span-12 mb-3"> <div id="GameContent" class="col-span-12"> <div class="" id="screenshots" role="tabpanel" aria-labelledby="screenshots-tab"> <div class="tiny-four-item game__screens relative"> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://images.igdb.com/igdb/image/upload/t_1080p_2x/sc9tr8.webp" data-fslightbox="gallery"> <!-- ${screenshot.previewSize()} - t_cover_big --> <!-- ${screenshot.fullSize()} - t_1080p_2x --> <!-- ${screenshot.urlSize('t_720p_2x')} --> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/sc9tr8.webp" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="> </a> </div> </div> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://images.igdb.com/igdb/image/upload/t_1080p_2x/sc9tr9.webp" data-fslightbox="gallery"> <!-- ${screenshot.previewSize()} - t_cover_big --> <!-- ${screenshot.fullSize()} - t_1080p_2x --> <!-- ${screenshot.urlSize('t_720p_2x')} --> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/sc9tr9.webp" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="> </a> </div> </div> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://images.igdb.com/igdb/image/upload/t_1080p_2x/sc9tra.webp" data-fslightbox="gallery"> <!-- ${screenshot.previewSize()} - t_cover_big --> <!-- ${screenshot.fullSize()} - t_1080p_2x --> <!-- ${screenshot.urlSize('t_720p_2x')} --> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/sc9tra.webp" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="> </a> </div> </div> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://images.igdb.com/igdb/image/upload/t_1080p_2x/sc9trb.webp" data-fslightbox="gallery"> <!-- ${screenshot.previewSize()} - t_cover_big --> <!-- ${screenshot.fullSize()} - t_1080p_2x --> <!-- ${screenshot.urlSize('t_720p_2x')} --> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/sc9trb.webp" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="> </a> </div> </div> </div> </div> <div class="hidden" id="videos" role="tabpanel" aria-labelledby="videos-tab"> <div class="tiny-four-item game__videos relative m-auto"> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://www.youtube.com/watch?v=3o5Ix4FKgTc" data-fslightbox="gallery" class="relative"> <img data-src="https://i.ytimg.com/vi/3o5Ix4FKgTc/hqdefault.jpg" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy"> <i class="fa-solid fa-circle-play text-3xl text-amber-500 top-1/2 left-1/2 absolute mt-[-15px] ml-[-15px] hover:text-amber-600 bg-white rounded-full"> </i> </a> </div> </div> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://www.youtube.com/watch?v=WVaI3caHJNw" data-fslightbox="gallery" class="relative"> <img data-src="https://i.ytimg.com/vi/WVaI3caHJNw/hqdefault.jpg" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy"> <i class="fa-solid fa-circle-play text-3xl text-amber-500 top-1/2 left-1/2 absolute mt-[-15px] ml-[-15px] hover:text-amber-600 bg-white rounded-full"> </i> </a> </div> </div> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://www.youtube.com/watch?v=p4HSgu-4RdI" data-fslightbox="gallery" class="relative"> <img data-src="https://i.ytimg.com/vi/p4HSgu-4RdI/hqdefault.jpg" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy"> <i class="fa-solid fa-circle-play text-3xl text-amber-500 top-1/2 left-1/2 absolute mt-[-15px] ml-[-15px] hover:text-amber-600 bg-white rounded-full"> </i> </a> </div> </div> <div class="tiny-slide"> <div class="group relative overflow-hidden bg-white dark:bg-cod-gray-900 rounded p-2 shadow dark:shadow-cod-gray-800 ease-in-out duration-500 m-2"> <a href="https://www.youtube.com/watch?v=uG4a_nu9924" data-fslightbox="gallery" class="relative"> <img data-src="https://i.ytimg.com/vi/uG4a_nu9924/hqdefault.jpg" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="Sonic VS. Darkness: True Nightmare Revived screenshot" width="240" height="135" class="game__screens--img lazyload" loading="lazy"> <i class="fa-solid fa-circle-play text-3xl text-amber-500 top-1/2 left-1/2 absolute mt-[-15px] ml-[-15px] hover:text-amber-600 bg-white rounded-full"> </i> </a> </div> </div> </div> </div> </div> </div> <!-- review--> <div class="col-span-12"> <div id="items-holder" class="game__review "> </div> <div id="more_btn" class="more-btn flex md:w-1/4 w-1/2"> Load more </div> </div> <!-- similar games--> <div class="col-span-12"> <h2 class="md:text-2xl text-xl font-semibold my-4">Similar games</h2> <div class=" py-4 tiny-five-item"> <div class="tiny-slide"> <a href="/games/toby-the-secret-mine" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1z4g.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Toby: The Secret Mine" title="Toby: The Secret Mine"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Toby: The Secret Mine</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/forgotton-anne" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1r68.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Forgotton Anne" title="Forgotton Anne"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Forgotton Anne</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/planet-alpha" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1r66.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Planet Alpha" title="Planet Alpha"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Planet Alpha</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/pepper-grinder" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co5rgd.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Pepper Grinder" title="Pepper Grinder"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Pepper Grinder</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/super-fancy-pants-adventure" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1hkk.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Super Fancy Pants Adventure" title="Super Fancy Pants Adventure"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Super Fancy Pants Adventure</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/semblance" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/tcgsewmegowbyqqmtjmn.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Semblance" title="Semblance"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Semblance</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/pikuniku" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co2gb6.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Pikuniku" title="Pikuniku"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Pikuniku</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/dream-alone" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1red.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Dream Alone" title="Dream Alone"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Dream Alone</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/degrees-of-separation" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1rhd.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Degrees of Separation" title="Degrees of Separation"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Degrees of Separation</span> </span> </a> </div> <div class="tiny-slide"> <a href="/games/whipseey-and-the-lost-atlas" class="games-list__item-link games-list__slider"> <span class="relative overflow-hidden rounded-lg block"> <img data-src="https://images.igdb.com/igdb/image/upload/t_cover_big/co1ni6.webp" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="187" height="250" class="games-list__item-image lazyload" alt="Whipseey and the Lost Atlas" title="Whipseey and the Lost Atlas"> </span> <span class="games-list__item-info"> <span class="games-list__item-name ">Whipseey and the Lost Atlas</span> </span> </a> </div> </div> </div> </div> <!--end grid--> </div><!--end container--> </section><!--end section--> <!-- End --> <footer class="footer bg-dark-footer relative text-gray-200 dark:text-gray-200 mt-24"> <!-- Back to top --> <a href="#" onclick="topFunction()" id="back-to-top" class="back-to-top fixed hidden text-lg rounded-full z-10 bottom-5 right-5 h-9 w-9 text-center bg-amber-500 leading-9"> <i class="fa-solid fa-arrow-up"></i></a> <div class="container"> <div class="grid grid-cols-1"> <div class="relative py-16"> <!-- Subscribe --> <!-- <div class="relative w-full">--> <!-- <div class="relative -top-40 bg-white dark:bg-cod-gray-900 lg:px-8 px-6 py-10 rounded-xl shadow dark:shadow-gray-800 overflow-hidden">--> <!-- <div class="grid md:grid-cols-2 grid-cols-1 items-center gap-[30px]">--> <!-- <div class="md:text-left text-center z-1">--> <!-- <h3 class="text-[26px] font-semibold text-cod-gray-900 dark:text-white">Subscribe to Newsletter!</h3>--> <!-- <p class="text-slate-400 max-w-xl mx-auto">Subscribe to get latest updates and information.</p>--> <!-- </div>--> <!-- <div class="subcribe-form z-1">--> <!-- <form class="relative max-w-lg md:ml-auto">--> <!-- <input type="email" id="subcribe" name="email" class="pt-4 pr-40 pb-4 pl-6 w-full h-[50px] outline-none text-cod-gray-900 dark:text-white rounded-full bg-white dark:bg-cod-gray-900 shadow dark:shadow-gray-800" placeholder="Enter your email :">--> <!-- <button type="submit" class="btn absolute top-[2px] right-[3px] h-[46px] bg-amber-500 hover:bg-yellow-700 border-amber-500 hover:border-yellow-700 rounded-full">Subscribe</button>--> <!-- </form><!–end form–>--> <!-- </div>--> <!-- </div>--> <!-- <div class="absolute -top-5 -left-5">--> <!-- <div class="uil uil-envelope lg:text-[150px] text-7xl text-cod-gray-900/5 dark:text-white/5 -rotate-45"></div>--> <!-- </div>--> <!-- <div class="absolute -bottom-5 -right-5">--> <!-- <div class="uil uil-pen lg:text-[150px] text-7xl text-cod-gray-900/5 dark:text-white/5"></div>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- Subscribe --> <div class="grid md:grid-cols-12 grid-cols-1 gap-[30px] mt-4"> <div class="md:col-span-4 col-span-12 "> <a href="/" class="text-[22px] focus:outline-none"> <img data-src="/images/logo-dark-6e73b18a66c6d0216a7a48daf7bbdee4.svg" alt="stash games" class="max-w-[200px] lazyload" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" width="200" height="61"> </a> <p class="mt-6 text-gray-300"> Damn, you got this far? You're savage! <br> Well, you can then subscribe to our social media profiles and enjoy team insights!</p> </div><!--end col--> <div class=" md:col-span-4 sm:col-span-6 col-span-12"> <div class="tracking-[1px] text-lg text-gray-100 font-semibold">Usefull Links</div> <ul class="list-none footer-list mt-6"> <li class="mt-[10px]"><a href="/terms" class="text-[16px] text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="fa-solid fa-angle-right me-1"></i> Terms & Condition</a></li> <li class="mt-[10px]"><a href="/privacy" class="text-[16px] text-gray-300 hover:text-gray-400 duration-500 ease-in-out"><i class="fa-solid fa-angle-right me-1"></i> Privacy policy</a></li> </ul> </div><!--end col--> <div class=" md:col-span-4 sm:col-span-6 col-span-12"> <div class="tracking-[1px] text-lg text-gray-100 font-semibold">Download the Stash app</div> <ul class="list-none mt-6"> <li class="inline"><a href="https://apps.apple.com/app/id1479450797" target="_blank" rel="nofollow"> <img data-src="/images/app-ffb9878fe03d367518954d767ea99bff.png" class="h-9 inline-block lazyload" alt="app store" width="120" height="36" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="></a></li> <li class="inline"><a href="https://play.google.com/store/apps/details?id=io.stashteam.games.tracker.stashapp" target="_blank" rel="nofollow"> <img data-src="/images/playstore-85410bcc15a0e270c779870be1cbc46b.png" class="h-9 inline-block lazyload" alt="playstore" width="120" height="36" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="> </a></li> </ul> <div class="mt-6"> <div class="tracking-[1px] text-lg text-gray-100 font-semibold">Contact Details</div> <div class="flex mt-6"> <i class="fa-solid fa-envelope text-amber-500 mr-3 mt-1"></i> <div class=""> <a href="mailto:info@stash.games" class="text-[16px] text-gray-300 hover:text-gray-400 duration-500 ease-in-out">info@stash.games</a> </div> </div> </div> </div><!--end col--> </div><!--end grid--> </div> </div> </div><!--end container--> <div class="py-[30px] px-0 border-t border-gray-800 dark:border-gray-700"> <div class="container text-center"> <div class="grid md:grid-cols-2 items-center gap-6"> <div class="md:text-left text-center"> <p class="mb-0 text-gray-300">© <span id="currentYear"></span> <script> var currentDate = new Date(); var currentYear = currentDate.getFullYear(); var currentYearElement = document.getElementById('currentYear'); currentYearElement.textContent = currentYear; </script> Stash. Design with <i class="fa-solid fa-heart text-red-600"></i> </p> </div> <ul class="list-none md:text-right text-center"> <li class="inline"><a href="https://facebook.com/StashApp-122231719167474" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-amber-500 dark:hover:border-amber-500 hover:bg-amber-500 dark:hover:bg-amber-500"> <i class=" fa-brands fa-facebook-f " title="facebook"></i></a></li> <li class="inline"><a href="https://instagram.com/stashgames" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-amber-500 dark:hover:border-amber-500 hover:bg-amber-500 dark:hover:bg-amber-500"> <i class="fa-brands fa-instagram" title="instagram"></i></a></li> <li class="inline"><a href="https://twitter.com/StashTrackGames" target="_blank" class="btn btn-icon btn-sm border border-gray-800 rounded-md hover:border-amber-500 dark:hover:border-amber-500 hover:bg-amber-500 dark:hover:bg-amber-500"> <i class="fa-brands fa-twitter" title="twitter"></i></a></li> </ul><!--end icon--> </div><!--end grid--> <div class="grid md:grid-cols-2 items-center gap-6"> <div class="md:text-left text-center"> <p class="mb-0 text-gray-300">Games metadata is powered by <b><a href="https://igdb.com" target="_blank">IGDB.com</a></b> </p> </div> </div><!--end grid--> </div><!--end container--> </div> </footer> <!--<div th:replace="${@environment.getProperty('thymleaf.allow-printing-variables') == 'true'} ? ~{fragments/varsprint} : ~{}"></div>--> <!-- Back to top --> <!-- Switcher --> <div class="fixed top-1/3 md:-left-2 md:right-auto right-0 w-auto z-50 hidden sm:block switcher"> <span class="relative inline-block rotate-90"> <input type="checkbox" class="checkbox opacity-0 absolute" id="chk" checked aria-label="switcher"> <label class="label bg-slate-900 dark:bg-white shadow dark:shadow-gray-800 cursor-pointer rounded-full flex justify-between items-center p-1 w-14 h-8" for="chk"> <i class="fa-solid fa-moon text-[20px] text-yellow-500" style="height: 20px"></i> <i class="fa-solid fa-sun text-[20px] text-yellow-500" style="height: 20px"></i> <span class="ball bg-white dark:bg-cod-gray-900 rounded-full absolute top-[2px] left-[2px] w-7 h-7"></span> </label> </span> </div> <!-- Switcher --> <script> // Отримання посилань на елементи DOM const switcher = document.querySelector('.switcher'); const checkbox = document.getElementById('chk'); // Перевірка значення в localStorage для встановлення теми const currentTheme = localStorage.getItem('theme'); if (currentTheme === 'dark') { document.documentElement.classList.add('dark'); checkbox.checked = true; } else { document.documentElement.classList.remove('dark'); checkbox.checked = false; // Збереження значення теми "dark" за замовчуванням в localStorage localStorage.setItem('theme', 'dark'); } // Обробка події зміни стану чекбокса checkbox.addEventListener('change', function () { if (this.checked) { document.documentElement.classList.add('dark'); localStorage.setItem('theme', 'dark'); } else { document.documentElement.classList.remove('dark'); localStorage.setItem('theme', 'light'); } }); // Показувати перемикач теми switcher.classList.remove('hidden'); </script> <!--popup browser/app--> <!-- JAVASCRIPTS --> <script> var offset = document.querySelectorAll('.game__review-item').length; var limit = 6; const showLoadMore = () => { const gameReviewItems = document.querySelectorAll('.game__review-item'); const moreBtn = document.getElementById('more_btn'); if (gameReviewItems.length < offset || limit > offset) { moreBtn.classList.add('hidden'); } else { moreBtn.classList.remove('hidden'); } }; const fetchReviewsPage = () => { fetch(window.location.pathname + '/reviews/items?' + new URLSearchParams({ offset: offset, limit: limit, 'sort.field': 'DATE_ADDED', 'sort.direction': 'DESC', })).then(function (response) { return response.text(); }).then(function (html) { var content = document.getElementById("items-holder"); content.innerHTML = content.innerHTML + html; offset = offset + limit; showLoadMore(); }).catch(function (err) { console.warn('Something went wrong.', err); }); }; showLoadMore(); document.getElementById("more_btn").onclick = fetchReviewsPage; </script> <script src="/libs/tiny-slider/min/tiny-slider-42409f139c61385980176024fdee196c.js"></script> <script src="/libs/flowbite/flowbite.min-9e0da67ed92998d69665bf9f7e6faaf5.js"></script> <script src="/libs/fslightbox/index-5bcb8b6014f33fc9b76d313137f93c8c.js"></script> <script defer src="/libs/@fortawesome/fontawesome-free/js/solid.min-98816cca7c672aedcf1de314d8253ff6.js"></script> <script defer src="/libs/@fortawesome/fontawesome-free/js/regular.min-5927c3f6c40fd4d2db1c2d072a208666.js"></script> <script defer src="/libs/@fortawesome/fontawesome-free/js/brands.min-e28269c77a2f83a01476d7895ab4467f.js"></script> <script defer src="/libs/@fortawesome/fontawesome-free/js/fontawesome.min-3445b8e46f222a3d9a49bf28c8f1bcc2.js"></script> <script src="/libs/lazysizes/lazysizes.min-45bacd312d5098b4b59f563d8756c15d.js"></script> <script src="/js/plugins.init-f20d37fa14228703560897c30d278a77.js"></script> <script src="/js/colorConvert-11bda68cbfb2f772e3defcb79f29cbe5.js"></script> <script src="/js/app-d3aeeabade61ddf751b1028f48be92ab.js"></script> <!-- JAVASCRIPTS --> <!--css--> <link rel="preload" href="/libs/flowbite/flowbite.min-49c2676c0ff903646141ea13c89478ae.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/libs/flowbite/flowbite.min-49c2676c0ff903646141ea13c89478ae.css"> </noscript> <link rel="preload" href="/libs/tiny-slider/tiny-slider-afcf365e904cab0605984cb0e73114aa.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/libs/tiny-slider/tiny-slider-afcf365e904cab0605984cb0e73114aa.css"> </noscript> </body> </html>