mirror of
https://github.com/JonasunderscoreJones/jonasjones.dev.git
synced 2025-10-23 08:59: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 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
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