feat: add Satisfactory Interactive Map th.gl tool link (#211)

* Add Satisfactory Interactive Maps by TH.GL * Contain images with different aspect ratio * Prettify
satisfactorymodding · Jan 7, 2025 · ef736e2 · ef736e2
1 parent 1d65000
commit ef736e2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/lib/components/general/FicsitCard.svelte b/src/lib/components/general/FicsitCard.svelte
@@ -87,7 +87,7 @@
           <div class="logo max-h-full min-h-full min-w-full max-w-full bg-neutral-500" />
         {:else}
           <img
-            class="logo absolute max-h-full min-h-full min-w-full max-w-full transition-opacity delay-100 duration-200 ease-linear"
+            class="logo absolute max-h-full min-h-full min-w-full max-w-full object-contain transition-opacity delay-100 duration-200 ease-linear"
             class:invisible={!imageLoaded}
             class:opacity-0={!imageLoaded}
             src={renderedLogo}

diff --git a/src/routes/tools/+page.svelte b/src/routes/tools/+page.svelte
@@ -5,6 +5,14 @@
 
   // cspell:ignore SatisGraphtory tehalexf thinkaliker Moritz
   const tools: Tool[] = [
+    {
+      name: 'Satisfactory Interactive Map',
+      author: 'DevLeon',
+      logo: 'https://www.th.gl/satisfactory.jpg',
+      description:
+        'Explore Satisfactory 1.0 with this Interactive Map and In-Game App! Minimap, real-Time position tracking, full-text search, custom drawings, and more!',
+      link: 'https://satisfactory.th.gl/'
+    },
     {
       name: 'Satisfactory Calculator Interactive Map (SCIM)',
       author: 'Anthor',