|
|
@ -304,11 +304,9 @@ onMount(() => {
|
|
|
|
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
|
|
|
|
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
|
|
|
|
<img class="gif-foreground" alt="blue-wins" src="/gifs/blue_win.gif">
|
|
|
|
<img class="gif-foreground" alt="blue-wins" src="/gifs/blue_win.gif">
|
|
|
|
{:else if (display_state == "rockies")}
|
|
|
|
{:else if (display_state == "rockies")}
|
|
|
|
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
|
|
|
|
<img class="gif" alt="rockies" src="/gifs/rockies.gif">
|
|
|
|
<img class="gif-foreground" alt="rockies" src="/gifs/rockies.gif">
|
|
|
|
|
|
|
|
{:else if (display_state == "prairies")}
|
|
|
|
{:else if (display_state == "prairies")}
|
|
|
|
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
|
|
|
|
<img class="gif" alt="prairies" src="/gifs/prairies.gif">
|
|
|
|
<img class="gif-foreground" alt="prairies" src="/gifs/prairies.gif">
|
|
|
|
|
|
|
|
{:else if (display_state == "ab-education")}
|
|
|
|
{:else if (display_state == "ab-education")}
|
|
|
|
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
|
|
|
|
<img class="gif-background" alt="wavy" src="/gifs/wavy_background.gif">
|
|
|
|
<img class="gif-foreground" alt="ab-education" src="/gifs/ab_education.gif">
|
|
|
|
<img class="gif-foreground" alt="ab-education" src="/gifs/ab_education.gif">
|
|
|
@ -371,6 +369,11 @@ p {
|
|
|
|
width: 100%;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.gif {
|
|
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.gif-background {
|
|
|
|
.gif-background {
|
|
|
|
z-index: 0;
|
|
|
|
z-index: 0;
|
|
|
|
height: 100%;
|
|
|
|
height: 100%;
|
|
|
|