increase hover size and open folder on image click

src/pages/index.astro

@@ -5,8 +5,9 @@ import { SITE_DESCRIPTION, SITE_TITLE } from '@ptypes/consts.ts';
 
 let shuffled: string[] = [];
 let images: string[] = [];
-
-const response = await fetch('https://fshare.kami.boo/api/server/folder/cmm9jbqvt00025omwu5cnpw9i')
+const folder: string = 'https://fshare.kami.boo/folder/cmm9jbqvt00025omwu5cnpw9i';
+const api: string = 'https://fshare.kami.boo/api/server/folder/cmm9jbqvt00025omwu5cnpw9i';
+const response = await fetch(api)
 if (response.ok) {
 	const data = await response.json();
 	const files = data.files.map((f: Response) => `https://fshare.kami.boo/raw${f.url.substring(2)}`).sort(() => Math.random() - .5) as string[];
@@ -95,7 +96,7 @@ if (response.ok) {
 		}
 
 		.tilted-container:hover {
-			transform: scale(1.05);
+			transform: scale(1.10);
 			z-index: 1;
 		}
 
@@ -128,27 +129,27 @@ if (response.ok) {
 				<div class="gallery-wrapper">
 					<div class="scroll-track">
 						{images.map((src) => (
-						<div class="tilted-container">
+						<a class="tilted-container" href={folder} target="_blank">
 							<img src={src} />
-						</div>
+						</a>
 						))}
 
 						{images.map((src) => (
-						<div class="tilted-container">
+						<a class="tilted-container" href={folder} target="_blank">
 							<img src={src} />
-						</div>
+						</a>
 						))}
 					</div>
 					<div class="scroll-track track-reverse">
 						{shuffled.slice().reverse().map((src) => (
-						<div class="tilted-container">
+						<a class="tilted-container" href={folder} target="_blank">
 							<img src={src} />
-						</div>
+						</a>
 						))}
 						{shuffled.slice().reverse().map((src) => (
-						<div class="tilted-container">
+						<a class="tilted-container" href={folder} target="_blank">
 							<img src={src} />
-						</div>
+						</a>
 						))}
 					</div>
 				</div>