added click in gif easteregg

This commit is contained in:
Jonas_Jones 2023-07-11 05:22:14 +02:00
parent 8536ea2553
commit a28cc48608
3 changed files with 13 additions and 1 deletions

View file

@ -3,6 +3,13 @@
import Footer from "../components/Footer.svelte";
import ParallaxBg from "../components/ParallaxBg.svelte";
import Padding from "../components/padding.svelte";
let isGif1 = true;
function toggleGif() {
isGif1 = !isGif1;
}
</script>
<ParallaxBg>
<NavBar />
@ -12,7 +19,12 @@
<h1>ERROR 404</h1>
<h2>Page not found</h2>
<div style="height:300px;width:600px">
<img src="http://cdn.jonasjones.me/uploads/homepage/slime-teal.gif" alt="Teal Slime" class="picture">
<!-- svelte-ignore a11y-click-events-have-key-events -->
<img
src={isGif1 ? '/johnrefs1.gif' : '/johnrefs2.gif'}
alt="Toggle GIF"
on:click={toggleGif}
/>
</div>
</center>
<style>

BIN
static/johnrefs1.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

BIN
static/johnrefs2.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 588 KiB