cleanup for loading items

web/src/routes/+layout.svelte

@@ -1,2 +1,24 @@
 
-<slot></slot>
+<slot></slot>
+
+<div>
+    <p>Data from <a href="https://github.com/usd-wg/assets" target="_blank">usd-wg/assets</a></p>
+    <p>
+        Made by <a href="https://twitter.com/hybridherbst" target="_blank">@hybridherbst</a> 
+        from <a href="https://needle.tools" target="_blank">Needle</a> 
+        and <a href="https://prefrontalcortex.de" target="_blank">prefrontal cortex</a></p>
+</div>
+
+<style>
+
+div {
+    margin-top: 2em;
+}
+
+p {
+    padding: 0;
+    margin: 0;
+    color: rgba(0, 0, 0, 0.3);
+}
+
+</style>

web/src/routes/[...path]/+page.server.ts

@@ -57,7 +57,7 @@ export async function load({ params }) {
     const path = params.path;
 
     const currentDir = dirs?.find(child => child.path === path || child.path === path + "/");
-    const currentItem = items?.find(item => item.path === path);
+    const currentItem = items?.find(item => item.path === path || item.path + "/" === path);
 
     // console.log("Loading page: " + path + ", currentDir: " + currentDir + ", currentItem: " + currentItem);
 

web/src/routes/[...path]/+page.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
 import { base } from '$app/paths';
-import type { HierarchyEntry, HierarchyItem } from '$lib/files';
-import { onMount } from 'svelte';
 import GridItem from '../GridItem.svelte';
-  import Breadcrumbs from '../Breadcrumbs.svelte';
+import Breadcrumbs from '../Breadcrumbs.svelte';
 export let data;
 
 $: currentPath = data.currentItem ? data.currentItem.path : data.currentDir ? data.currentDir.path : "";