Added mascot

src/content/docs/features/data-sharing.mdx

@@ -7,6 +7,9 @@ import StyledImage from '@components/StyledImage.astro';
 
 import lightDataLink from '@assets/task-images/light-any-dir-data-link.png'
 import darkDataLink from '@assets/task-images/dark-any-dir-data-link.png'
+import mascot from '@assets/mascot/fg-gift.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 200px; float: right; margin: 0 0 1rem 1rem;" />
 
 Fileglancer provides powerful data sharing capabilities designed specifically for scientific collaboration. The platform allows you to easily share imaging datasets with internal colleagues and collaborators.
 

src/content/docs/features/data-tools.mdx

@@ -7,6 +7,9 @@ import { Steps } from "@astrojs/starlight/components";
 import StyledImage from "@components/StyledImage.astro";
 import lightDataTools from '@assets/task-images/light-features-data-tools.png'
 import darkDataTools from '@assets/task-images/dark-features-data-tools.png'
+import mascot from '@assets/mascot/fg-microscope.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
 
 Fileglancer provides seamless integration with multiple data viewers, allowing you to open compatible datasets directly for visualization, analysis, and sharing. When viewing OME-Zarr or compatible scientific imaging data, Fileglancer automatically displays "Open with" options for appropriate viewers.
 

src/content/docs/features/file-browser.mdx

@@ -7,6 +7,9 @@ import StyledImage from '@components/StyledImage.astro';
 
 import lightFileBrowser from '@assets/task-images/light-file-browser-annotated.png'
 import darkFileBrowser from '@assets/task-images/dark-file-browser-annotated.png'
+import mascot from '@assets/mascot/fg-computer.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
 
 The Fileglancer file browser is the core interface for exploring your data. Built specifically for researchers working with scientific imaging data, it provides specialized features for navigating, viewing, and managing these types of files.
 

src/content/docs/getting-started/introduction.mdx

@@ -6,6 +6,9 @@ description: Learn what Fileglancer is, how it fits into the Janelia ecosystem,
 import StyledImage from '@components/StyledImage.astro';
 import lightFgHome from '@assets/base-images/light-fileglancer-home.png'
 import darkFgHome from '@assets/base-images/dark-fileglancer-home.png'
+import mascot from '@assets/mascot/fg-point-upper-left.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
 
 ## Welcome to Fileglancer
 

src/content/docs/getting-started/quick-start.mdx

@@ -15,6 +15,11 @@ import lightZarrDataLink from '@assets/task-images/light-quick-start-zarr-data-l
 import darkZarrDataLink from '@assets/task-images/dark-quick-start-zarr-data-link.png'
 import lightZarrConversion from '@assets/task-images/light-zarr-conversion-request.png'
 import darkZarrConversion from '@assets/task-images/dark-zarr-conversion-request.png'
+import mascot from '@assets/mascot/fg-starting-line.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
+
+This quick start guide will help you get up and running with Fileglancer in just a few minutes. We'll cover the essential steps to navigate the interface, access your data, view OME-Zarr images, and request file conversions.
 
 ## Access Fileglancer
 

src/content/docs/index.mdx

@@ -4,6 +4,9 @@ description: Your complete guide to using Fileglancer for browsing, sharing, and
 template: splash
 hero:
   tagline: Browse and share large scientific imaging data with ease
+  image:
+    file: ../../assets/mascot/fg-stand.png
+    alt: Fileglancer mascot
   actions:
     - text: Get Started
       link: /fileglancer-user-docs/getting-started/introduction/

src/content/docs/support/getting-help.md

@@ -2,6 +2,9 @@
 title: Getting Help
 description: Learn how to get support for Fileglancer, including technical assistance, file conversion help, and troubleshooting resources.
 ---
+
+<img src="/fileglancer-user-docs/src/assets/mascot/fg-hurdle-02.png" alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
+
 ## Types of Support Available
 
 ### Technical Support

src/content/docs/support/troubleshooting.md

@@ -3,6 +3,8 @@ title: Troubleshooting
 description: Solutions for common issues encountered when using Fileglancer with scientific imaging data.
 ---
 
+<img src="/fileglancer-user-docs/src/assets/mascot/fg-network-issue.png" alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
+
 ## Common Access Issues
 
 ### Cannot Access Fileglancer

src/content/docs/workflows/data-links.mdx

@@ -12,6 +12,9 @@ import lightAutomaticLinks from '@assets/task-images/light-automatic-links-pref-
 import darkAutomaticLinks from '@assets/task-images/dark-automatic-links-pref-page.png'
 import lightDataLinksPage from '@assets/base-images/light-data-links-page.png'
 import darkDataLinksPage from '@assets/base-images/dark-data-links-page.png'
+import mascot from '@assets/mascot/fg-engineer.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
 
 Data links in Fileglancer allow you to create shareable URLs for your data on Janelia's file systems without moving or copying files. They work similarily to how Google Docs does when you share a document with "Anyone with the link". 
 

src/content/docs/workflows/file-conversion.mdx

@@ -10,6 +10,9 @@ import lightZarrConversion from '@assets/task-images/light-zarr-conversion-reque
 import darkZarrConversion from '@assets/task-images/dark-zarr-conversion-request.png'
 import lightTasksPage from '@assets/base-images/light-tasks-page.png'
 import darkTasksPage from '@assets/base-images/dark-tasks-page.png'
+import mascot from '@assets/mascot/fg-crossed-arms.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
 
 Fileglancer integrates with Janelia's JIRA help desk system to handle manual data conversions. This feature allows you to request assistance converting your scientific imaging data between different formats.
 

src/content/docs/workflows/navigation.mdx

@@ -11,6 +11,9 @@ import lightDirectPathNavigation from '@assets/task-images/light-direct-path-nav
 import darkDirectPathNavigation from '@assets/task-images/dark-direct-path-navigation.png'
 import lightHomeNavigation from '@assets/task-images/light-home-button.png'
 import darkHomeNavigation from '@assets/task-images/dark-home-button.png'
+import mascot from '@assets/mascot/fg-point-right.png'
+
+<img src={mascot.src} alt="Fileglancer mascot" style="width: 150px; float: right; margin: 0 0 1rem 1rem;" />
 
 Fileglancer provides multiple methods to navigate Janelia's file systems. This guide covers all navigation features.
 

src/styles/custom.css

@@ -38,4 +38,12 @@ button[type='button']:hover,
 
 .hero {
   padding-block: clamp(2.5rem,calc(1rem + 10vmin),6rem);
+}
+
+/* Prevent hero image from stretching */
+.hero img {
+  max-width: 300px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
 }