mirror of
https://github.com/JonasunderscoreJones/jonasjones.dev.git
synced 2025-10-23 00:49:19 +02:00
added click in gif easteregg
This commit is contained in:
parent
8536ea2553
commit
a28cc48608
3 changed files with 13 additions and 1 deletions
|
@ -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
BIN
static/johnrefs1.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 168 KiB |
BIN
static/johnrefs2.gif
Normal file
BIN
static/johnrefs2.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 588 KiB |
Loading…
Add table
Add a link
Reference in a new issue