|
|
|
@ -5,6 +5,18 @@
|
|
|
|
|
const handleMouseleave = () => hereKitty = false;
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<svelte:body
|
|
|
|
|
on:mouseenter={handleMouseenter}
|
|
|
|
|
on:mouseleave={handleMouseleave}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
|
|
|
|
|
<img
|
|
|
|
|
class:curious={hereKitty}
|
|
|
|
|
alt="Kitten wants to know what's going on"
|
|
|
|
|
src="tutorial/kitten.png"
|
|
|
|
|
>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
img {
|
|
|
|
|
position: absolute;
|
|
|
|
@ -23,15 +35,3 @@
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<svelte:body
|
|
|
|
|
on:mouseenter={handleMouseenter}
|
|
|
|
|
on:mouseleave={handleMouseleave}
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
|
|
|
|
|
<img
|
|
|
|
|
class:curious={hereKitty}
|
|
|
|
|
alt="Kitten wants to know what's going on"
|
|
|
|
|
src="tutorial/kitten.png"
|
|
|
|
|
>
|