diff --git a/src/static/lnp.jpg b/src/static/lnp.jpg new file mode 100644 index 0000000000000000000000000000000000000000..83891da18c58a7808aefcff4ab1453c2ab6d40d0 Binary files /dev/null and b/src/static/lnp.jpg differ diff --git a/src/templates/frontend.jinja b/src/templates/frontend.jinja index 7bc4f07f311b9c89ac8f924e55693bbd9c46dae4..10f8d93655ffd764ed8d857447b264515eba75bc 100644 --- a/src/templates/frontend.jinja +++ b/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