Add new GIFS.

Author: JoeZiminski

docs/source/_static/datashuttle-demo-dark.gif

@@ -16,12 +16,18 @@ Therefore, add the title and hide it, then add a custom centered title.
 <p style="text-align: center; font-size: 48px;"><b>datashuttle</b></p>
 <p style="text-align: center; font-size: 22px;">Automate the creation, validation and transfer of neuroscience project folders.</p>
 
-```{image} /_static/datashuttle-demo.gif
-:alt: Datashuttle graphical interface walkthrough
+```{image} /_static/datashuttle-demo-dark.gif
+:class: only-dark
+:alt: Datashuttle usage GIF
+:align: center
+:width: 700px
+```
+```{image} /_static/datashuttle-demo-light.gif
+:class: only-light
+:alt: Datashuttle usage GIF
 :align: center
 :width: 700px
 ```
-
 <br>
 
 ::::{grid} 1 2 2 4

docs/source/_static/datashuttle-demo-light.gif

@@ -0,0 +1,53 @@
+\# Screenshots
+
+
+
+Screenshots were taken in Windows on
+on a large LG screen monitor model: 35WN75C
+resolution 3440x1440 / 85 Hz.
+
+Windows terminal was used, default size set to 150 x 45.
+
+Then:
+
+1. ShareX 16.0.1 to take screenshot.
+2. Copy these to photoshop. Set DPI to desired. Save as PNG.
+
+The raw screenshots .PSD files available on the NeuroInformatics
+Unit dropbox. Please request if required.
+
+
+
+\# GIFS
+
+
+
+The videos used for the GIFS are at: https://www.dropbox.com/home/NIU/resources/datashuttle/website-gifs. Please contact for access.
+
+
+
+Videos were created on Windows with Clipchamp.
+
+
+
+The GIFS are created with the following commands:
+
+
+
+\## DARK
+
+.\\ffmpeg.exe -i datashuttle-gif-dark.mp4 -vf "fps=9,scale=600:-1:flags=lanczos,unsharp=3:3:0.5,palettegen=stats\_mode=diff:max\_colors=256" palette-dark.png
+
+
+
+.\\ffmpeg.exe -i datashuttle-gif-dark.mp4 -i palette-dark.png -filter\_complex "fps=9,scale=600:-1:flags=lanczos,unsharp=3:3:0.5\[x];\[x]\[1:v]paletteuse=dither=bayer:bayer\_scale=2:diff\_mode=rectangle" datashuttle-demo-dark.gif
+
+
+
+\## LIGHT
+
+.\\ffmpeg.exe -i datashuttle-gif-light.mp4 -vf "fps=9,scale=600:-1:flags=lanczos,unsharp=3:3:0.5,palettegen=stats\_mode=diff:max\_colors=256" palette-light.png
+
+
+
+.\\ffmpeg.exe -i datashuttle-gif-light.mp4 -i palette-light.png -filter\_complex "fps=9,scale=600:-1:flags=lanczos,unsharp=3:3:0.5\[x];\[x]\[1:v]paletteuse=dither=bayer:bayer\_scale=2:diff\_mode=rectangle" datashuttle-demo-light.gif