Grayson Earle - AI Software Engineer Portfolio

A modern, responsive portfolio website showcasing my work as an AI Software Engineer specializing in machine learning, computer vision, and creative coding.

Features

• Modern Design: Clean, minimal aesthetic with smooth animations
• Responsive Layout: Optimized for all devices and screen sizes
• AI-Focused Content: Highlighting machine learning and computer vision projects
• Interactive Elements: Smooth scrolling, hover effects, and mobile navigation
• Performance Optimized: Fast loading with modern CSS and vanilla JavaScript

Technologies Used

• Frontend: HTML5, CSS3 (SCSS), Vanilla JavaScript
• Framework: Jekyll (GitHub Pages)
• Styling: Custom CSS with modern design principles
• Icons: Font Awesome 6
• Fonts: Inter (Google Fonts)

Project Structure

├── _layouts/
│   └── default.html          # Main layout template
├── assets/
│   ├── css/
│   │   └── style.scss        # Main stylesheet
│   └── js/
│       └── main.js           # JavaScript functionality
├── _config.yml               # Jekyll configuration
├── index.md                  # Homepage content
└── README.md                 # This file

Sections

1. Hero: Introduction with animated AI visualization
2. About: Professional background and core skills
3. Projects: Featured AI and software engineering projects
4. Contact: Professional links and contact information

Development

To run this site locally:

1. Install Jekyll: gem install jekyll bundler
2. Install dependencies: bundle install
3. Run locally: bundle exec jekyll serve
4. Visit: http://localhost:4000

Deployment

This site is automatically deployed via GitHub Pages. Simply push changes to the main branch and the site will rebuild automatically.

Customization

• Update project information in index.md
• Modify styling in assets/css/style.scss
• Add new sections by extending the layout
• Update navigation in _layouts/default.html

License

This portfolio template is open source and available under the MIT License.