Adapted from Neumorphism designed Jekyll theme for this personal websites. I was able to learn and acquire intuitions for web design, UX and UI considerations while imparting my own self-expressions and preferences.
This is a comprehensive personal website built with Jekyll and hosted on GitHub Pages, based on the Neumorphism theme developed by longpdo (cf. Acknowledgements).
The development-customization process included personal layout/font/colour/imagery expression, responsive design improvements, SEO implementation, and integration of modern web features such as Google Analytics 4, automated sitemap generation and a bug reporting system.
The majority of the technical work was efficiently accomplished with GitHub Copilot's assistance (credit where credit is due ;D); this allowed me to focus on the aesthetic, content and debugging of the website.
- Jekyll - Static site generator
- GitHub Pages - Hosting platform
- Gulp - Build automation
- SCSS - CSS preprocessing
- JavaScript ES6+ - Interactive functionality
🎨 Design & User Experience:
- Mobile-First Responsive Design with breakpoint-based styling
- Animated preloader with smooth loading transitions
- Landing Page with animated background using particles.js, cycling typed messages, and animated social icons
- Glassmorphism Design throughout the site
- Smooth Animations with AOS (Animate On Scroll)
📊 Content Management:
- Modular Section Layout with configurable components and filtering capabilities
- GitHub Integration via GitHub API for automatic project population with repository topics as tags
- YAML-based Configuration for easy content updates without code changes
🔍 SEO & Analytics:
- Complete SEO Optimization: Meta tags (OpenGraph, Twitter Cards), JSON-LD structured data, automatic sitemap.xml, robots.txt, Google Search Console integration
- Google Analytics 4 integration for comprehensive visitor tracking
⚡ Performance & Development:
- Performance Optimized: Minified CSS/JS, optimized images, efficient loading
- Advanced Build Pipeline with Gulp workflow including BrowserSync, Autoprefixer, and JS/SCSS minification
- User Feedback System with integrated bug report modal using hidden iframe for compatibility with Google Forms
Distributed under the MIT License. See LICENSE for more information.
- Co-developed with GitHub Copilot
- Adapted from Neumorphism template by longpdo
- Font Awesome for icons
- Normalize.css for cross-browser consistency
- Google Analytics 4 for visitor tracking
- Google Forms for user feedback collection
- Jekyll GitHub Metadata for automatic repository integration
- Based Preloader on Codrin Pavel's version
- Typing Carousel by Gregory Schier
- Social Button Animation by Stéphane Lyver
- Adapted Damian Jankowski's color palette for the neumorphism design
- Based Timeline on Krishna Babu's version