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 Footer from "../components/Footer.svelte";
import ParallaxBg from "../components/ParallaxBg.svelte"; import ParallaxBg from "../components/ParallaxBg.svelte";
import Padding from "../components/padding.svelte"; import Padding from "../components/padding.svelte";
let isGif1 = true;
function toggleGif() {
isGif1 = !isGif1;
}
</script> </script>
<ParallaxBg> <ParallaxBg>
<NavBar /> <NavBar />
@ -12,7 +19,12 @@
<h1>ERROR 404</h1> <h1>ERROR 404</h1>
<h2>Page not found</h2> <h2>Page not found</h2>
<div style="height:300px;width:600px"> <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> </div>
</center> </center>
<style> <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