Assets Directory

This directory contains all static assets for the tutorial website.

Directory Structure

assets/
├── images/           # Screenshots and diagrams
├── gifs/             # Animated GIF demonstrations
├── templates/        # Downloadable template files (Excel, etc.)
└── downloads/        # Other downloadable files

Required Assets (TODO)

Hero Images

• hero-light.png - Light mode hero image
• hero-dark.png - Dark mode hero image
• logo.svg - Site logo

Project 1 Assets

• images/project1-preview.png - Email generator preview
• images/project1-folder-structure.png - Folder structure screenshot
• gifs/project1-demo.gif - Demo GIF
• templates/employees.xlsx - Sample employee data

Project 2 Assets

• images/project2-interface.png - Streamlit app interface
• images/project2-result.png - Processing result screenshot
• gifs/project2-demo.gif - Demo GIF
• downloads/expense-samples.zip - Sample expense files

Project 3 Assets

• images/project3-dashboard.png - Dashboard screenshot
• images/project3-deploy.png - Deployment screenshot
• gifs/project3-demo.gif - Demo GIF
• templates/task-template.xlsx - Task template

Image Guidelines

• Use WebP format for better compression
• Max width: 1200px
• Use lazy loading for large images
• Add alt text for accessibility

GIF Guidelines

• Max dimensions: 800x600
• Max file size: 5MB
• Frame rate: 10-15 fps
• Duration: under 30 seconds