~LNP logo, frontend intro and final screen

src/templates/frontend.jinja

@@ -47,15 +47,19 @@
 
             state = data["state"];
             if(state == "intro_screen"){
-                document.getElementById("intro").style.display="block";
-                document.getElementById("player_select").style.display="none";
+                document.getElementById("intro").style.display = "block";
+                document.getElementById("player_select").style.display = "none";
+                document.getElementById("final_screen").style.display = "none";
             }
             if(state == "player_select"){
-                document.getElementById("intro").style.display="none";
-                document.getElementById("player_select").style.display="block";
+                document.getElementById("intro").style.display = "none";
+                document.getElementById("final_screen").style.display = "none";
+                document.getElementById("player_select").style.display = "block";
             }
             if(state == "final_screen"){
-
+                document.getElementById("intro").style.display = "none";
+                document.getElementById("player_select").style.display = "none";
+                document.getElementById("final_screen").style.display = "block"
             }
 
 
@@ -75,6 +79,10 @@
         display: none;
     }
 
+    #final_screen{
+        display:none;
+    }
+
     h1, h2, h3, h4, h5 .h1, .h2, .h3, .h4, .h5{
         font-family: PressStart2P;
     }
@@ -150,9 +158,9 @@
     <div class="container-fluid" id="intro">
         <div class="row">
             <div class="col-12 text-center">
-                <h1 class="ccc-blue">HIP 2019</h1>
+                <img src="../static/lnp.jpg" width="900">
+                <br><br><br><br>
                 <div class="ccc-green xxl mb-3">Chaos-Familien-Duell</div>
-                <img src="../static/chaos_west_text.jpg" width="900">
             </div>  
         </div>
     </div>
@@ -240,6 +248,17 @@
         </div>
     </div>
 
+    <div class="container-fluid" id="final_screen">
+        <div class="row">
+            <div class="col-12 text-center">
+                <h1 class="ccc-blue">Auf Wiedersehen</h1>
+                <div class="ccc-green xxl mb-3">Chaos-Familien-Duell</div>
+                <img src="../static/chaos_west_text.jpg" width="900">
+            </div>  
+        </div>
+    </div>
+
+
 </body>
 
 </html>
\ No newline at end of file