chemicalcrux
/
crux.sexy


			
				
					
						
						
							
							<!DOCTYPE html>
<html>
    <head>
        <title>crux.sexy</title>
        <link rel="stylesheet" type="text/css" href="sexy.css">
        <!-- stops transitions from firing on page load
             from http://joshfrankel.me/blog/prevent-css-transitions-on-page-load-with-es6/  -->
        <script>.preload-transitions * {
            $null-transition: none !important;
          
            -webkit-transition: $null-transition;
            -moz-transition: $null-transition;
            -ms-transition: $null-transition;
            -o-transition: $null-transition;
            transition: $null-transition;
          }</script>
          <script type="text/javascript">
            document.addEventListener("DOMContentLoaded",function(){
              let node = document.querySelector('.preload-transitions');
              node.classList.remove('preload-transitions');
            });
          </script>
    </head>
    <body class={{"nightly" if nightly else ""}}>
        <div class="title">
            {{"unstable builds!" if nightly else ""}}
        </div>
        <div class="flex-container">
            <a href="https://stroll.crux.sexy/{{"nightly" if nightly else ""}}" class="game-button" id="game-button-stroll">
                <div class="game-title">stroll</div>
                <img class="game-logo" src="/images/stroll-transparent.png">
            </a>
            <div class="game-description">A macro/vore procedural game</div>
            <a href="https://feast.crux.sexy/{{"nightly" if nightly else ""}}" class="game-button" id="game-button-feast">
                <div class="game-title">feast</div>
                <img class="game-logo" src="/images/feast-transparent.png">
            </a>
            <div class="game-description">A vore-focused RPG</div>
            <a href="https://gorge.crux.sexy/{{"nightly" if nightly else ""}}" class="game-button" id="game-button-gorge">
                <div class="game-title">gorge</div>
                <img class="game-logo" src="/images/gorge-transparent.png">
            </a>
            <div class="game-description">An idle/clicker vore game</div>
            <a href="https://satiate.crux.sexy/{{"nightly" if nightly else ""}}" class="game-button" id="game-button-satiate">
                <div class="game-title">satiate</div>
                <img class="game-logo" src="/images/satiate-transparent.png">
            </a>
            <div class="game-description">A text adventure engine with an emphasis on sound</div>
        </div>
        <a class="switcher" href="/{{"nightly" if not nightly else ""}}">
            <div class="switcher-text">
                {{"stable" if nightly else "nightly"}}
                <br>
                builds
            </div>
        </a>
        <a class="discord" href="https://discord.gg/vqcKVV6">
            <div class="discord-text">
                discord
                <br>
                server
            </div>
        </a>
        
    </body>
</html>