<script>
	let img = '/images/literallyme.jpg';
	let clicked = false;
	function cursify() {
		if (!clicked) {
			img = '/images/whydidyoudothis.png';
			clicked = true;
		} else {
			img = '/images/literallyme.jpg';
			clicked = false;
		}
	}
</script>

	<div class="mt-10 mr-2">
			<img
				class="w-auto "
				src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/rin-len1.webp"
				alt="Rin and Len"
			/>
			<br />
			<br />
			<img class="rounded" src={img} alt="literally me wink wink" on:click={cursify} />
			<p class="text-center mt-2">
				{#if !clicked}
					yes, i love japanese stuff, how can you tell?
				{:else}
					oh god, what have you done?! TAKE IT AWAY!
				{/if}
			</p>
		</div>
