Explorar el Código

Tweak animations further and tweak text

master
Fen Dweller hace 6 años
padre
commit
7e27200b92
Se han modificado 2 ficheros con 14 adiciones y 21 borrados
  1. +9
    -18
      static/sexy.css
  2. +5
    -3
      templates/index.html

+ 9
- 18
static/sexy.css Ver fichero

@@ -136,6 +136,13 @@ a:hover {
max-height: 60%; max-height: 60%;
} }


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

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


@keyframes fadein { @keyframes fadein {
from { opacity: 0; } 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 { .game-logo {
opacity: 0.5; opacity: 0.5;
transition: 0.2s;
transition: 0.5s;
} }


.game-button:hover { .game-button:hover {
@@ -307,5 +298,5 @@ a:hover {
position: relative; position: relative;
color: black; color: black;
font-size: 24px; font-size: 24px;
top: 40px;
top: 25px;
} }

+ 5
- 3
templates/index.html Ver fichero

@@ -6,7 +6,7 @@
</head> </head>
<body class={{"nightly" if nightly else ""}}> <body class={{"nightly" if nightly else ""}}>
<div class="title"> <div class="title">
fen's games
{{"unstable builds!" if nightly else ""}}
</div> </div>
<div class="flex-container"> <div class="flex-container">
<a href="https://stroll.crux.sexy/{{"nightly" if nightly else ""}}" class="game-button" id="game-button-stroll"> <a href="https://stroll.crux.sexy/{{"nightly" if nightly else ""}}" class="game-button" id="game-button-stroll">
@@ -32,14 +32,16 @@
</div> </div>
<a class="switcher" href="/{{"nightly" if not nightly else ""}}"> <a class="switcher" href="/{{"nightly" if not nightly else ""}}">
<div class="switcher-text"> <div class="switcher-text">
{{"nightly" if nightly else "stable"}}
{{"stable" if nightly else "nightly"}}
<br> <br>
builds builds
</div> </div>
</a> </a>
<a class="discord" href="https://discord.gg/vqcKVV6"> <a class="discord" href="https://discord.gg/vqcKVV6">
<div class="discord-text"> <div class="discord-text">
Discord
discord
<br>
server
</div> </div>
</a> </a>
</body> </body>


Cargando…
Cancelar
Guardar