Easteregg

src/components/homepage/rightbar.svelte

@@ -1,3 +1,16 @@
+<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="hidden md:block col-start-7">
 	<img
 		class="w-auto "
@@ -7,6 +20,12 @@
 	<br />
 	<br />
 	<img class="rounded"
-	src="/images/literallyme.jpg" alt="literally me wink wink" />
-	<p class="text-center mt-2">yes, i love japanese stuff, how can you tell?</p>
+	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>