Skip to content

Asset Handling

Kenneth Yang edited this page Dec 18, 2022 · 13 revisions
  • Text content and metas are stored in the src/assets folder
    • Fonts are also stored here for faster loading
    • Favicon (as SVG) is also stored here for faster loading
  • Graphical content is served via Cloudinary

What goes where?

src/assets/

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

Cloudinary

  • 3D models as ThreeJS JSON scene files
  • Artifact images
  • Artifact thumbnails
  • Artifact PDFs

Cloudinary organization (does not affect code)

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

Meta files

image_metas/{name}.tsv files

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

link_metas/{name}.tsv files

  • Holds link title, description, URL, and image URL
  • Data is created with the help of an iframely API call: http://iframely.server.crestify.com/iframely?url=
Clone this wiki locally