1<!DOCTYPE html> 2<html lang="en-US"> 3 4<head> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta charset="utf-8"> 7 <link rel="stylesheet" href="/themes/serene/assets/css/styles.css?a19eaddb624b7505f16cc3c8d41531c7" /> 8 <title>Home - Blind Wolf Games</title> 9<meta property="og:title" content="Home - Blind Wolf Games"> 10<meta name="twitter:title" content="Home - Blind Wolf Games"> 11<meta property="og:site_name" content="Blind Wolf Games"> 12<link rel="icon" href="/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/risec.png"> 13<link rel="apple-touch-icon" href="https://www.blindwolfgames.dev/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/risec.png" /> 14<link rel="canonical" href="https://www.blindwolfgames.dev/"> 15<meta property="og:url" content="https://www.blindwolfgames.dev/"> 16<meta name="description" content="Indie furry video game company"> 17<meta property="og:description" content="Indie furry video game company"> 18<meta name="twitter:description" content="Indie furry video game company"> 19<meta name="twitter:card" content="summary" /> 20<meta name="keywords" content="Blind Wolf Games,indie furry games,furry video game company,independent game development,furry indie games,video games for furries,indie gaming community,Blind Wolf gaming,anthro games,furry,anthro"> 21<meta name="generator" content="Articulation - https://www.articulationsites.com"> 22<meta property="og:type" content="website"> 23 24 25 <link rel="preconnect" href="https://assets.articulationsites.com" /> 26
26<script> 27 document.documentElement.classList.remove('dark') 28 </script>
28 29
29<script defer src="https://assets.articulationsites.com/js/published/published.min.js?v=c17059228c8f0fb3962a3f88e7dd27316"></script>
29 30
30<script defer src="https://assets.articulationsites.com/js/vendor/focus.min.js"></script>
30 31
31<script defer src="https://assets.articulationsites.com/js/vendor/intersect.min.js?v=1"></script>
31 32
32<script defer src="https://assets.articulationsites.com/js/vendor/alpine.min.js"></script>
32 33 <link href="/css/published.css?v=1599af1dd31c136b73844d19aef1421e" rel="stylesheet"/> 34 <style> 35 :root { 36 --color-text-dark-bg: #9ca3af; 37--color-text-dark-bg-heading: #f3f4f6; 38--color-text-light-bg: #e2e2e2; 39--text-color: #e2e2e2; 40--color-text-light-bg-heading: #ffffff; 41--heading-color: #ffffff; 42--font-heading: "Vanilla"; 43--font-text: "Droid Sans"; 44--font-button: "Architects Daughter"; 45--font-nav_link: "Vanilla"; 46--font-quote: "Droid Sans"; 47--color-primary-main: #2a2a2a; 48--color-primary-light: #444444; 49--color-primary-dark: #101010; 50--color-primary-contrast: #ffffff; 51--color-secondary-main: #ff04ec; 52--color-secondary-light: #ff37f0; 53--color-secondary-dark: #d000c0; 54--color-secondary-contrast: #ffffff; 55--color-accent-main: #1cff1c; 56--color-accent-light: #4fff4f; 57--color-accent-dark: #00e800; 58--color-accent-contrast: #000000; 59--color-success-main: #c9f8a9; 60--color-success-light: #e7fcd8; 61--color-success-dark: #abf47a; 62--color-success-contrast: #000000; 63--color-error-main: #f8a9a9; 64--color-error-light: #fcd8d8; 65--color-error-dark: #f47a7a; 66--color-error-contrast: #000000; 67--shape: 12px; 68--site-bg-color: var(--color-primary-dark); 69--paragraph-font-weight: 400; 70--paragraph-text-transform: none; 71--nav-link-color: #000000; 72--nav-link-font-weight: 400; 73--nav-link-text-transform: uppercase; 74 } 75 </style> 76 <style id="site-css"> 77 78 </style> 79 80 <link rel="preconnect" href="https://fonts.googleapis.com" /> 81 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Droid+Sans:wght@400;700&family=Architects+Daughter:wght@400;700"><link rel="stylesheet" href="/fonts/vanilla/regular.css"> 82 83</head> 84 85<body> 86<div class="outer-container default-page "> 87 <div class="inner-container"> 88 <div id="c68b261ac7feae" class="component"><header 89 class="main-header bg-(--background-color) bg-type-color " 90 style="--background-color: #ffffff;" 91 x-data="{ 92 scrolled: false, 93 }" 94 x-init=" 95 $store.nav.totalCharacters = 16; 96 $store.nav.breakPoint = 1024; 97 $store.nav.checkIsMobile(); 98 scrolled = window.scrollY > 50; 99 $nextTick(() => { 100 document.querySelector(':root').style.setProperty('--nav-height', $el.offsetHeight + 'px'); 101 }); 102 " 103 :class="{ 104 'mobile-nav': $store.nav.mobile, 105 'desktop-nav': !$store.nav.mobile, 106 'mobile-nav-open': $store.nav.mobileMenuOpen, 107 'scrolled': scrolled, 108 'not-scrolled': !scrolled 109 }" 110 x-resize="document.querySelector(':root').style.setProperty('--nav-height', $el.offsetHeight + 'px');" 111 x-cloak 112 @scroll.window="scrolled = window.scrollY > 50" 113 @editor-scroll.window="scrolled = $event.detail.scrollTop > 50" 114> 115 <a href="/" aria-label="logo" class="logo-container"> 116 </a> 117 <ul 118 class="desktop-nav-links main-nav-list" 119 x-data 120 x-navigation="{ allowCollapseToMore: true }" 121> 122 <li 123 class="main-nav-item" 124 id="8kU6Hgzl" 125> 126 <a 127 href="/" 128 class="nav-link active" 129 >Home</a> 130 </li> 131 132 <li 133 class="main-nav-item" 134 id="VAsXg0Os" 135> 136 <a 137 href="/about" 138 class="nav-link " 139 >About</a> 140 </li> 141 142 <li 143 class="main-nav-item" 144 id="5HJYD8OR" 145> 146 <a 147 href="/contact" 148 class="nav-link " 149 >Contact</a> 150 </li> 151 152 <li 153 class="main-nav-item" 154 id="nav-more-link" 155> 156 <a 157 href="#" 158 class="nav-link " 159 >More...</a> 160 <ul class="subnav subnav-level-1 subnav-parent-nav-more-link"> 161 <li id="subnav-8kU6Hgzl"> 162 <a 163 href="/" 164 class="nav-link" 165 > 166 <span class="subnav-label"> 167 Home 168 </span> 169 </a> 170 </li> 171 172 <li id="subnav-VAsXg0Os"> 173 <a 174 href="/about" 175 class="nav-link" 176 > 177 <span class="subnav-label"> 178 About 179 </span> 180 </a> 181 </li> 182 183 <li id="subnav-5HJYD8OR"> 184 <a 185 href="/contact" 186 class="nav-link" 187 >
188 <span class="subnav-label"> 189 Contact 190 </span> 191 </a> 192 </li> 193 194 </ul> 195 196 </li> 197 198 </ul> 199 200 <div class="desktop-nav-buttons"> 201 </div> 202 <div class="mobile-nav-buttons"> 203 <button 204 @click="$store.nav.mobileMenuOpen = true;" 205 x-show="! $store.nav.mobileMenuOpen" 206 > 207 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 208 <rect width="20" height="1.5" transform="matrix(-1 0 0 1 22 7)" fill="currentColor"/> 209 <rect width="12" height="1.5" transform="matrix(-1 0 0 1 14 16)" fill="currentColor"/> 210 </svg> 211 <span 212 class="mobile-cart-alert" 213 x-data 214 x-show="$store.commerceCart.totalQuantity > 0 && $store.nav.mobile" 215 > 216 <span 217 x-text="$store.commerceCart.totalQuantity" 218 style="color: #ffffff;" 219 ></span> 220 </span> 221 </button> 222 <button 223 @click="$store.nav.mobileMenuOpen = false;" 224 x-show="$store.nav.mobileMenuOpen" 225 > 226 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 227 <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/> 228</svg> 229 </button> 230 </div> 231 <div 232 class="mobile-nav-overlay" 233 x-show="$store.nav.mobile && $store.nav.mobileMenuOpen" 234 > 235 <div 236 class="mobile-nav-panels" 237 x-data="mobileNavigation" 238 x-effect="if (!$store.nav.mobileMenuOpen || !$store.nav.mobile) resetSubnav()" 239> 240 <div 241 class="mobile-nav-panel mobile-nav-panel--root" 242 :class="{ 'is-shifted': hasSubnavOpen() }" 243 > 244 <ul class="mobile-nav-links main-nav-list"> 245 <li 246 class="main-nav-item" 247 id="8kU6Hgzl" 248> 249 <a 250 href="/" 251 class="mobile-nav-link active" 252 >Home</a> 253 </li> 254 255 <li 256 class="main-nav-item" 257 id="VAsXg0Os" 258> 259 <a 260 href="/about" 261 class="mobile-nav-link " 262 >About</a> 263 </li> 264 265 <li 266 class="main-nav-item" 267 id="5HJYD8OR" 268> 269 <a 270 href="/contact" 271 class="mobile-nav-link " 272 >Contact</a> 273 </li> 274 275 </ul> 276 </div> 277 278 279 280 281 </div> 282 283 <div class="mobile-nav-overlay-buttons"> 284 </div> 285 </div> 286</header> 287</div> 288 <main> 289 <div id="c664b50786e9a2" class="component"><div > 290 <div id="c664b50a8cf2c9" class="component"><section 291 id="page-section" 292 style="--text-color: #ffffff; --link-color: #ee00d7; --link-underline-color: #e889e0; --link-hover-color: #43f224; --link-hover-underline-color: #c9f8a9; --background-color: #000000; --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 293 class="page-section transition-all z-10 relative text-(--text-color) custom-text-color bg-(--background-color) bg-type-color hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 294> 295 296 297 <div 298 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-4xl md:max-w-4xl max-w-4xl lg:gap-7 md:gap-2 gap-1" 299 style="padding-block: 48px;" 300 301 > 302 <div id="c68b2a69a5fe06" class="component"><div 303 style="" 304 x-data="{ fullscreen: false }" 305> 306 <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"> 307 <img
308 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/arta00.png?w=1080" 309 alt="Image description" 310 class="resizeable-image lg:rounded-xl md:rounded-xl rounded-xl cursor-zoom-in" 311 style="width: 589px;" 312 @click.stop="fullscreen = true" 313 /> 314 </div> 315 <template x-teleport="body"> 316 <div 317 x-show="fullscreen" 318 x-transition:enter="transition ease-in-out duration-300" 319 x-transition:enter-start="opacity-0" 320 x-transition:leave="transition ease-in-in duration-300" 321 x-transition:leave-end="opacity-0" 322 @click="fullscreen = false" 323 @keydown.window.escape="fullscreen = false" 324 x-trap.inert.noscroll="fullscreen" 325 class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak> 326 <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12"> 327 <img 328 x-show="fullscreen" 329 x-transition:enter="transition ease-in-out duration-300" 330 x-transition:enter-start="opacity-0 transform scale-50" 331 x-transition:leave="transition ease-in-in duration-300" 332 x-transition:leave-end="opacity-0 transform scale-50" 333 loading="lazy" 334 class="object-contain object-center w-full h-full select-none cursor-zoom-out" src="//cdn1.artclt
334n.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/arta00.png" alt="Image description" style="display: none;"> 335 </div> 336 </div> 337 </template> 338 </div> 339</div><div id="c664b50e478cd1" class="component"><div 340 class="transition-all lg:mt-2.5 lg:mb-2.5 md:mt-2.5 md:mb-2.5 mt-2.5 mb-2.5" 341 style="" 342> 343 <div class="text-option"><h2>Our Games</h2></div> 344</div> 345</div><div id="c68b295d8ca4cd" class="component"><div 346 class="component-gallery mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 347 x-data="{ 348 imageGalleryOpened: false, 349 imageGalleryImageIndex: 1, 350 imageGalleryActiveSrc: null, 351 imageGalleryActiveCaption: '', 352 imageGalleryOpen(el) { 353 this.imageGalleryImageIndex = el.dataset.index; 354 this.imageGalleryActiveSrc = el.dataset.lightbox; 355 this.imageGalleryActiveCaption = el.dataset.caption; 356 this.imageGalleryOpened = true && true; 357 }, 358 imageGallerySet(el) { 359 this.imageGalleryActiveSrc = el.dataset.lightbox; 360 this.imageGalleryActiveCaption = el.dataset.caption; 361 this.imageGalleryImageIndex = el.dataset.index; 362 }, 363 imageGalleryClose() { 364 this.imageGalleryOpened = false; 365 setTimeout(() => this.imageGalleryActiveSrc = null, 300); 366 }, 367 imageGalleryNext(){ 368 this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 3) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1); 369 this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox; 370 this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption; 371 }, 372 imageGalleryPrev() { 373 this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 3 : (parseInt(this.imageGalleryImageIndex) - 1); 374 this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox; 375 this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption; 376 } 377 }" 378 @keyup.right.window="imageGalleryNext();" 379 @keyup.left.window="imageGalleryPrev();" 380> 381<div class="flex"> 382 <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-4 md:grid-cols-2 grid-cols-1 lg:gap-5 md:gap-5 gap-5"> 383 <li class="art-item flex items-center" data-item-id="68b295d8ca3ee"> 384 <a 385 data-index="1" 386 data-caption="End of Knights (Work in Progress)"
387 data-lightbox="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/bannereoksmall.png" 388 href="https://blindwolfgames.itch.io/" class="relative group/gallery-item w-full " 389 > 390 <img 391 class="w-full object-cover aspect-[3/4] lg:rounded-xl md:rounded-xl rounded-xl border-0 border-solid border-(--color-secondary-light)" 392 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/bannereoksmall.png?w=800" 393 alt="" 394 loading="lazy" 395 /> 396 <div class="gallery-caption-container max-h-full overflow-hidden absolute inset-x-0 bottom-0 lg:rounded-xl md:rounded-xl rounded-xl transition-all duration-500 opacity-0 group-hover/gallery-item:opacity-100"> 397 <div class="gallery-caption-inner transition-all duration-500 bg-(--color-secondary-main)/50 group-hover/gallery-item:bg-(--color-secondary-main)/75"> 398 <div 399 class="gallery-caption-text art-gallery-caption gallery-caption-overlay transition-all p-5 text-center [text-shadow:_0_2px_4px_rgba(0,0,0,0.5)] flex justify-center items-center lg:rounded-xl md:rounded-xl rounded-xl" 400 >End of Knights (Work in Progress)</div> 401 </div> 402 </div> 403 </a> 404 </li> 405 <li class="art-item flex items-center" data-item-id="68b295d8ca417"> 406 <a 407 data-index="2" 408 data-caption="Witchy Dare (Coming Soon to Steam)"
409 data-lightbox="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/vertical_capsule.png" 410 href="https://store.steampowered.com/app/2552610/Witchy_Dare/" target="_blank" class="relative group/gallery-item w-full " 411 > 412 <img 413 class="w-full object-cover aspect-[3/4] lg:rounded-xl md:rounded-xl rounded-xl border-0 border-solid border-(--color-secondary-light)" 414 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/vertical_capsule.png?w=800" 415 alt="" 416 loading="lazy" 417 /> 418 <div class="gallery-caption-container max-h-full overflow-hidden absolute inset-x-0 bottom-0 lg:rounded-xl md:rounded-xl rounded-xl transition-all duration-500 opacity-0 group-hover/gallery-item:opacity-100"> 419 <div class="gallery-caption-inner transition-all duration-500 bg-(--color-secondary-main)/50 group-hover/gallery-item:bg-(--color-secondary-main)/75"> 420 <div 421 class="gallery-caption-text art-gallery-caption gallery-caption-overlay transition-all p-5 text-center [text-shadow:_0_2px_4px_rgba(0,0,0,0.5)] flex justify-center items-center lg:rounded-xl md:rounded-xl rounded-xl" 422 >Witchy Dare (Coming Soon to Steam)</div> 423 </div> 424 </div> 425 </a> 426 </li> 427 <li class="art-item flex items-center" data-item-id="68b29adf1bc5f"> 428 <a 429 data-index="3" 430 data-caption=""
431 data-lightbox="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/spraypainta.png" 432 class="relative group/gallery-item w-full cursor-zoom-in" 433 @click.prevent="imageGalleryOpen($el)" 434 > 435 <img 436 class="w-full object-cover aspect-[3/4] lg:rounded-xl md:rounded-xl rounded-xl border-0 border-solid border-(--color-secondary-light)" 437 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/spraypainta.png?w=800" 438 alt="" 439 loading="lazy" 440 /> 441 </a> 442 </li> 443 </ul> 444 </div> 445<template x-teleport="body"> 446 <div 447 x-show="imageGalleryOpened" 448 x-transition:enter="transition ease-in-out duration-300" 449 x-transition:enter-start="opacity-0" 450 x-transition:leave="transition ease-in-in duration-300" 451 x-transition:leave-end="opacity-0" 452 @click="imageGalleryClose" 453 @keydown.window.escape="imageGalleryClose" 454 x-trap.inert.noscroll="imageGalleryOpened" 455 class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak> 456 <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12"> 457 <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20"> 458 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg> 459 </div> 460 <img 461 x-show="imageGalleryOpened" 462 x-transition:enter="transition ease-in-out duration-300" 463 x-transition:enter-start="opacity-0 transform scale-50" 464 x-transition:leave="transition ease-in-in duration-300" 465 x-transition:leave-end="opacity-0 transform scale-50" 466 class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;"> 467 <div class="absolute bottom-0 left-0 right-0 p-4"> 468 <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p> 469 </div> 470 <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20"> 471 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg> 472 </div> 473 </div> 474</div> 475 476 </template> 477</div> 478</div><div id="c664b512d3e06a" class="component"><div 479 class="" 480 style="--background-color: var(--color-secondary-main); --hover-background-color: var(--color-primary-light);" 481> 482 <a 483 href="https://blindwolfgames.itch.io/" 484 class="art-button transition-all text-center inline-block bg-(--background-color) bg-type-color hover:bg-(--hover-background-color) group-hover:bg-(--hover-background-color) hover:bg-none group-hover:bg-none hover:bg-type-color group-hover:bg-type-color lg:rounded-xl md:rounded-xl rounded-xl custom-font-family font-(family-name:--font-heading) hover: group-hover: text-(--color-text-dark-bg-heading) custom-text-color md:w-auto lg:w-auto lg:button-medium md:button-medium button-medium" 485 > 486 Check out our Itch.io 487 </a> 488</div> 489</div><div id="c664cb0b4ece2e" class="component"><div 490 class="" 491 x-data="{ 492 imageGalleryOpened: false, 493 imageGalleryImageIndex: 1, 494 imageGalleryActiveSrc: null, 495 imageGalleryOpen(event) { 496 this.imageGalleryImageIndex = event.target.dataset.index; 497 this.imageGalleryActiveSrc = event.target.src; 498 this.imageGalleryOpened = true && true; 499 }, 500 imageGalleryClose() { 501 this.imageGalleryOpened = false;
502 setTimeout(() => this.imageGalleryActiveSrc = null, 300); 503 }, 504 imageGalleryNext(){ 505 this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 0) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1); 506 this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').src; 507 }, 508 imageGalleryPrev() { 509 this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 0 : (parseInt(this.imageGalleryImageIndex) - 1); 510 this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').src; 511 512 } 513 }" 514 @image-gallery-next.window="imageGalleryNext()" 515 @image-gallery-prev.window="imageGalleryPrev()" 516 @keyup.right.window="imageGalleryNext();" 517 @keyup.left.window="imageGalleryPrev();" 518}"> 519 <div class="flex"> 520 <ul x-ref="gallery" class="grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 lg:gap-4 md:gap-2 gap-1"> 521 </ul> 522 </div> 523 <template x-teleport="body"> 524 <div 525 x-show="imageGalleryOpened" 526 x-transition:enter="transition ease-in-out duration-300" 527 x-transition:enter-start="opacity-0" 528 x-transition:leave="transition ease-in-in duration-300" 529 x-transition:leave-end="opacity-0" 530 @click="imageGalleryClose" 531 @keydown.window.escape="imageGalleryClose" 532 x-trap.inert.noscroll="imageGalleryOpened" 533 class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak> 534 <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12"> 535 <div @click="$event.stopPropagation(); $dispatch('image-gallery-prev')" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20"> 536 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg> 537 </div> 538 <img 539 x-show="imageGalleryOpened" 540 x-transition:enter="transition ease-in-out duration-300" 541 x-transition:enter-start="opacity-0 transform scale-50" 542 x-transition:leave="transition ease-in-in duration-300" 543 x-transition:leave-end="opacity-0 transform scale-50" 544 class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;"> 545 <div @click="$event.stopPropagation(); $dispatch('image-gallery-next');" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20"> 546 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg> 547 </div> 548 </div> 549 </div> 550 </template> 551</div> 552</div> 553 554 </div> 555</section> 556</div><div id="c689f65abeb80d" class="component"><section 557 id="page-section" 558 style="--gradient-from-color: var(--color-secondary-main); --gradient-to-color: var(--color-accent-main); --min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 559 class="page-section transition-all z-10 relative bg-gradient-to-br from-(--gradient-from-color) to-(--gradient-to-color) bg-type-gradient hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 560> 561 562 563 <div 564 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 565 style="padding-block: 48px;" 566 567 > 568 <div id="c68b29ecac7907" class="component"><div 569 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 570 style="" 571> 572 <div class="text-option"><h2><span style="color: rgb(255, 255, 255);">Our Community</span></h2><p><br></p></div> 573</div> 574</div><div id="c68b29f7a58f4b" class="component"><div 575 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 576 style="" 577> 578 <div class="text-option"><p><span style="color: rgb(0, 0, 0);">Join the Discord server where you can discuss the game and chat with other people from our community and speak with our team! </span></p><p><br></p><p><br></p></div> 579</div> 580</div><div id="c68b2a4f5e7eca" class="component"><div 581 style="" 582 x-data="{ fullscreen: false }" 583> 584 <div class="flex justify-center mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5"> 585 <img
586 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/bannergrafftit01.png?w=1080" 587 alt="Image description" 588 class="resizeable-image lg:rounded-xl md:rounded-xl rounded-xl cursor-zoom-in" 589 style="width: 612px;" 590 @click.stop="fullscreen = true" 591 /> 592 </div> 593 <template x-teleport="body"> 594 <div 595 x-show="fullscreen" 596 x-transition:enter="transition ease-in-out duration-300" 597 x-transition:enter-start="opacity-0" 598 x-transition:leave="transition ease-in-in duration-300" 599 x-transition:leave-end="opacity-0" 600 @click="fullscreen = false" 601 @keydown.window.escape="fullscreen = false" 602 x-trap.inert.noscroll="fullscreen" 603 class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak> 604 <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12"> 605 <img 606 x-show="fullscreen" 607 x-transition:enter="transition ease-in-out duration-300" 608 x-transition:enter-start="opacity-0 transform scale-50" 609 x-transition:leave="transition ease-in-in duration-300" 610 x-transition:leave-end="opacity-0 transform scale-50" 611 loading="lazy" 612 class="object-contain object-center w-full h-full select-none cursor-zoom-out" src="//cdn1.artclt
612n.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/bannergrafftit01.png" alt="Image description" style="display: none;"> 613 </div> 614 </div> 615 </template> 616 </div> 617</div> 618 619 </div> 620</section> 621</div> 622</div> 623</div> 624 </main> 625 <footer class="main-footer"> 626 <div class="footer-inner"> 627 <div id="c68b261ac80617" class="component"><section 628 id="page-section" 629 style="--min-height-desktop: 200px; --min-height-tablet: 200px; --min-height-mobile: 200px;" 630 class="page-section transition-all z-10 relative bg-type-none hover:bg-type-none group-hover:bg-type-none lg:rounded-none md:rounded-none rounded-none pl-4 pr-4 md:pl-0 md:pr-0 lg:pl-0 lg:pr-0 lg:min-h-(--min-height-desktop) md:min-h-(--min-height-tablet) min-h-(--min-height-mobile) content-center" 631> 632 633 634 <div 635 class="section-inner relative transition-all duration-500 mx-auto grid lg:max-w-5xl md:max-w-5xl max-w-5xl lg:gap-3 md:gap-2 gap-1" 636 style="padding-block: 48px;" 637 638 > 639 <div id="c68b29dc0b4b0d" class="component"><div 640 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 641 style="" 642> 643 <div class="text-option"><h2><span style="color: rgb(255, 255, 255);">Support & Follow us</span></h2><p><br></p></div> 644</div> 645</div><div id="c68b29e1e82fa9" class="component"><div 646 class="transition-all mt-2.5 mb-2.5 md:mt-2.5 md:mb-2.5 lg:mt-2.5 lg:mb-2.5" 647 style="" 648> 649 <div class="text-option"><p><span style="color: rgb(255, 255, 255);">You can support our games by following us on Bluesky or by subscribing to one of our sites for early content. </span></p><p><br></p></div> 650</div> 651</div><div id="c68b29c74b40d1" class="component"><div 652 class="component-gallery m-2.5 md:m-2.5 lg:m-2.5" 653 x-data="{ 654 imageGalleryOpened: false, 655 imageGalleryImageIndex: 1, 656 imageGalleryActiveSrc: null, 657 imageGalleryActiveCaption: '', 658 imageGalleryOpen(el) { 659 this.imageGalleryImageIndex = el.dataset.index; 660 this.imageGalleryActiveSrc = el.dataset.lightbox; 661 this.imageGalleryActiveCaption = el.dataset.caption; 662 this.imageGalleryOpened = true && true; 663 }, 664 imageGallerySet(el) { 665 this.imageGalleryActiveSrc = el.dataset.lightbox; 666 this.imageGalleryActiveCaption = el.dataset.caption; 667 this.imageGalleryImageIndex = el.dataset.index; 668 }, 669 imageGalleryClose() { 670 this.imageGalleryOpened = false; 671 setTimeout(() => this.imageGalleryActiveSrc = null, 300); 672 }, 673 imageGalleryNext(){ 674 this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 3) ? 1 : (parseInt(this.imageGalleryImageIndex) + 1); 675 this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox; 676 this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption; 677 }, 678 imageGalleryPrev() { 679 this.imageGalleryImageIndex = (this.imageGalleryImageIndex == 1) ? 3 : (parseInt(this.imageGalleryImageIndex) - 1); 680 this.imageGalleryActiveSrc = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.lightbox; 681 this.imageGalleryActiveCaption = this.$refs.gallery.querySelector('[data-index=\'' + this.imageGalleryImageIndex + '\']').dataset.caption; 682 } 683 }" 684 @keyup.right.window="imageGalleryNext();" 685 @keyup.left.window="imageGalleryPrev();" 686> 687<div class="flex"> 688 <ul x-ref="gallery" class="art-item-list w-full grid lg:grid-cols-3 md:grid-cols-3 grid-cols-3 lg:gap-3 md:gap-2 gap-1"> 689 <li class="art-item flex items-center" data-item-id="68b29c74b4056"> 690 <a 691 data-index="1" 692 data-caption=""
693 data-lightbox="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/patreons.png" 694 href="https://www.patreon.com/c/blindwolfgames" class="relative group/gallery-item w-full " 695 > 696 <img 697 class="w-full object-cover aspect-square lg:rounded-xl md:rounded-xl rounded-xl" 698 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/patreons.png?w=800" 699 alt="" 700 loading="lazy" 701 /> 702 </a> 703 </li> 704 <li class="art-item flex items-center" data-item-id="68b29c74b406d"> 705 <a 706 data-index="2" 707 data-caption="" 708 data-lightbox="//cdn1.artclt
708n.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/bluesky.png" 709 href="https://bsky.app/profile/blindwolfgames.bsky.social" class="relative group/gallery-item w-full " 710 > 711 <img 712 class="w-full object-cover aspect-square lg:rounded-xl md:rounded-xl rounded-xl" 713 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/bluesky.png?w=800" 714 alt="" 715 loading="lazy" 716 /> 717 </a> 718 </li> 719 <li class="art-item flex items-center" data-item-id="68b29cced82c5"> 720 <a 721 data-index="3" 722 data-caption="" 723 data-lightbox="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/ss68b35d7ecdfee.png" 724 href="https://subscribestar.adult/blindwolfgames" class="relative group/gallery-item w-full " 725 > 726 <img 727 class="w-full object-cover aspect-square lg:rounded-xl md:rounded-xl rounded-xl"
728 src="//cdn1.artcltn.com/storage/329/9fc13049-e414-4bd7-bdbc-b8cc6610ae48/ss68b35d7ecdfee.png?w=800" 729 alt="" 730 loading="lazy" 731 /> 732 </a> 733 </li> 734 </ul> 735 </div> 736<template x-teleport="body"> 737 <div 738 x-show="imageGalleryOpened" 739 x-transition:enter="transition ease-in-out duration-300" 740 x-transition:enter-start="opacity-0" 741 x-transition:leave="transition ease-in-in duration-300" 742 x-transition:leave-end="opacity-0" 743 @click="imageGalleryClose" 744 @keydown.window.escape="imageGalleryClose" 745 x-trap.inert.noscroll="imageGalleryOpened" 746 class="fixed inset-0 z-[99] flex items-center justify-center bg-black/50 select-none cursor-zoom-out" x-cloak> 747 <div class="relative flex items-center justify-center w-11/12 xl:w-4/5 h-11/12"> 748 <div @click.stop="imageGalleryPrev" class="absolute left-0 flex items-center justify-center text-white translate-x-10 rounded-full cursor-pointer xl:-translate-x-24 2xl:-translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20"> 749 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg> 750 </div> 751 <img 752 x-show="imageGalleryOpened" 753 x-transition:enter="transition ease-in-out duration-300" 754 x-transition:enter-start="opacity-0 transform scale-50" 755 x-transition:leave="transition ease-in-in duration-300" 756 x-transition:leave-end="opacity-0 transform scale-50" 757 class="object-contain object-center w-full h-full select-none cursor-zoom-out" :src="imageGalleryActiveSrc" alt="" style="display: none;"> 758 <div class="absolute bottom-0 left-0 right-0 p-4"> 759 <p class="art-lightbox-caption lightbox-caption-overlay text-center bg-gray-800/50" x-text="imageGalleryActiveCaption"></p> 760 </div> 761 <div @click.stop="imageGalleryNext" class="absolute right-0 flex items-center justify-center text-white -translate-x-10 rounded-full cursor-pointer xl:translate-x-24 2xl:translate-x-32 bg-white/10 w-14 h-14 hover:bg-white/20"> 762 <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg> 763 </div> 764 </div> 765</div> 766 767 </template> 768</div> 769</div><div id="c68b261ac8084c" class="component"><section class="component-footer"> 770 <div class="max-w-7xl mx-auto px-6 md:px-12 xl:px-6 py-12 space-y-8 overflow-hidden"> 771 <nav class="flex flex-wrap justify-center -mx-5 -my-2"> 772 </nav> 773 <div class="footer-social flex justify-center mt-8 space-x-6"> 774 </div> 775 <p 776 class="mt-8 text-base leading-6 text-center" 777 x-data="{ year: new Date().getFullYear() }" 778 > 779 © <span x-text="year"></span> All rights reserved. 780 </p> 781 </div> 782</section> 783</div> 784 785 </div> 786</section> 787</div> 788 </div> 789 </footer> 790 </div> 791</div> 792 793<div 794 x-transition 795 x-show="$store.commerceCart.totalQuantity > 0 && !$store.nav.mobile" 796 x-data 797 class="z-50 fixed flex p-5 right-0 bottom-0" 798> 799 <a href="/c/cart"> 800 <span title="Cart" class="art-cart-button transition-all flex p-2 rounded-full hover:scale-110 border border-(--color-text-dark-bg-heading) bg-(--color-primary-main) text-(--color-text-dark-bg-heading)"> 801 <svg class="w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon"> 802 <path d="M2.25 2.25a.75.75 0 0 0 0 1.5h1.386c.17 0 .318.114.362.278l2.558 9.592a3.752 3.752 0 0 0-2.806 3.63c0 .414.336.75.75.75h15.75a.75.75 0 0 0 0-1.5H5.378A2.25 2.25 0 0 1 7.5 15h11.218a.75.75 0 0 0 .674-.421 60.358 60.358 0 0 0 2.96-7.228.75.75 0 0 0-.525-.965A60.864 60.864 0 0 0 5.68 4.509l-.232-.867A1.875 1.875 0 0 0 3.636 2.25H2.25ZM3.75 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM16.5 20.25a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z"/> 803</svg> 804 <p class="pl-1" 805 x-text="$store.commerceCart.totalQuantity"> 806 </p> 807 </span> 808 </a> 809</div> 810</body> 811 812</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.