AysonAudio
commented
6 months ago Project Card Component
- Hero graphic: Project logo
- Card title: One-line genre description
- Card subtitles: All relevant credits
- Card footer: Link to main project page
To do: Make link open in modal instead of a new windowNote: modals are not feasible, since many websites block embeds for security (source: https://support.mozilla.org/en-US/kb/xframe-neterror-page)
Work Highlights Component
Each project will have a list of highlights or 5 to 10 second demo reels
- Side menu: List of buttons with icon + highlight name. Icon matches highlight content (play button for video, etc.)
- Main panel:
- Header bar with icon + title.
- Big panel with main content.
- Description panel with short and sweet summary of what I did on that project.
Award Showcase Component
If the project won any awards, this component will showcase them. Each award has an award icon, a title such as "Winner, Best Sound" or "Finalist, Best Animated Short Film," and a subtitle with the event or organization that gave the award.
- Main award: A bigger rectangle with it's own row, for the most relevant award.
- Grid of other awards: A grid of smaller rectangles, for other awards.
YouTube Embed Component
Videos hosted on Porkbun seem slow. Switch to YouTube or a video CDN if affordable. If using YouTube, create a component that hides the YouTube UI, since it contains unwanted elements such as a YouTube account icon, a YouTube video title (we already have a title bar in the Work Highlights Component), and a More Videos menu when paused.
This seems like a good solution: https://stackoverflow.com/a/60228328
Front Page SPA
Tabs
As works grow, update default tab to most impressive.
Each Tab: