Tweak animations further and tweak text

5 anos atrás · 7e27200b92
--- a/static/sexy.css
+++ b/static/sexy.css
@@ -136,6 +136,13 @@ a:hover {
 	max-height: 60%;
 }

 .flex-container:hover .game-button {
 	opacity: 0.25;
 }

 .flex-container:hover .game-button:hover {
 	opacity: 1;
 }

@keyframes fadein {
    from { opacity: 0; }
@@ -161,25 +168,9 @@ a:hover {
 	}
 }

 #game-button-stroll {
 	animation: fadein 1s;
 }

 #game-button-feast {
 	animation: fadein 1s;
 }

 #game-button-gorge {
 	animation: fadein 1s;
 }

 #game-button-satiate {
 	animation: fadein 1s;
 }

 .game-logo {
 	opacity: 0.5;
 	transition: 0.2s;
 	transition: 0.5s;
 }

 .game-button:hover {
@@ -307,5 +298,5 @@ a:hover {
 	position: relative;
 	color: black;
 	font-size: 24px;
 	top: 40px;
 	top: 25px;
 }
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,7 +6,7 @@
    </head>
    <body class={{"nightly" if nightly else ""}}>
        <div class="title">
            fen's games
            {{"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">
@@ -32,14 +32,16 @@
        </div>
        <a class="switcher" href="/{{"nightly" if not nightly else ""}}">
            <div class="switcher-text">
                {{"nightly" if nightly else "stable"}}
                {{"stable" if nightly else "nightly"}}
                <br>
                builds
            </div>
        </a>
        <a class="discord" href="https://discord.gg/vqcKVV6">
            <div class="discord-text">
                Discord
                discord
                <br>
                server
            </div>
        </a>
    </body>