Portfolio Version 1

A personal bio-link portfolio website featuring a dynamic stats display and social media links. This was originally developed by myself and has been restored from an earlier project. I have made this repository public as it was private prior in an attempt to create a timeline of my progress.

The site features a clean, centered design with a custom background image, profile picture, and a statistics grid displaying GitHub metrics. It uses vanilla JavaScript to fetch and display repository and commit data from a JSON file, creating an interactive portfolio landing page with smooth hover effects and responsive design.

This project demonstrates my understanding of HTML/CSS layout, DOM manipulation, and creating visually appealing single-page applications.

Originally Created: Jan 2024 Formatted/Published: Feb 2026

Languages Used:

• HTML
• CSS
• JavaScript

Features:

• Responsive bio-link layout with profile picture
• Dynamic GitHub statistics display (commits and repositories)
• Social media and platform links
• Custom background with overlay effects
• Smooth hover animations and transitions
• Mobile-friendly design

File Structure:

• index.html - Main HTML file with embedded styles and JavaScript
• data.json - Contains GitHub statistics data
• assets/ - Image assets folder
  • profile_picture.jpg - User profile image
  • title_background.jpg - Background image

Setup:

1. Clone the repository
2. Open index.html in your browser
3. To update stats, modify the data.json file with your own metrics

Note:

This project represents an early version of my portfolio site and has been preserved for archival and educational purposes, showcasing my development journey.