feat: wrap some pages in index first

src/routes/about.svelte

@@ -1,5 +1,6 @@
 <script>
 	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>
@@ -7,6 +8,7 @@
 </svelte:head>
 
 <Container>
+	<Index>
 		<h1 class="page-header__heading">About Damillora</h1>
 		<p>
 			Hello! My name is Damillora. I'm an indie Virtual YouTuber with a focus on technology, games,
@@ -19,8 +21,8 @@
 		</ul>
 		<h2>Credits</h2>
 		<p>
-		I am thankful to several for bringing my Virtual YouTuber project to life, and I will list them
-		here.
+			I am thankful to several for bringing my Virtual YouTuber project to life, and I will list
+			them here.
 		</p>
 		<h3>Illustrator: Mira Cassiela</h3>
 		<p>Virtual artist | L2D artist + freelance character designer and illustrator</p>
@@ -70,8 +72,8 @@
 			I maintain presence in several altenative platforms and technologies to ensure I have control of
 			data I post, to contribute to a possible future, and as a backup when mainstream platforms go down.
 			<br />
-		If you have a presence in those platforms, I encourage you to use these instead, you will help the
-		adoption of those technologies!
+			If you have a presence in those platforms, I encourage you to use these instead, you will help
+			the adoption of those technologies!
 		</p>
 		<ul>
 			<li>
@@ -102,4 +104,5 @@
 			<img src="/images/meishi/front-shianv2.png" alt="Meishi front" />
 			<img src="/images/meishi/back-shianv2.png" alt="Meishi back" />
 		</div>
+	</Index>
 </Container>

src/routes/contact.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
 	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>
@@ -8,6 +9,7 @@
 </svelte:head>
 
 <Container>
+	<Index>
 		<h1>Contact</h1>
 		<p>You can contact me via various channels.</p>
 		<h2>Email: damillora(at)damillora.com</h2>
@@ -17,7 +19,8 @@
 		</p>
 		<h2>Twitter: <a href="https://twitter.com/Damillora">Damillora</a></h2>
 		<p>
-		If you're a VTuber and want to collaborate, please send me a Direct Message my way via Twitter!
-		I will gladly help set up the things needed.
+			If you're a VTuber and want to collaborate, please send me a Direct Message my way via
+			Twitter! I will gladly help set up the things needed.
 		</p>
+	</Index>
 </Container>

src/routes/games/index.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Container from '@damillora/plachta/components/Container/Container.svelte';
 	import GameListItem from '$lib/components/GameListItem.svelte';
+	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>
@@ -8,6 +9,7 @@
 </svelte:head>
 
 <Container>
+	<Index>
 		<h1>Game Profile</h1>
 
 		<p>
@@ -186,4 +188,5 @@
 		  />
 		-->
 		</div>
+	</Index>
 </Container>

src/routes/index.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
 	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>
@@ -8,6 +9,7 @@
 </svelte:head>
 
 <Container>
+	<Index>
 		<h1>Welcome to Damillora's website</h1>
 		<p>
 			Welcome to the official website of indie Virtual YouTuber and technology enthusiast Damillora!
@@ -23,8 +25,9 @@
 			>
 		</h2>
 		<p>
-		The Damillora Network is the official place for my fans to interact, and a place for enthusiast
-		to gather and discuss about various topics!
+			The Damillora Network is the official place for my fans to interact, and a place for
+			enthusiast to gather and discuss about various topics!
 		</p>
 		<p>The Network is reachable via Discord and Matrix.</p>
+	</Index>
 </Container>

src/routes/links.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
 	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 	import MediaItem from '$lib/components/MediaItem.svelte';
 </script>
 
@@ -9,6 +10,7 @@
 </svelte:head>
 
 <Container>
+	<Index>
 		<h1>Links</h1>
 
 		<p>Here, I post links that is of my interest, and might be for you too!</p>
@@ -20,4 +22,5 @@
 				description="This playlist contains some of the music I listen to frequently."
 			/>
 		</div>
+	</Index>
 </Container>

src/routes/projects/index.svelte

@@ -1,6 +1,7 @@
 <script>
 	import Container from '@damillora/plachta/components/Container/Container.svelte';
 	import ProjectItem from '$lib/components/ProjectItem.svelte';
+	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>
@@ -8,6 +9,7 @@
 </svelte:head>
 
 <Container>
+	<Index>
 		<h1>Projects</h1>
 
 		<p>This is a list of projects that I maintain and publicly available on my GitHub.</p>
@@ -42,10 +44,7 @@
 				codename="miracle"
 				description="Former codebase of nanao.moe"
 			/>
-		<ProjectItem
-			name="Yuika theme"
-			codename="yuika"
-			description="Previous theme for my blog"
-		/>
+			<ProjectItem name="Yuika theme" codename="yuika" description="Previous theme for my blog" />
 		</div>
+	</Index>
 </Container>