A modern, responsive personal portfolio website built with Jekyll, HTML, CSS, and JavaScript.

• Home Page: Profile photo and introduction
• About Page: Background, qualifications, and activities
• Projects Page: Showcase of projects including Project 1 and Hour of Code
• Resume Page: Professional resume and skills
• Responsive Design: Optimized for mobile, tablet, and desktop
• Navigation Bar: Sticky navigation with mobile hamburger menu
• Footer: Quick links, social media icons, and repository link

• Jekyll: Static site generator
• HTML5: Semantic markup
• CSS3: Modern styling with CSS Grid and Flexbox
• JavaScript: Interactive features and mobile navigation
• Font Awesome: Icons

• Ruby (2.7 or higher)
• Bundler gem

1. Clone the repository:

git clone https://github.com/yourusername/oo0owo0oo.git
cd oo0owo0oo

2. Install dependencies:

bundle install

3. Build and serve locally:

bundle exec jekyll serve

4. Open your browser to http://localhost:4000

Edit _config.yml to customize:

• Site title and description
• Author information
• GitHub and Codecademy usernames
• Repository URL
• Navigation items

.
├── _config.yml          # Jekyll configuration
├── _layouts/
│   └── default.html     # Default page layout
├── _includes/
│   ├── navbar.html      # Navigation bar component
│   └── footer.html      # Footer component
├── css/
│   └── style.css        # Main stylesheet
├── js/
│   └── main.js          # JavaScript functionality
├── images/              # Image assets
├── index.html           # Home page
├── about.html           # About page
├── projects.html        # Projects page
├── resume.html          # Resume page
└── README.md            # This file

Place your images in the images/ directory:

• profile.jpg - Profile photo for home page
• project1.jpg - Screenshot for Project 1
• project2.jpg - Screenshot for Hour of Code project
• project3.jpg - Additional project screenshots

1. Push your code to GitHub
2. Go to repository Settings > Pages
3. Select the main branch as source
4. Your site will be available at https://yourusername.github.io/oo0owo0oo

Edit _config.yml:

github_username: yourusername
codecademy_username: yourusername
repository_url: https://github.com/yourusername/oo0owo0oo

1. Create a new HTML file in the root directory
2. Add front matter:

---
layout: default
title: Page Title
---

3. Add content below the front matter
4. Add navigation link in _config.yml

This project is open source and available for educational purposes.

Built for SITE 1101: Principles of Information Systems course project.