From a385089fe819f948c897bcf84c46f262cb075987 Mon Sep 17 00:00:00 2001
From: MotorTruck1221 <motortruck1221@protonmail.com>
Date: Tue, 15 Oct 2024 05:31:40 -0600
Subject: [PATCH] A little bit of structure re-organization

---
 src/components/catalog/CatalogCard.svelte                    | 2 +-
 src/pages/{assets => catalog/package}/[...packageName].astro | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)
 rename src/pages/{assets => catalog/package}/[...packageName].astro (95%)

diff --git a/src/components/catalog/CatalogCard.svelte b/src/components/catalog/CatalogCard.svelte
index 706d8f6..faaee00 100644
--- a/src/components/catalog/CatalogCard.svelte
+++ b/src/components/catalog/CatalogCard.svelte
@@ -19,7 +19,7 @@ const assets = getAssets();
             {#if Object.keys(data).length > 0}
                 <div class="flex flex-row gap-6 flex-wrap justify-center">
                     {#each Object.entries(data) as [key, asset]}
-                        <a href={`/assets/${key}`}>
+                        <a href={`/catalog/package/${key}`}>
                             <div class="bg-navbar-color w-64 rounded-3xl shadow-lg overflow-hidden transition-transform duration-300 hover:scale-105">
                                 <img src={`/images/${asset.image}`} alt={asset.title} class="w-full h-40 object-cover" />
                                 <div class="p-6 text-sm">
diff --git a/src/pages/assets/[...packageName].astro b/src/pages/catalog/package/[...packageName].astro
similarity index 95%
rename from src/pages/assets/[...packageName].astro
rename to src/pages/catalog/package/[...packageName].astro
index 1299156..4d89d6d 100644
--- a/src/pages/assets/[...packageName].astro
+++ b/src/pages/catalog/package/[...packageName].astro
@@ -3,7 +3,6 @@ const { packageName } = Astro.params;
 import Layout from "@layouts/Layout.astro";
 const response = await fetch(new URL("/api/packages/" + packageName, Astro.url));
 const assetsJson = await response.json();
-import { Icon } from "astro-icon/components";
 ---
 
 <Layout title={`Package: ${packageName}`}>
@@ -19,7 +18,7 @@ import { Icon } from "astro-icon/components";
                 {assetsJson.backgroundImage && 
                     <div style={{backgroundImage: `url(/images/${assetsJson.backgroundImage})`}} class="w-[44rem] h-[25rem] bg-cover bg-center rounded-xl"/>
                 }
-                {!assetsJson.background_video && !assetsJson.backgroundImage && <img src={`/images/${assetsJson.image}`} alt={assetsJson .title} class="w-[44rem] h-[25rem] object-cover rounded-xl"/>}
+                {!assetsJson.background_video && !assetsJson.backgroundImage && <img loading="lazy" src={`/images/${assetsJson.image}`} alt={assetsJson.title} class="w-[44rem] h-[25rem] object-cover rounded-xl"/>}
                 <div class="flex flex-col ml-7 p-16">
                     <p class="text-xl">{assetsJson.type}</p>
                     <h1 class="text-4xl roboto font-semibold">{assetsJson.title}</h1>