refactor: separate latest stuff content from svelte

src/routes/+page.svelte

@@ -2,6 +2,7 @@
 	import { PUBLIC_BASE_URL } from '$env/static/public';
 	import Tooltip from '../components/tooltip.svelte';
 	import Window from '../components/window.svelte';
+	import LatestStuff from './lateststuff.md';
 
 	export let data;
 </script>
@@ -65,16 +66,7 @@
 		</Window>
 		<Window title="latest stuff" style="mt-auto">
 			<div class="prose prose-ralsei prose-img:m-0 leading-6">
-				<p>
+				<LatestStuff/>
-					new game prototype thingy <a href="https://yusdacra.itch.io/lightfelt">at itch.io page</a
-					>! spent a lot of time learning and designing the environment and scene stuff :3
-					trenchbroom and func_godot were used mainly!
-				</p>
-				<img
-					class="md:max-w-[39.5rem]"
-					src="https://img.itch.zone/aW1hZ2UvMzExNTU5My8xODYyMjUwOS5qcGVn/original/%2BSrxFo.jpeg"
-					alt="lightfelt screenshot"
-				/>
 			</div>
 		</Window>
 	</div>

src/routes/lateststuff.md

@@ -0,0 +1,9 @@
++++
+layout = false
++++
+
+new game prototype thingy at [itch.io page](https://yusdacra.itch.io/lightfelt)!
+spent a lot of time learning and designing the environment and scene stuff :3
+[trenchbroom](https://trenchbroom.github.io/) and [func_godot](https://func-godot.github.io/func_godot_docs/FuncGodot%20Manual/FuncGodot%20Manual.html) were used mainly!
+
+![lightfelt screenshot](https://img.itch.zone/aW1hZ2UvMzExNTU5My8xODYyMjUwOS5qcGVn/original/%2BSrxFo.jpeg)