scroll down for more

web/_includes/top.html

@@ -24,7 +24,11 @@
             <a class="link" href="https://press.ellpeck.de/tinylife/">Get Press Kit</a>
         </div>
     </div>
+    <div class="top-footer">
+        <p>▼ Scroll down for more ▼</p>
+    </div>
 </div>
+
 <script>
     let x = Math.random() * 100;
     let y = Math.random() * 100;

web/style.css

@@ -1,6 +1,7 @@
 .top {
     background-image: url("media/large_background.png");
     background-size: 400%;
+    color: white;
 }
 
 .top a:link,
@@ -10,11 +11,17 @@
 
 .top-content {
     text-align: center;
-    color: white;
     padding-top: 20px;
     padding-bottom: 60px;
 }
 
+.top-footer {
+    position: absolute;
+    bottom: 30px;
+    left: auto;
+    right: auto;
+}
+
 .section {
     width: 95%;
     max-width: 950px;