Asset Handling

• Text content is stored in the src/assets folder
  • Fonts are also stored here for faster loading
  • Favicon (as SVG) is also stored here for faster loading
• Binary content is stored in my Google Drive
  • Google Drive can create public URLs for files, acting as a CDN

What goes where?

src/assets

• Artifact text and info (content.tsv)
• Artifact metadata (metas/{name}.tsv)
• Fonts (both font file and JSON conversions)
• Website Favicon (favicon.svg)

Google Drive

• 3D models as GLB files
• Artifact images
• Artifact thumbnails
• Artifact PDFs

Google Drive organization (does not affect code)

• Folders called {name} hold any assets, arbitrarily organized
• All files are then given a publicly accessible shared link

metas/{name}.tsv files

• Holds image dimensions, name, and description
• PhotoSwipe (image gallery extension used) requires image dimensions
• The file and web-optimized images are generated using a macOS Shortcut