Add buttons to get to the commit list

5 years ago · d33de7b44b
--- a/static/changelog.css
+++ b/static/changelog.css
@@ -61,6 +61,11 @@ body {
    overflow: scroll;
 }

 .nightly {
 	background-color: #310909;
 	color: #cd79cd;
 }

@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,200,700");

 .game {
@@ -191,6 +196,7 @@ a:hover {
 	right: -100px;
 	top: 0px;
 	transform: rotate(45deg);
 	z-index: 2;
 }

 .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%);
 }

 .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 {
 	font-size: 40px;
 	padding-top: 10px;
--- a/templates/changelog.html
+++ b/templates/changelog.html
@@ -21,6 +21,12 @@
            back
        </div>
    </a>
    <a class="switcher" href="/commits">
        <div class="switcher-text">
            nightly<br>
            commits
        </div>
    </a>
    <div class="flex-container">
        <a href="#stroll" class="game-button-small" id="game-button-stroll">
            <img class="game-logo" src="/images/stroll-transparent.png">
--- a/templates/commits.html
+++ b/templates/commits.html
@@ -15,12 +15,18 @@
    </script>
 </head>

 <body>
 <body class="nightly">
    <a class="changelog-banner" href="/">
        <div class="changelog-text">
            back
        </div>
    </a>
    <a class="switcher" href="/changelog">
        <div class="switcher-text">
            stable<br>
            changelogs
        </div>
    </a>
    <div class="flex-container">
        <a href="#stroll" class="game-button-small" id="game-button-stroll">
            <img class="game-logo" src="/images/stroll-transparent.png">
@@ -35,7 +41,7 @@
            <img class="game-logo" src="/images/satiate-transparent.png">
        </a>
    </div>
    <div class="changelog-fade">
    <div class="changelog-fade-nightly">

    </div>
    {% for game in games %}