| @@ -61,6 +61,11 @@ body { | |||||
| overflow: scroll; | overflow: scroll; | ||||
| } | } | ||||
| .nightly { | |||||
| background-color: #310909; | |||||
| color: #cd79cd; | |||||
| } | |||||
| @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,200,700"); | @import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,200,700"); | ||||
| .game { | .game { | ||||
| @@ -191,6 +196,7 @@ a:hover { | |||||
| right: -100px; | right: -100px; | ||||
| top: 0px; | top: 0px; | ||||
| transform: rotate(45deg); | transform: rotate(45deg); | ||||
| z-index: 2; | |||||
| } | } | ||||
| .switcher-text { | .switcher-text { | ||||
| @@ -276,6 +282,15 @@ a:hover { | |||||
| background: linear-gradient(180deg, rgba(16,13,30,1) 0%, rgba(16,13,30,1) 66%, rgba(16,13,30,0) 100%); | background: linear-gradient(180deg, rgba(16,13,30,1) 0%, rgba(16,13,30,1) 66%, rgba(16,13,30,0) 100%); | ||||
| } | } | ||||
| .changelog-fade-nightly { | |||||
| position: fixed; | |||||
| top: 0%; | |||||
| width: 100vw; | |||||
| height: 25vh; | |||||
| background: rgb(49,9,9); | |||||
| background: linear-gradient(180deg, rgba(49,9,9,1) 0%, rgba(49,9,9,1) 66%, rgba(49,9,9,0) 100%); | |||||
| } | |||||
| h3 { | h3 { | ||||
| font-size: 40px; | font-size: 40px; | ||||
| padding-top: 10px; | padding-top: 10px; | ||||
| @@ -21,6 +21,12 @@ | |||||
| back | back | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <a class="switcher" href="/commits"> | |||||
| <div class="switcher-text"> | |||||
| nightly<br> | |||||
| commits | |||||
| </div> | |||||
| </a> | |||||
| <div class="flex-container"> | <div class="flex-container"> | ||||
| <a href="#stroll" class="game-button-small" id="game-button-stroll"> | <a href="#stroll" class="game-button-small" id="game-button-stroll"> | ||||
| <img class="game-logo" src="/images/stroll-transparent.png"> | <img class="game-logo" src="/images/stroll-transparent.png"> | ||||
| @@ -15,12 +15,18 @@ | |||||
| </script> | </script> | ||||
| </head> | </head> | ||||
| <body> | |||||
| <body class="nightly"> | |||||
| <a class="changelog-banner" href="/"> | <a class="changelog-banner" href="/"> | ||||
| <div class="changelog-text"> | <div class="changelog-text"> | ||||
| back | back | ||||
| </div> | </div> | ||||
| </a> | </a> | ||||
| <a class="switcher" href="/changelog"> | |||||
| <div class="switcher-text"> | |||||
| stable<br> | |||||
| changelogs | |||||
| </div> | |||||
| </a> | |||||
| <div class="flex-container"> | <div class="flex-container"> | ||||
| <a href="#stroll" class="game-button-small" id="game-button-stroll"> | <a href="#stroll" class="game-button-small" id="game-button-stroll"> | ||||
| <img class="game-logo" src="/images/stroll-transparent.png"> | <img class="game-logo" src="/images/stroll-transparent.png"> | ||||
| @@ -35,7 +41,7 @@ | |||||
| <img class="game-logo" src="/images/satiate-transparent.png"> | <img class="game-logo" src="/images/satiate-transparent.png"> | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| <div class="changelog-fade"> | |||||
| <div class="changelog-fade-nightly"> | |||||
| </div> | </div> | ||||
| {% for game in games %} | {% for game in games %} | ||||