Coding
A few coding projects and tools I have made
Personal Website
This website is built using the al-folio Jekyll theme, which I have modified and personalized. The repo is available on GitHub
This website leverages:
- Jekyll - Static site generator that transforms Markdown and Liquid templates into HTML
- GitHub Pages - Free hosting and deployment platform
- GitHub Actions - Automated testing and deployment workflows
- HTML5 - Semantic markup and structure
- SCSS/Sass - Enhanced CSS with variables, nesting, and mixins
- JavaScript - Interactive elements and dynamic functionality
- Liquid - Templating language for dynamic content
- Markdown - Content authoring and documentation
Cool Features
Dark Mode Support
The website automatically adapts to your system’s dark/light mode preference, with smooth transitions and optimized color schemes for both themes. Chemical structures image, and graphs are automatically adjusted to be visible in both modes. Try it out on the copper precursors page.
Optimized Performance
- Static generation ensures fast loading times
- CDN-delivered assets for global performance
- Lazy loading for images and content
- Minimal JavaScript for optimal performance
Development Workflow
The site uses a modern development workflow:
- Local Development: Jekyll serves the site locally with live reload
- Version Control: Git for source code management
- Automated Testing: GitHub Actions run tests on every push
- Continuous Deployment: Automatic deployment to GitHub Pages
Other coding projects to come!