Restructure for animated gifs

Animated gifs can't go through the asset pipeline since they come out as
a single frame of the original animation. Previously, I had only a
couple of them and didn't have my assets structured very well. I had the
assets that needed to be passthrough copied alongside those that could
go through the pipeline. It wasn't bad since there weren't many
animations. I mapped just those to passthrough copy to go to a single
directory. This will become more fraught as I add more since there's
more opportunity for collisions. When mapping to an output directory, I
can't maintain the inner structure of that directory. The files are
flattened. I moved everything around, both to separate images that can
go through the pipeline from those which can't and to allow for a simple
passthrough copy that will maintain the directory structure so that each
blog post can have its own directory of passthrough copied animated gifs
in the build.
This commit is contained in:
Devon Campbell 2024-06-23 20:15:56 -04:00
commit ae0487886b
69 changed files with 122 additions and 115 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

View file

@ -0,0 +1,13 @@
# Run `vhs` from project root to get the correct output
Output assets/images/blog/outsourcing-my-memory-to-gum/script-discovery.gif
Set Shell "bash"
Set FontSize 32
Set Width 1100
Set Height 900
Type "npm run" Sleep 500ms Enter
Sleep 4s
Type "npm run start"
Sleep 3s

BIN
images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
images/mastodon-logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
images/personal-avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 153 KiB