adds customizable "about" section

web/src/lib/components/scene.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-    
     import { theme } from "$lib/stores/theme_store";
     import { T, useTask } from "@threlte/core";
     import { onMount } from "svelte";
@@ -42,9 +41,9 @@
 
 <T.PerspectiveCamera
     makeDefault
-    position={[35.5, 32, 35.5]}
+    position={[35.5, 28, 35.5]}
     oncreate={(c) => {
-        c.lookAt(0, 0, 0);
+        c.lookAt(-17, 0, 12);
     }}
 />
 

web/src/lib/components/trail/trail_card.svelte

@@ -66,7 +66,7 @@
 </script>
 
 <div
-    class="trail-card relative rounded-2xl border border-input-border min-w-72 h-[386px] {fullWidth
+    class="trail-card relative rounded-2xl border border-input-border min-w-72 h-[386px] bg-background {fullWidth
         ? ''
         : 'lg:w-72'} cursor-pointer flex flex-col"
     class:bg-secondary-hover={selected}